{"id":2039,"date":"2026-09-01T10:49:58","date_gmt":"2026-09-01T10:49:58","guid":{"rendered":"https:\/\/loct-in.eu\/contact-3\/"},"modified":"2026-09-03T23:55:13","modified_gmt":"2026-09-03T23:55:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/loct-in.eu\/bg\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2039\" class=\"elementor elementor-2039\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736d4ee e-con e-atomic-element e-flexbox-base e-default-div e-354056f \" data-id=\"736d4ee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"736d4ee\">\n    \t\t<div class=\"elementor-element elementor-element-79b4bd1 elementor-widget elementor-widget-html\" data-id=\"79b4bd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\n  class=\"loctin-contact-page\"\n  aria-labelledby=\"loctin-contact-title\"\n>\n\n  <!-- =====================================================\n        HERO\n  ====================================================== -->\n\n  <header class=\"loctin-contact-hero\">\n\n    <div class=\"loctin-contact-hero-bg\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"loctin-contact-hero-inner\">\n\n      <div class=\"loctin-contact-eyebrow\">\n        <span><\/span>\n        GET IN TOUCH\n      <\/div>\n\n      <h1 id=\"loctin-contact-title\">\n        Contact\n        <strong>LOCT-IN<\/strong>\n      <\/h1>\n\n      <p>\n        Questions about the project, activities or results?\n        Get in touch with the LOCT-IN team.\n      <\/p>\n\n    <\/div>\n\n  <\/header>\n\n\n  <!-- =====================================================\n        MAIN\n  ====================================================== -->\n\n  <main class=\"loctin-contact-main\">\n\n    <div class=\"loctin-contact-layout\">\n\n\n      <!-- =================================================\n            FORM\n      ================================================== -->\n\n      <section class=\"loctin-contact-form-section\">\n\n        <div class=\"loctin-contact-section-label\">\n          <span>01<\/span>\n          SEND A MESSAGE\n        <\/div>\n\n        <h2>\n          Let\u2019s talk.\n        <\/h2>\n\n        <p class=\"loctin-contact-form-intro\">\n          Complete the form and your default email application\n          will open with your message ready to send.\n        <\/p>\n\n\n        <form\n          id=\"loctinContactForm\"\n          class=\"loctin-contact-form\"\n          novalidate\n        >\n\n          <!-- NAME -->\n\n          <div class=\"loctin-contact-field\">\n\n            <label for=\"loctinContactName\">\n              Name <span aria-hidden=\"true\">*<\/span>\n            <\/label>\n\n            <input\n              id=\"loctinContactName\"\n              name=\"name\"\n              type=\"text\"\n              autocomplete=\"name\"\n              placeholder=\"Your name\"\n              required\n            >\n\n            <small class=\"loctin-contact-error\">\n              Please enter your name.\n            <\/small>\n\n          <\/div>\n\n\n          <!-- SUBJECT -->\n\n          <div class=\"loctin-contact-field\">\n\n            <label for=\"loctinContactSubject\">\n              Subject <span aria-hidden=\"true\">*<\/span>\n            <\/label>\n\n            <input\n              id=\"loctinContactSubject\"\n              name=\"subject\"\n              type=\"text\"\n              placeholder=\"What would you like to ask?\"\n              required\n            >\n\n            <small class=\"loctin-contact-error\">\n              Please enter a subject.\n            <\/small>\n\n          <\/div>\n\n\n          <!-- MESSAGE -->\n\n          <div class=\"loctin-contact-field\">\n\n            <label for=\"loctinContactMessage\">\n              Message <span aria-hidden=\"true\">*<\/span>\n            <\/label>\n\n            <textarea\n              id=\"loctinContactMessage\"\n              name=\"message\"\n              rows=\"6\"\n              placeholder=\"Write your message...\"\n              required\n            ><\/textarea>\n\n            <small class=\"loctin-contact-error\">\n              Please enter your message.\n            <\/small>\n\n          <\/div>\n\n\n          <!-- ACTION -->\n\n          <div class=\"loctin-contact-action\">\n\n            <button\n              type=\"submit\"\n              class=\"loctin-contact-send\"\n            >\n              <span>Send Message<\/span>\n\n              <svg\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M5 12h13\"><\/path>\n                <path d=\"M13 6l6 6-6 6\"><\/path>\n              <\/svg>\n            <\/button>\n\n            <span class=\"loctin-contact-note\">\n              Opens your default email application.\n            <\/span>\n\n          <\/div>\n\n        <\/form>\n\n      <\/section>\n\n\n      <!-- =================================================\n            COORDINATOR\n      ================================================== -->\n\n      <aside class=\"loctin-contact-side\">\n\n        <div class=\"loctin-contact-section-label\">\n          <span>02<\/span>\n          PROJECT COORDINATOR\n        <\/div>\n\n\n        <!-- REAL M.A.NGO LOGO -->\n\n        <div class=\"loctin-coordinator-logo\">\n\n          <img\n            src=\"https:\/\/muoversiassieme.ngo\/wp-content\/uploads\/2025\/03\/Artboard-2.png\"\n            alt=\"M.A.NGO \u2013 Muoversi Assieme NGO\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <div class=\"loctin-contact-info-list\">\n\n\n          <!-- ORGANISATION -->\n\n          <div class=\"loctin-contact-info-item\">\n\n            <span class=\"loctin-contact-info-label\">\n              ORGANISATION\n            <\/span>\n\n            <h3>\n              M.A.NGO \u2013 Muoversi Assieme NGO\n            <\/h3>\n\n          <\/div>\n\n\n          <!-- ADDRESS -->\n\n          <div class=\"loctin-contact-info-item\">\n\n            <span class=\"loctin-contact-info-label\">\n              ADDRESS\n            <\/span>\n\n            <address>\n              Via Piave n. 16<br>\n              10137 Tempio Pausania<br>\n              Sardinia, Italy\n            <\/address>\n\n          <\/div>\n\n\n          <!-- PROJECT EMAIL -->\n\n          <div class=\"loctin-contact-info-item\">\n\n            <span class=\"loctin-contact-info-label\">\n              PROJECT EMAIL\n            <\/span>\n\n            <a\n              href=\"mailto:loctin.project@gmail.com\"\n              class=\"loctin-contact-email\"\n            >\n              loctin.project@gmail.com\n            <\/a>\n\n          <\/div>\n\n\n          <!-- COORDINATOR EMAIL -->\n\n          <div class=\"loctin-contact-info-item\">\n\n            <span class=\"loctin-contact-info-label\">\n              COORDINATOR EMAIL\n            <\/span>\n\n            <a\n              href=\"mailto:mangoerasmus@gmail.com\"\n              class=\"loctin-contact-email\"\n            >\n              mangoerasmus@gmail.com\n            <\/a>\n\n          <\/div>\n\n\n          <!-- SOCIAL -->\n\n          <div class=\"loctin-contact-social-item\">\n\n            <span class=\"loctin-contact-info-label\">\n              FOLLOW LOCT-IN\n            <\/span>\n\n            <div class=\"loctin-contact-socials\">\n\n\n              <!-- FACEBOOK -->\n\n              <a\n                href=\"https:\/\/www.facebook.com\/profile.php?id=61591737036743\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"LOCT-IN on Facebook\"\n              >\n\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n\n                  <path\n                    d=\"M13.55 21v-8.27h2.76l.41-3.22h-3.17V7.46c0-.93.26-1.56 1.59-1.56h1.7V3.02c-.29-.04-1.29-.12-2.45-.12-2.43 0-4.1 1.49-4.1 4.23v2.38H7.5v3.22h2.79V21h3.26Z\"\n                  ><\/path>\n\n                <\/svg>\n\n              <\/a>\n\n\n              <!-- INSTAGRAM -->\n\n              <a\n                href=\"https:\/\/www.instagram.com\/loctin_project\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"LOCT-IN on Instagram\"\n              >\n\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n\n                  <rect\n                    x=\"3.5\"\n                    y=\"3.5\"\n                    width=\"17\"\n                    height=\"17\"\n                    rx=\"5\"\n                  ><\/rect>\n\n                  <circle\n                    cx=\"12\"\n                    cy=\"12\"\n                    r=\"4\"\n                  ><\/circle>\n\n                  <circle\n                    cx=\"17.25\"\n                    cy=\"6.75\"\n                    r=\"1\"\n                    class=\"loctin-instagram-dot\"\n                  ><\/circle>\n\n                <\/svg>\n\n              <\/a>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- SMALL COLOR SIGNATURE -->\n\n        <div\n          class=\"loctin-contact-signature\"\n          aria-hidden=\"true\"\n        >\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/main>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   LOCT-IN CONTACT PAGE\n   FULLY ISOLATED FROM HEADER \/ FOOTER\n========================================================= *\/\n\n.loctin-contact-page,\n.loctin-contact-page * {\n  box-sizing: border-box;\n}\n\n.loctin-contact-page {\n\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: #FFFFFF;\n\n  color: var(--text);\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.loctin-contact-hero {\n\n  position: relative;\n\n  min-height: 390px;\n\n  display: flex;\n\n  align-items: center;\n\n  background:\n    radial-gradient(\n      circle at 83% 50%,\n      rgba(32,184,197,.10),\n      transparent 33%\n    ),\n    var(--background);\n\n  overflow: hidden;\n}\n\n.loctin-contact-hero-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(0,51,153,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,51,153,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    58px 58px;\n\n  mask-image:\n    linear-gradient(\n      to right,\n      transparent,\n      black 16%,\n      black 84%,\n      transparent\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      transparent,\n      black 16%,\n      black 84%,\n      transparent\n    );\n}\n\n.loctin-contact-hero-inner {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: min(100%,1320px);\n\n  margin: 0 auto;\n\n  padding:\n    82px clamp(22px,5vw,76px);\n}\n\n.loctin-contact-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 20px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: .1em;\n\n  text-transform: uppercase;\n\n  color: var(--primary);\n}\n\n.loctin-contact-eyebrow span {\n\n  width: 34px;\n  height: 3px;\n\n  flex: 0 0 34px;\n\n  border-radius: 999px;\n\n  background: var(--accent);\n}\n\n.loctin-contact-hero h1 {\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(52px,7vw,88px);\n\n  line-height: .95;\n\n  font-weight: 700;\n\n  letter-spacing: -.055em;\n\n  color: var(--text);\n}\n\n.loctin-contact-hero h1 strong {\n\n  display: block;\n\n  color: var(--primary);\n}\n\n.loctin-contact-hero-inner > p {\n\n  max-width: 680px;\n\n  margin: 23px 0 0 !important;\n  padding: 0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(17px,1.45vw,20px);\n\n  line-height: 1.65;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.loctin-contact-main {\n\n  width: 100%;\n\n  padding:\n    clamp(68px,7vw,105px)\n    clamp(22px,5vw,76px);\n\n  background: #FFFFFF;\n}\n\n.loctin-contact-layout {\n\n  width: min(100%,1320px);\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.18fr)\n    minmax(300px,.7fr);\n\n  gap:\n    clamp(55px,8vw,120px);\n\n  align-items: start;\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.loctin-contact-section-label {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin: 0 0 18px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: .1em;\n\n  color: var(--secondary);\n}\n\n.loctin-contact-section-label span {\n\n  width: 31px;\n  height: 31px;\n\n  flex: 0 0 31px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--primary);\n\n  color: #FFFFFF;\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  letter-spacing: 0;\n}\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.loctin-contact-form-section {\n\n  min-width: 0;\n}\n\n.loctin-contact-form-section h2 {\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(40px,4.4vw,58px);\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: -.045em;\n\n  color: var(--primary);\n}\n\n.loctin-contact-form-intro {\n\n  max-width: 650px;\n\n  margin: 17px 0 32px !important;\n  padding: 0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 16px;\n\n  line-height: 1.65;\n\n  color:\n    rgba(27,31,59,.65);\n}\n\n\n\/* fields *\/\n\n.loctin-contact-field {\n\n  width: 100%;\n\n  margin: 0 0 18px !important;\n  padding: 0 !important;\n}\n\n.loctin-contact-field label {\n\n  display: block;\n\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.35;\n\n  font-weight: 700;\n\n  color: var(--text);\n}\n\n.loctin-contact-field label span {\n\n  color: var(--secondary);\n}\n\n.loctin-contact-field input,\n.loctin-contact-field textarea {\n\n  width: 100% !important;\n  max-width: 100% !important;\n\n  display: block;\n\n  margin: 0 !important;\n\n  padding: 13px 15px !important;\n\n  border:\n    1px solid\n    rgba(27,31,59,.15) !important;\n\n  border-radius: 8px !important;\n\n  outline: none !important;\n\n  background: #FFFFFF !important;\n\n  color: var(--text) !important;\n\n  font-family:\n    Arial,\n    sans-serif !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.5 !important;\n\n  box-shadow: none !important;\n\n  transition:\n    border-color 160ms ease,\n    box-shadow 160ms ease;\n}\n\n.loctin-contact-field input {\n\n  min-height: 52px;\n}\n\n.loctin-contact-field textarea {\n\n  min-height: 155px;\n\n  resize: vertical;\n}\n\n.loctin-contact-field input::placeholder,\n.loctin-contact-field textarea::placeholder {\n\n  color:\n    rgba(27,31,59,.38);\n}\n\n.loctin-contact-field input:focus,\n.loctin-contact-field textarea:focus {\n\n  border-color:\n    var(--secondary) !important;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(32,184,197,.10) !important;\n}\n\n\n\/* validation *\/\n\n.loctin-contact-error {\n\n  display: none;\n\n  margin: 6px 0 0;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.4;\n\n  color: #B42318;\n}\n\n.loctin-contact-field.is-invalid\n.loctin-contact-error {\n\n  display: block;\n}\n\n.loctin-contact-field.is-invalid\ninput,\n.loctin-contact-field.is-invalid\ntextarea {\n\n  border-color:\n    #B42318 !important;\n}\n\n\n\/* action *\/\n\n.loctin-contact-action {\n\n  display: flex;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 14px;\n\n  margin-top: 7px;\n}\n\n.loctin-contact-send {\n\n  min-height: 56px;\n\n  padding: 0 24px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n  border: 2px solid var(--primary);\n\n  border-radius: 7px;\n\n  background: var(--primary);\n\n  color: #FFFFFF;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size: 16px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 10px 24px\n    rgba(0,51,153,.12);\n\n  transition:\n    transform 170ms ease,\n    background-color 170ms ease,\n    border-color 170ms ease,\n    color 170ms ease;\n}\n\n.loctin-contact-send svg {\n\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 2;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n\n  transition:\n    transform 170ms ease;\n}\n\n.loctin-contact-send:hover {\n\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--accent);\n\n  border-color:\n    var(--accent);\n\n  color:\n    var(--text);\n}\n\n.loctin-contact-send:hover svg {\n\n  transform:\n    translateX(3px);\n}\n\n.loctin-contact-send:focus-visible {\n\n  outline:\n    3px solid\n    var(--secondary);\n\n  outline-offset:\n    4px;\n}\n\n.loctin-contact-note {\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.45;\n\n  color:\n    rgba(27,31,59,.48);\n}\n\n\n\/* =========================================================\n   COORDINATOR SIDE\n========================================================= *\/\n\n.loctin-contact-side {\n\n  min-width:\n    0;\n}\n\n\n\/*\n   Real M.A.NGO logo.\n   Independent from a framed card.\n*\/\n\n.loctin-coordinator-logo {\n\n  width:\n    100%;\n\n  height:\n    120px;\n\n  margin:\n    2px 0 12px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    flex-start;\n\n  overflow:\n    hidden;\n}\n\n.loctin-coordinator-logo img {\n\n  display:\n    block;\n\n  width:\n    auto;\n\n  max-width:\n    250px;\n\n  height:\n    auto;\n\n  max-height:\n    105px;\n\n  object-fit:\n    contain;\n\n  object-position:\n    left center;\n}\n\n\n\/* info *\/\n\n.loctin-contact-info-item {\n\n  padding:\n    22px 0;\n\n  border-top:\n    1px solid\n    rgba(27,31,59,.09);\n}\n\n.loctin-contact-info-item + .loctin-contact-info-item {\n  padding-top: 18px;\n}\n\n.loctin-contact-info-label {\n\n  display:\n    block;\n\n  margin:\n    0 0 9px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    10px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .1em;\n\n  text-transform:\n    uppercase;\n\n  color:\n    var(--secondary);\n}\n\n.loctin-contact-info-item h3 {\n\n  margin:\n    0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    21px;\n\n  line-height:\n    1.28;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.025em;\n\n  color:\n    var(--primary);\n}\n\n.loctin-contact-info-item address {\n\n  margin:\n    0;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.62;\n\n  font-style:\n    normal;\n\n  color:\n    var(--text);\n}\n\n\n\/* email *\/\n\n.loctin-contact-page\n.loctin-contact-email,\n.loctin-contact-page\n.loctin-contact-email:visited {\n\n  display:\n    inline-block;\n\n  max-width:\n    100%;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    700;\n\n  color:\n    var(--primary) !important;\n\n  text-decoration:\n    none !important;\n\n  overflow-wrap:\n    anywhere;\n}\n\n.loctin-contact-page\n.loctin-contact-email:hover {\n\n  color:\n    var(--secondary) !important;\n}\n\n\n\/* =========================================================\n   SOCIALS\n========================================================= *\/\n\n.loctin-contact-social-item {\n\n  padding:\n    22px 0;\n\n  border-top:\n    1px solid\n    rgba(27,31,59,.09);\n}\n\n.loctin-contact-socials {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n}\n\n.loctin-contact-socials a {\n\n  width:\n    44px;\n\n  height:\n    44px;\n\n  flex:\n    0 0 44px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border:\n    1px solid\n    rgba(0,51,153,.14);\n\n  border-radius:\n    11px;\n\n  background:\n    var(--background);\n\n  color:\n    var(--primary);\n\n  text-decoration:\n    none;\n\n  transition:\n    transform 170ms ease,\n    background 170ms ease,\n    color 170ms ease,\n    border-color 170ms ease;\n}\n\n.loctin-contact-socials a:hover {\n\n  transform:\n    translateY(-3px);\n\n  background:\n    var(--primary);\n\n  border-color:\n    var(--primary);\n\n  color:\n    #FFFFFF;\n}\n\n.loctin-contact-socials svg {\n\n  width:\n    19px;\n\n  height:\n    19px;\n\n  display:\n    block;\n}\n\n.loctin-contact-socials svg path {\n\n  fill:\n    currentColor;\n}\n\n.loctin-contact-socials svg rect,\n.loctin-contact-socials svg circle {\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n.loctin-contact-socials\n.loctin-instagram-dot {\n\n  fill:\n    currentColor;\n\n  stroke:\n    none;\n}\n\n\n\/* =========================================================\n   SIGNATURE\n========================================================= *\/\n\n.loctin-contact-signature {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    7px;\n\n  margin-top:\n    27px;\n}\n\n.loctin-contact-signature span {\n\n  display:\n    block;\n\n  height:\n    4px;\n\n  border-radius:\n    999px;\n}\n\n.loctin-contact-signature span:nth-child(1) {\n\n  width:\n    40px;\n\n  background:\n    var(--primary);\n}\n\n.loctin-contact-signature span:nth-child(2) {\n\n  width:\n    23px;\n\n  background:\n    var(--secondary);\n}\n\n.loctin-contact-signature span:nth-child(3) {\n\n  width:\n    14px;\n\n  background:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .loctin-contact-layout {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      58px;\n  }\n\n  .loctin-contact-side {\n\n    max-width:\n      680px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .loctin-contact-hero {\n\n    min-height:\n      auto;\n  }\n\n  .loctin-contact-hero-inner {\n\n    padding:\n      70px 21px\n      62px;\n  }\n\n  .loctin-contact-hero h1 {\n\n    font-size:\n      clamp(46px,13vw,62px);\n  }\n\n  .loctin-contact-hero-inner > p {\n\n    margin-top:\n      19px !important;\n\n    font-size:\n      17px;\n  }\n\n  .loctin-contact-main {\n\n    padding:\n      58px 21px\n      68px;\n  }\n\n  .loctin-contact-layout {\n\n    gap:\n      48px;\n  }\n\n  .loctin-contact-form-section h2 {\n\n    font-size:\n      40px;\n  }\n\n  .loctin-contact-action {\n\n    flex-direction:\n      column;\n\n    align-items:\n      stretch;\n  }\n\n  .loctin-contact-send {\n\n    width:\n      100%;\n  }\n\n  .loctin-contact-note {\n\n    text-align:\n      center;\n  }\n\n  .loctin-coordinator-logo {\n\n    height:\n      100px;\n\n    justify-content:\n      center;\n  }\n\n  .loctin-coordinator-logo img {\n\n    max-width:\n      230px;\n\n    max-height:\n      90px;\n\n    object-position:\n      center;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .loctin-contact-hero-inner {\n\n    padding:\n      64px 18px\n      56px;\n  }\n\n  .loctin-contact-main {\n\n    padding:\n      53px 18px\n      60px;\n  }\n\n  .loctin-contact-form-section h2 {\n\n    font-size:\n      37px;\n  }\n\n  .loctin-contact-field input,\n  .loctin-contact-field textarea {\n\n    font-size:\n      16px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   FOCUS\n========================================================= *\/\n\n.loctin-contact-page\na:focus-visible,\n.loctin-contact-page\nbutton:focus-visible,\n.loctin-contact-page\ninput:focus-visible,\n.loctin-contact-page\ntextarea:focus-visible {\n\n  outline:\n    3px solid\n    var(--secondary);\n\n  outline-offset:\n    3px;\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-contact-page *,\n  .loctin-contact-page {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n  \"use strict\";\n\n\n  \/* =======================================================\n     FORM ELEMENTS\n  ======================================================== *\/\n\n  const form =\n    document.getElementById(\n      \"loctinContactForm\"\n    );\n\n  if (!form) return;\n\n\n  const nameField =\n    document.getElementById(\n      \"loctinContactName\"\n    );\n\n  const subjectField =\n    document.getElementById(\n      \"loctinContactSubject\"\n    );\n\n  const messageField =\n    document.getElementById(\n      \"loctinContactMessage\"\n    );\n\n\n  const destination =\n    \"loctin.project@gmail.com\";\n\n\n  \/* =======================================================\n     VALIDATION\n  ======================================================== *\/\n\n  function markInvalid(\n    field,\n    invalid\n  ) {\n\n    const wrapper =\n      field.closest(\n        \".loctin-contact-field\"\n      );\n\n    if (!wrapper) return;\n\n    wrapper.classList.toggle(\n      \"is-invalid\",\n      invalid\n    );\n\n  }\n\n\n  function validate() {\n\n    let valid = true;\n\n\n    const name =\n      nameField.value.trim();\n\n    const subject =\n      subjectField.value.trim();\n\n    const message =\n      messageField.value.trim();\n\n\n    if (!name) {\n\n      markInvalid(\n        nameField,\n        true\n      );\n\n      valid = false;\n\n    } else {\n\n      markInvalid(\n        nameField,\n        false\n      );\n\n    }\n\n\n    if (!subject) {\n\n      markInvalid(\n        subjectField,\n        true\n      );\n\n      valid = false;\n\n    } else {\n\n      markInvalid(\n        subjectField,\n        false\n      );\n\n    }\n\n\n    if (!message) {\n\n      markInvalid(\n        messageField,\n        true\n      );\n\n      valid = false;\n\n    } else {\n\n      markInvalid(\n        messageField,\n        false\n      );\n\n    }\n\n\n    return valid;\n\n  }\n\n\n  \/* =======================================================\n     OPEN MAIL CLIENT\n  ======================================================== *\/\n\n  form.addEventListener(\n    \"submit\",\n    function (event) {\n\n      event.preventDefault();\n\n\n      if (!validate()) {\n\n        const firstInvalid =\n          form.querySelector(\n            \".is-invalid input, .is-invalid textarea\"\n          );\n\n        if (firstInvalid) {\n\n          firstInvalid.focus();\n\n        }\n\n        return;\n\n      }\n\n\n      const name =\n        nameField.value.trim();\n\n      const subject =\n        subjectField.value.trim();\n\n      const message =\n        messageField.value.trim();\n\n\n      const body =\n`Hello LOCT-IN team,\n\nName: ${name}\n\nMessage:\n${message}\n\nSent through the LOCT-IN website contact form.`;\n\n\n      const mailto =\n        \"mailto:\" +\n        destination +\n        \"?subject=\" +\n        encodeURIComponent(subject) +\n        \"&body=\" +\n        encodeURIComponent(body);\n\n\n      window.location.href =\n        mailto;\n\n    }\n  );\n\n\n  \/* =======================================================\n     LIVE ERROR CLEARING\n  ======================================================== *\/\n\n  [\n    nameField,\n    subjectField,\n    messageField\n\n  ].forEach(function (field) {\n\n    field.addEventListener(\n      \"input\",\n      function () {\n\n        const wrapper =\n          field.closest(\n            \".loctin-contact-field\"\n          );\n\n        if (\n          !wrapper ||\n          !wrapper.classList.contains(\n            \"is-invalid\"\n          )\n        ) {\n\n          return;\n\n        }\n\n        markInvalid(\n          field,\n          !field.value.trim()\n        );\n\n      }\n    );\n\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GET IN TOUCH Contact LOCT-IN Questions about the project, activities or results? Get in touch with the LOCT-IN team. 01 SEND A MESSAGE Let\u2019s talk. Complete the form and your default email application will open with your message ready to send. Name * Please enter your name. Subject * Please enter a subject. Message * [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-2039","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":19,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2039\/revisions"}],"predecessor-version":[{"id":2207,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2039\/revisions\/2207"}],"wp:attachment":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/media?parent=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}