{"id":97,"date":"2026-10-26T09:27:51","date_gmt":"2026-10-26T09:27:51","guid":{"rendered":"https:\/\/karikarilab.org\/?page_id=97"},"modified":"2026-10-28T12:05:32","modified_gmt":"2026-10-28T12:05:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/karikarilab.org\/?page_id=97","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"97\" class=\"elementor elementor-97\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2806099 e-flex e-con-boxed e-con e-parent\" data-id=\"2806099\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-ee87bd9 elementor-widget elementor-widget-html\" data-id=\"ee87bd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  KARIKARI LAB \u2014 CONTACT PAGE (hero + contact details + map + footer)\r\n  Elementor HTML widget. Pairs with 2-karikari-header.html (header not\r\n  repeated here \u2014 use your header widget\/template above this one).\r\n  Full-width: breaks out of boxed containers by itself.\r\n\r\n  WHERE TO EDIT (search for \"EDIT\"):\r\n    1. Hero heading + intro text\r\n    2. Address, directions link\r\n    3. Email (mailto link + visible text)\r\n    4. Phone (placeholder until you have a number)\r\n    5. Map embed URL\r\n    6. Footer links\r\n  To ADD a contact row (e.g. Fax, Mailing address, Social): copy one\r\n  <div class=\"kl-ct-row\"> ... <\/div> block and paste it below the others.\r\n  To REMOVE a row: delete its whole <div class=\"kl-ct-row\"> block.\r\n============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700;800;900&family=Spectral:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n.kl, .kl *, .kl *::before, .kl *::after { box-sizing: border-box; }\r\n\/* Full-width breakout: escapes any Elementor boxed container \/ padding *\/\r\n.kl { background:#FFFFFF; color:#0C0D0F; font-family:'Archivo',Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; line-height:normal; position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow-x:clip; font-synthesis:none; }\r\n.elementor-widget-html, .elementor-widget-html .elementor-widget-container { max-width:none !important; }\r\nhtml, body { overflow-x:clip; }\r\n.kl h1,.kl h2,.kl h3,.kl p,.kl figure,.kl blockquote { margin:0; padding:0; }\r\n.kl a { color:#1663CF; text-decoration:none; transition:color .2s, background .2s, border-color .2s; }\r\n.kl a:hover { color:#0C0D0F; }\r\n.kl img { max-width:100%; }\r\n\r\n\/* ---------- Spectral font lock ----------\r\n   SemiBold (600): hero title \u00b7 Regular (400): hero text + contact details\r\n   Italic (400): muted contact details\r\n   !important beats Elementor \/ theme heading fonts;\r\n   font-synthesis:none (on .kl above) stops the browser faking bold or italic. *\/\r\n.kl .kl-ct-hero h1 {\r\n  font-family:'Spectral',Georgia,serif !important;\r\n  font-weight:600 !important;\r\n  font-style:normal !important;\r\n}\r\n.kl .kl-ct-hero p,\r\n.kl .kl-ct-value {\r\n  font-family:'Spectral',Georgia,serif !important;\r\n  font-weight:400 !important;\r\n  font-style:normal !important;\r\n}\r\n.kl .kl-ct-value.muted {\r\n  font-style:italic !important;\r\n}\r\n\r\n\/* ---------- Hero ---------- *\/\r\n.kl .kl-ct-hero { padding:clamp(64px,8vw,110px) clamp(20px,4vw,48px) clamp(56px,7vw,96px); background:radial-gradient(120% 90% at 78% 20%,#0E5C74 0%,#08334A 45%,#04121F 100%); color:#FFFFFF; }\r\n.kl .kl-wrap { max-width:1180px; margin:0 auto; }\r\n.kl .kl-eyebrow { display:flex; align-items:center; gap:14px; margin-bottom:26px; }\r\n.kl .kl-eyebrow .bar { width:38px; height:3px; background:#F5DC0F; display:block; flex:none; }\r\n.kl .kl-eyebrow .lbl { font-size:12px; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:#B9E6EF; }\r\n.kl .kl-ct-hero h1 { margin:0 0 28px; max-width:16ch; font-size:clamp(42px,6vw,76px); line-height:1.02; letter-spacing:-0.02em; text-wrap:balance; color:#FFFFFF; }\r\n.kl .kl-ct-hero p { max-width:52ch; font-size:clamp(20px,2vw,25px); line-height:1.5; color:#D8DDE2; text-wrap:pretty; }\r\n\r\n\/* ---------- Contact body ---------- *\/\r\n.kl .kl-ct-body { padding:clamp(48px,6vw,80px) clamp(20px,4vw,48px) clamp(64px,8vw,110px); }\r\n.kl .kl-ct-grid { max-width:1180px; margin:0 auto; display:flex; flex-wrap:wrap; gap:40px clamp(40px,6vw,88px); align-items:stretch; }\r\n.kl .kl-ct-info { flex:1 1 300px; min-width:0; display:flex; flex-direction:column; }\r\n.kl .kl-ct-row { display:flex; flex-direction:column; gap:6px; padding:24px 0; border-bottom:1px solid #E7E5DE; }\r\n.kl .kl-ct-row:first-child { padding-top:0; }\r\n.kl .kl-ct-label { font-size:12px; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:#5A5F66; }\r\n.kl .kl-ct-value { font-size:21px; line-height:1.45; color:#0C0D0F; overflow-wrap:anywhere; }\r\n.kl a.kl-ct-value:hover { color:#1663CF; }\r\n.kl .kl-ct-value.muted { color:#5A5F66; }\r\n.kl .kl-ct-link { margin-top:8px; font-size:15px; font-weight:700; color:#1663CF; }\r\n.kl .kl-ct-link:hover { color:#0C0D0F; }\r\n\r\n.kl .kl-ct-map { flex:1.6 1 420px; min-width:0; min-height:420px; position:relative; border-radius:14px; overflow:hidden; background:#E7E5DE; border:1px solid #E7E5DE; }\r\n.kl .kl-ct-map iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }\r\n\r\n\/* ---------- Footer ---------- *\/\r\n.kl .kl-footer { background:#0C0D0F; color:#9AA0A8; padding:clamp(40px,5vw,56px) clamp(20px,4vw,48px); display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap; font-size:14px; border-top:1px solid #232529; }\r\n.kl .kl-footer .links { display:flex; gap:28px; flex-wrap:wrap; }\r\n.kl .kl-footer a { color:#9AA0A8; }\r\n.kl .kl-footer a:hover { color:#F5DC0F; }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:767px){\r\n  .kl .kl-ct-map { flex-basis:100%; min-height:320px; }\r\n  .kl .kl-ct-value { font-size:19px; }\r\n  .kl .kl-footer { flex-direction:column; align-items:flex-start; gap:20px; }\r\n}\r\n@media (max-width:420px){\r\n  .kl .kl-ct-map { min-height:280px; border-radius:10px; }\r\n  .kl .kl-footer .links { gap:20px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"kl kl-contact-page\">\r\n\r\n  <!-- ===== HERO ===== -->\r\n  <section class=\"kl-ct-hero\">\r\n    <div class=\"kl-wrap\">\r\n      <div class=\"kl-eyebrow\">\r\n        <span class=\"bar\"><\/span>\r\n        <span class=\"lbl\">Contact<\/span>\r\n      <\/div>\r\n      <!-- EDIT: heading -->\r\n      <h1>Get in touch<\/h1>\r\n      <!-- EDIT: intro text -->\r\n      <p>The Karikari Lab is at UPMC Western Psychiatric Hospital, in the heart of Pittsburgh\u2019s healthcare corridor.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== CONTACT DETAILS + MAP ===== -->\r\n  <section class=\"kl-ct-body\">\r\n    <div class=\"kl-ct-grid\">\r\n\r\n      <div class=\"kl-ct-info\">\r\n\r\n        <!-- Contact row: Address -->\r\n        <div class=\"kl-ct-row\">\r\n          <span class=\"kl-ct-label\">Address<\/span>\r\n          <!-- EDIT: address lines -->\r\n          <p class=\"kl-ct-value\">Western Psychiatric Hospital<br>3811 O\u2019Hara Street, Floor 14<br>Pittsburgh, PA 15213, USA<\/p>\r\n          <!-- EDIT: directions link -->\r\n          <a class=\"kl-ct-link\" href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&amp;destination=3811+O%27Hara+Street,+Pittsburgh,+PA+15213\" target=\"_blank\" rel=\"noopener\">Get directions \u2197<\/a>\r\n        <\/div>\r\n\r\n        <!-- Contact row: Email -->\r\n        <div class=\"kl-ct-row\">\r\n          <span class=\"kl-ct-label\">Email<\/span>\r\n          <!-- EDIT: email (both the mailto: and the visible text) -->\r\n          <a class=\"kl-ct-value\" href=\"mailto:karikari-lab@upmc.edu\">karikari-lab@upmc.edu<\/a>\r\n        <\/div>\r\n\r\n        <!-- Contact row: Phone -->\r\n        <div class=\"kl-ct-row\">\r\n          <span class=\"kl-ct-label\">Phone<\/span>\r\n          <!-- EDIT: placeholder below. When you have a number, delete this <span>\r\n               and uncomment the <a> line, replacing both numbers. -->\r\n          <span class=\"kl-ct-value muted\">Phone number to come<\/span>\r\n          <!-- <a class=\"kl-ct-value\" href=\"tel:+14120000000\">+1 (412) 000-0000<\/a> -->\r\n        <\/div>\r\n\r\n        <!-- To add another row, paste a copy here:\r\n        <div class=\"kl-ct-row\">\r\n          <span class=\"kl-ct-label\">Label<\/span>\r\n          <p class=\"kl-ct-value\">Value<\/p>\r\n        <\/div>\r\n        -->\r\n\r\n      <\/div>\r\n\r\n      <!-- EDIT: map embed URL (replace the src with any OpenStreetMap \/ Google Maps embed link) -->\r\n      <div class=\"kl-ct-map\">\r\n        <iframe title=\"Map showing the Karikari Lab at 3811 O'Hara Street, Pittsburgh\" src=\"https:\/\/www.openstreetmap.org\/export\/embed.html?bbox=-79.9700%2C40.4395%2C-79.9520%2C40.4475&amp;layer=mapnik&amp;marker=40.44355%2C-79.96105\" loading=\"lazy\"><\/iframe>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Get in touch The Karikari Lab is at UPMC Western Psychiatric Hospital, in the heart of Pittsburgh\u2019s healthcare corridor. Address Western Psychiatric Hospital3811 O\u2019Hara Street, Floor 14Pittsburgh, PA 15213, USA Get directions \u2197 Email karikari-lab@upmc.edu Phone Phone number to come<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karikarilab.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":11,"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/karikarilab.org\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/karikarilab.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}