{"id":1680,"date":"2026-04-07T09:44:04","date_gmt":"2026-04-07T09:44:04","guid":{"rendered":"https:\/\/unit.jfn.ac.lk\/thm\/?page_id=1680"},"modified":"2026-06-07T06:06:36","modified_gmt":"2026-06-07T06:06:36","slug":"staff-2","status":"publish","type":"page","link":"https:\/\/unit.jfn.ac.lk\/thm\/staff-2\/","title":{"rendered":"Staff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1680\" class=\"elementor elementor-1680\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60e0b748 e-con-full e-flex e-con e-parent\" data-id=\"60e0b748\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3250ec4b e-con-full e-flex e-con e-child\" data-id=\"3250ec4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-558ac5eb elementor-widget elementor-widget-heading\" data-id=\"558ac5eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Staff <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60af5ae5 e-flex e-con-boxed e-con e-parent\" data-id=\"60af5ae5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9948aa7 elementor-widget elementor-widget-text-editor\" data-id=\"9948aa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5>Programme Head<\/h5><style>\/* --- CONTAINER: Grid Layout --- *\/\r\ndiv.staff-member-listing {\r\n    display: grid;\r\n    \/* CHANGED: Increased min-width to 450px to make cards wider *\/\r\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n    gap: 30px;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* --- CARD: Main Container --- *\/\r\ndiv.staff-member {\r\n    display: flex;\r\n    flex-direction: row; \r\n    align-items: stretch; \r\n    \r\n    background-color: #ffffff;\r\n    border: 1px solid #e1e4e8;\r\n    border-radius: 8px;\r\n    overflow: hidden; \r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n\r\n    \/* Overrides *\/\r\n    padding: 0 !important;\r\n    float: none !important;\r\n    width: auto !important;\r\n    border-bottom: none !important;\r\n    margin: 0 !important;\r\n    min-height: 190px; \r\n}\r\n\r\ndiv.staff-member:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* --- IMAGE: Desktop View --- *\/\r\nimg.staff-member-photo {\r\n    \/* CHANGED: Increased image width to 180px to match wider card *\/\r\n    width: 180px !important; \r\n    height: auto !important;\r\n    min-height: 100%; \r\n    object-fit: cover; \r\n    \r\n    border-radius: 0 !important; \r\n    border: none !important;\r\n    margin: 0 !important;\r\n    flex-shrink: 0; \r\n    float: none !important;\r\n}\r\n\r\n\/* --- CONTENT WRAPPER --- *\/\r\n.staff-member-info-wrap {\r\n    padding: 20px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    \r\n    font-family: sans-serif;\r\n    font-size: 0.95rem; \/* Slightly larger text for wider card *\/\r\n    color: #666;\r\n    line-height: 1.6;\r\n\r\n    \/* Overrides *\/\r\n    float: none !important;\r\n    width: auto !important;\r\n    margin-left: 0 !important;\r\n    flex-grow: 1; \r\n}\r\n\r\n\/* --- TYPOGRAPHY --- *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: #0073aa;\r\n    margin: 0 0 12px 0 !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n.staff-member-email {\r\n    display: inline-block;\r\n    color: #555;\r\n    text-decoration: none;\r\n    margin-top: 8px;\r\n    font-weight: 500;\r\n    word-break: break-all; \r\n}\r\n\r\n\/* --- BIO BUTTON --- *\/\r\ndiv.staff-member-bio {\r\n    margin-top: auto; \r\n    padding-top: 10px;\r\n}\r\ndiv.staff-member-bio img {\r\n    height: 24px;\r\n    width: auto;\r\n}\r\n\r\n\/* --- RESPONSIVE: MOBILE FIX --- *\/\r\n\/* Breakpoint increased to 650px to ensure wider cards stack earlier *\/\r\n@media (max-width: 650px) {\r\n    div.staff-member-listing {\r\n        grid-template-columns: 1fr; \/* Single column *\/\r\n    }\r\n    \r\n    div.staff-member {\r\n        flex-direction: column; \r\n        height: auto !important;\r\n        min-height: 0;\r\n    }\r\n    \r\n    img.staff-member-photo {\r\n        width: 100% !important; \r\n        height: 260px !important; \r\n        min-height: 0 !important; \r\n        border-bottom: 1px solid #eee;\r\n    }\r\n    \r\n    .staff-member-info-wrap {\r\n        padding: 25px;\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n        display: block;\r\n    }\r\n}\r\n\r\n\/* Clearfix Overrides *\/\r\ndiv.staff-member:after { display: none; }<\/style><div class=\"staff-member-listing programme-head\"><div class=\"staff-member even  last\">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/Sathana-3.jpg\" alt=\"Dr.(Ms).S.Vaikunthavasan : Programme Head, Senior Lecturer Gr. I\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Dr.(Ms).S.Vaikunthavasan<\/h3>\r\n\t\t\t\tB.B.A (Hons), MA(Jfn), MBA (Kelaniya), Ph.D (Jfn)\r\n                                <h4 class=\"staff-member-position\">Programme Head, Senior Lecturer Gr. I<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:&#118;&#115;&#097;t&#104;ana&#064;&#117;n&#105;v.j&#102;n.ac.l&#107;\" title=\"Email Dr.(Ms).S.Vaikunthavasan\">vsath&#097;na&#064;&#117;niv.jf&#110;.a&#099;.&#108;&#107;<\/a>\r\n                                 <div class=\"staff-member-bio\"><p><a href=\"https:\/\/mkt.jfn.ac.lk\/index.php\/profile-vaikunthavasan\/\" target=\"_blank\" rel=\"noopener\">Profile\u00a0<\/a><\/p>\n<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40c56b10 elementor-widget elementor-widget-text-editor\" data-id=\"40c56b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5>Assistant Lecturers<\/h5>\n<style>\/* --- CONTAINER: Grid Layout --- *\/\r\ndiv.staff-member-listing {\r\n    display: grid;\r\n    \/* CHANGED: Increased min-width to 450px to make cards wider *\/\r\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n    gap: 30px;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* --- CARD: Main Container --- *\/\r\ndiv.staff-member {\r\n    display: flex;\r\n    flex-direction: row; \r\n    align-items: stretch; \r\n    \r\n    background-color: #ffffff;\r\n    border: 1px solid #e1e4e8;\r\n    border-radius: 8px;\r\n    overflow: hidden; \r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n\r\n    \/* Overrides *\/\r\n    padding: 0 !important;\r\n    float: none !important;\r\n    width: auto !important;\r\n    border-bottom: none !important;\r\n    margin: 0 !important;\r\n    min-height: 190px; \r\n}\r\n\r\ndiv.staff-member:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* --- IMAGE: Desktop View --- *\/\r\nimg.staff-member-photo {\r\n    \/* CHANGED: Increased image width to 180px to match wider card *\/\r\n    width: 180px !important; \r\n    height: auto !important;\r\n    min-height: 100%; \r\n    object-fit: cover; \r\n    \r\n    border-radius: 0 !important; \r\n    border: none !important;\r\n    margin: 0 !important;\r\n    flex-shrink: 0; \r\n    float: none !important;\r\n}\r\n\r\n\/* --- CONTENT WRAPPER --- *\/\r\n.staff-member-info-wrap {\r\n    padding: 20px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    \r\n    font-family: sans-serif;\r\n    font-size: 0.95rem; \/* Slightly larger text for wider card *\/\r\n    color: #666;\r\n    line-height: 1.6;\r\n\r\n    \/* Overrides *\/\r\n    float: none !important;\r\n    width: auto !important;\r\n    margin-left: 0 !important;\r\n    flex-grow: 1; \r\n}\r\n\r\n\/* --- TYPOGRAPHY --- *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: #0073aa;\r\n    margin: 0 0 12px 0 !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n.staff-member-email {\r\n    display: inline-block;\r\n    color: #555;\r\n    text-decoration: none;\r\n    margin-top: 8px;\r\n    font-weight: 500;\r\n    word-break: break-all; \r\n}\r\n\r\n\/* --- BIO BUTTON --- *\/\r\ndiv.staff-member-bio {\r\n    margin-top: auto; \r\n    padding-top: 10px;\r\n}\r\ndiv.staff-member-bio img {\r\n    height: 24px;\r\n    width: auto;\r\n}\r\n\r\n\/* --- RESPONSIVE: MOBILE FIX --- *\/\r\n\/* Breakpoint increased to 650px to ensure wider cards stack earlier *\/\r\n@media (max-width: 650px) {\r\n    div.staff-member-listing {\r\n        grid-template-columns: 1fr; \/* Single column *\/\r\n    }\r\n    \r\n    div.staff-member {\r\n        flex-direction: column; \r\n        height: auto !important;\r\n        min-height: 0;\r\n    }\r\n    \r\n    img.staff-member-photo {\r\n        width: 100% !important; \r\n        height: 260px !important; \r\n        min-height: 0 !important; \r\n        border-bottom: 1px solid #eee;\r\n    }\r\n    \r\n    .staff-member-info-wrap {\r\n        padding: 25px;\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n        display: block;\r\n    }\r\n}\r\n\r\n\/* Clearfix Overrides *\/\r\ndiv.staff-member:after { display: none; }<\/style><div class=\"staff-member-listing assistant-lecturers\"><div class=\"staff-member even \">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/IMG_20251114_215304_640-yathu-shan.webp\" alt=\"Mr.V.Yathusshan : Temporary Assistant Lecturer\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Mr.V.Yathusshan<\/h3>\r\n\t\t\t\tBBA (Honours) in Tourism and Hospitality Management-UOJ\r\n                                <h4 class=\"staff-member-position\">Temporary Assistant Lecturer<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:yathu&#115;&#104;an2&#052;&#057;9&#064;gm&#097;i&#108;.&#099;&#111;&#109;\" title=\"Email Mr.V.Yathusshan\">&#121;a&#116;&#104;&#117;s&#104;an&#050;499&#064;g&#109;&#097;&#105;&#108;&#046;co&#109;<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/Niloshana-e1776936420293.jpeg\" alt=\"Ms.P.R . Niloshana : Temporary Assistant Lecturer\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Ms.P.R . Niloshana<\/h3>\r\n\t\t\t\tB.Sc Tourism and Hospitality Management (RUSL) M.Sc (reading)\r\n                                <h4 class=\"staff-member-position\">Temporary Assistant Lecturer<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:&#110;i&#108;osha&#110;a199&#055;&#064;&#103;&#109;&#097;i&#108;&#046;com\" title=\"Email Ms.P.R . Niloshana\">ni&#108;&#111;s&#104;&#097;&#110;a&#049;9&#057;&#055;&#064;g&#109;&#097;il.co&#109;<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/Narmathan.jpeg\" alt=\"Mr.T.Narmathan : Temporary Assistant Lecturer\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Mr.T.Narmathan<\/h3>\r\n\t\t\t\tBBA (Honours) in Tourism and Hospitality Management-UOJ\r\n                                <h4 class=\"staff-member-position\">Temporary Assistant Lecturer<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:na&#114;math&#097;nthirum&#097;ra&#110;&#064;&#103;&#109;&#097;il&#046;&#099;&#111;m\" title=\"Email Mr.T.Narmathan\">n&#097;&#114;&#109;&#097;t&#104;a&#110;t&#104;iru&#109;ar&#097;n&#064;&#103;mai&#108;.com<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/p.size13-1.jpg\" alt=\"Ms.S.Thusitha : Temporary Assistant Lecturer\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Ms.S.Thusitha<\/h3>\r\n\t\t\t\tBBA (Honours) in Tourism and Hospitality Management-UOJ\r\n                                <h4 class=\"staff-member-position\">Temporary Assistant Lecturer<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:&#116;&#104;us&#105;thas&#105;va&#107;&#117;m&#097;r&#057;&#050;&#064;&#103;m&#097;&#105;&#108;&#046;c&#111;m\" title=\"Email Ms.S.Thusitha\">thu&#115;&#105;&#116;&#104;a&#115;&#105;vak&#117;ma&#114;9&#050;&#064;g&#109;ail&#046;&#099;&#111;m<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n\n<h5>Demonstrator<\/h5>\n<style>\/* --- CONTAINER: Grid Layout --- *\/\r\ndiv.staff-member-listing {\r\n    display: grid;\r\n    \/* CHANGED: Increased min-width to 450px to make cards wider *\/\r\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n    gap: 30px;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* --- CARD: Main Container --- *\/\r\ndiv.staff-member {\r\n    display: flex;\r\n    flex-direction: row; \r\n    align-items: stretch; \r\n    \r\n    background-color: #ffffff;\r\n    border: 1px solid #e1e4e8;\r\n    border-radius: 8px;\r\n    overflow: hidden; \r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n\r\n    \/* Overrides *\/\r\n    padding: 0 !important;\r\n    float: none !important;\r\n    width: auto !important;\r\n    border-bottom: none !important;\r\n    margin: 0 !important;\r\n    min-height: 190px; \r\n}\r\n\r\ndiv.staff-member:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* --- IMAGE: Desktop View --- *\/\r\nimg.staff-member-photo {\r\n    \/* CHANGED: Increased image width to 180px to match wider card *\/\r\n    width: 180px !important; \r\n    height: auto !important;\r\n    min-height: 100%; \r\n    object-fit: cover; \r\n    \r\n    border-radius: 0 !important; \r\n    border: none !important;\r\n    margin: 0 !important;\r\n    flex-shrink: 0; \r\n    float: none !important;\r\n}\r\n\r\n\/* --- CONTENT WRAPPER --- *\/\r\n.staff-member-info-wrap {\r\n    padding: 20px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    \r\n    font-family: sans-serif;\r\n    font-size: 0.95rem; \/* Slightly larger text for wider card *\/\r\n    color: #666;\r\n    line-height: 1.6;\r\n\r\n    \/* Overrides *\/\r\n    float: none !important;\r\n    width: auto !important;\r\n    margin-left: 0 !important;\r\n    flex-grow: 1; \r\n}\r\n\r\n\/* --- TYPOGRAPHY --- *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: #0073aa;\r\n    margin: 0 0 12px 0 !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n.staff-member-email {\r\n    display: inline-block;\r\n    color: #555;\r\n    text-decoration: none;\r\n    margin-top: 8px;\r\n    font-weight: 500;\r\n    word-break: break-all; \r\n}\r\n\r\n\/* --- BIO BUTTON --- *\/\r\ndiv.staff-member-bio {\r\n    margin-top: auto; \r\n    padding-top: 10px;\r\n}\r\ndiv.staff-member-bio img {\r\n    height: 24px;\r\n    width: auto;\r\n}\r\n\r\n\/* --- RESPONSIVE: MOBILE FIX --- *\/\r\n\/* Breakpoint increased to 650px to ensure wider cards stack earlier *\/\r\n@media (max-width: 650px) {\r\n    div.staff-member-listing {\r\n        grid-template-columns: 1fr; \/* Single column *\/\r\n    }\r\n    \r\n    div.staff-member {\r\n        flex-direction: column; \r\n        height: auto !important;\r\n        min-height: 0;\r\n    }\r\n    \r\n    img.staff-member-photo {\r\n        width: 100% !important; \r\n        height: 260px !important; \r\n        min-height: 0 !important; \r\n        border-bottom: 1px solid #eee;\r\n    }\r\n    \r\n    .staff-member-info-wrap {\r\n        padding: 25px;\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n        display: block;\r\n    }\r\n}\r\n\r\n\/* Clearfix Overrides *\/\r\ndiv.staff-member:after { display: none; }<\/style><div class=\"staff-member-listing demonstrator\"><div class=\"staff-member even  last\">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/05\/PHOTO-2026-06-08-14-59-37.jpg\" alt=\"Ms.K.A.Imali Udeshika : Temporary Demonstrator\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Ms.K.A.Imali Udeshika<\/h3>\r\n\t\t\t\tBBA (Honours) in Tourism and Cultural Resource Management (UoK)\r\n                                <h4 class=\"staff-member-position\">Temporary Demonstrator<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:i&#117;&#100;&#101;s&#104;&#105;ka&#054;&#048;&#050;&#064;&#103;&#109;&#097;il&#046;&#099;&#111;&#109;\" title=\"Email Ms.K.A.Imali Udeshika\">iudeshi&#107;&#097;60&#050;&#064;&#103;ma&#105;&#108;.co&#109;<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf2668 elementor-widget elementor-widget-text-editor\" data-id=\"1bf2668\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5>Administrative Staff<\/h5>\n<style>\/* --- CONTAINER: Grid Layout --- *\/\r\ndiv.staff-member-listing {\r\n    display: grid;\r\n    \/* CHANGED: Increased min-width to 450px to make cards wider *\/\r\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n    gap: 30px;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* --- CARD: Main Container --- *\/\r\ndiv.staff-member {\r\n    display: flex;\r\n    flex-direction: row; \r\n    align-items: stretch; \r\n    \r\n    background-color: #ffffff;\r\n    border: 1px solid #e1e4e8;\r\n    border-radius: 8px;\r\n    overflow: hidden; \r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n\r\n    \/* Overrides *\/\r\n    padding: 0 !important;\r\n    float: none !important;\r\n    width: auto !important;\r\n    border-bottom: none !important;\r\n    margin: 0 !important;\r\n    min-height: 190px; \r\n}\r\n\r\ndiv.staff-member:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* --- IMAGE: Desktop View --- *\/\r\nimg.staff-member-photo {\r\n    \/* CHANGED: Increased image width to 180px to match wider card *\/\r\n    width: 180px !important; \r\n    height: auto !important;\r\n    min-height: 100%; \r\n    object-fit: cover; \r\n    \r\n    border-radius: 0 !important; \r\n    border: none !important;\r\n    margin: 0 !important;\r\n    flex-shrink: 0; \r\n    float: none !important;\r\n}\r\n\r\n\/* --- CONTENT WRAPPER --- *\/\r\n.staff-member-info-wrap {\r\n    padding: 20px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    \r\n    font-family: sans-serif;\r\n    font-size: 0.95rem; \/* Slightly larger text for wider card *\/\r\n    color: #666;\r\n    line-height: 1.6;\r\n\r\n    \/* Overrides *\/\r\n    float: none !important;\r\n    width: auto !important;\r\n    margin-left: 0 !important;\r\n    flex-grow: 1; \r\n}\r\n\r\n\/* --- TYPOGRAPHY --- *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 5px !important;\r\n}\r\n\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: #0073aa;\r\n    margin: 0 0 12px 0 !important;\r\n    font-style: normal !important;\r\n}\r\n\r\n.staff-member-email {\r\n    display: inline-block;\r\n    color: #555;\r\n    text-decoration: none;\r\n    margin-top: 8px;\r\n    font-weight: 500;\r\n    word-break: break-all; \r\n}\r\n\r\n\/* --- BIO BUTTON --- *\/\r\ndiv.staff-member-bio {\r\n    margin-top: auto; \r\n    padding-top: 10px;\r\n}\r\ndiv.staff-member-bio img {\r\n    height: 24px;\r\n    width: auto;\r\n}\r\n\r\n\/* --- RESPONSIVE: MOBILE FIX --- *\/\r\n\/* Breakpoint increased to 650px to ensure wider cards stack earlier *\/\r\n@media (max-width: 650px) {\r\n    div.staff-member-listing {\r\n        grid-template-columns: 1fr; \/* Single column *\/\r\n    }\r\n    \r\n    div.staff-member {\r\n        flex-direction: column; \r\n        height: auto !important;\r\n        min-height: 0;\r\n    }\r\n    \r\n    img.staff-member-photo {\r\n        width: 100% !important; \r\n        height: 260px !important; \r\n        min-height: 0 !important; \r\n        border-bottom: 1px solid #eee;\r\n    }\r\n    \r\n    .staff-member-info-wrap {\r\n        padding: 25px;\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n        display: block;\r\n    }\r\n}\r\n\r\n\/* Clearfix Overrides *\/\r\ndiv.staff-member:after { display: none; }<\/style><div class=\"staff-member-listing administrative-staff\"><div class=\"staff-member even \">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/unnamed-2-1.jpg\" alt=\"Mrs.Niruba Satsoruban : Management Assistant Gr - II\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Mrs.Niruba Satsoruban<\/h3>\r\n\t\t\t\t\r\n                                <h4 class=\"staff-member-position\">Management Assistant Gr &#8211; II<\/h4>\r\n\t\t\t\t <a class=\"staff-member-email\" href=\"mailto:ni&#114;&#117;&#098;a&#109;&#117;&#114;&#117;&#064;gm&#097;&#105;l&#046;&#099;&#111;m\" title=\"Email Mrs.Niruba Satsoruban\">&#110;ir&#117;&#098;amu&#114;u&#064;g&#109;ail&#046;com<\/a>\r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n\t\t\t<img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/unit.jfn.ac.lk\/thm\/wp-content\/uploads\/2026\/04\/Piratheesh.jpeg\" alt=\"Mr.T.Piratheesh : Office Assistant\" title=\"Mr.T.Piratheesh\">\r\n\t\t\t<div class=\"staff-member-info-wrap\">\r\n\t\t\t\t<h3 class=\"staff-member-name\">Mr.T.Piratheesh<\/h3>\r\n\t\t\t\t\r\n                                <h4 class=\"staff-member-position\">Office Assistant<\/h4>\r\n\t\t\t\t \r\n                                 \r\n\t\t\t<\/div>\r\n\t\t<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Staff Programme Head Assistant Lecturers Demonstrator Administrative Staff<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-1680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/pages\/1680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/comments?post=1680"}],"version-history":[{"count":37,"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/pages\/1680\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/pages\/1680\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/unit.jfn.ac.lk\/thm\/wp-json\/wp\/v2\/media?parent=1680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}