{"id":2036,"date":"2026-09-01T10:49:58","date_gmt":"2026-09-01T10:49:58","guid":{"rendered":"https:\/\/loct-in.eu\/service\/"},"modified":"2026-09-01T13:30:21","modified_gmt":"2026-09-01T13:30:21","slug":"events-activities","status":"publish","type":"page","link":"https:\/\/loct-in.eu\/hr\/events-activities\/","title":{"rendered":"events &#038; activities"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2036\" class=\"elementor elementor-2036\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36985e6 e-con e-atomic-element e-flexbox-base e-default-div e-5712227\" data-id=\"36985e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"36985e6\">\n    \t\t<div class=\"elementor-element elementor-element-43ae883 elementor-widget elementor-widget-html\" data-id=\"43ae883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-events\" aria-labelledby=\"loctin-events-title\">\n\n  <!-- =====================================================\n       01 \u2014 HERO\n  ====================================================== -->\n\n  <section class=\"loctin-events-hero\">\n\n    <div class=\"loctin-events-hero-bg\" aria-hidden=\"true\">\n      <span class=\"events-orb events-orb-one\"><\/span>\n      <span class=\"events-orb events-orb-two\"><\/span>\n      <span class=\"events-grid\"><\/span>\n    <\/div>\n\n    <div class=\"loctin-events-hero-inner\">\n\n      <div class=\"loctin-events-eyebrow\">\n        <span><\/span>\n        LOCT-IN\n      <\/div>\n\n      <h1 id=\"loctin-events-title\">\n        Events &amp;\n        <span>Activities<\/span>\n      <\/h1>\n\n      <p>\n        LOCT-IN is implemented through a combination of local participation\n        activities and international cooperation, allowing young people to\n        progressively develop the knowledge, competences and practical\n        experience required to become Local Policy Auditors.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       02 \u2014 MAIN ACTIVITIES\n  ====================================================== -->\n\n  <section class=\"loctin-events-main\">\n\n    <div class=\"loctin-events-container\">\n\n      <div class=\"loctin-events-heading\">\n\n        <span class=\"events-number\">\n          01\n        <\/span>\n\n        <div>\n\n          <p>\n            How the project works\n          <\/p>\n\n          <h2>\n            Main Activities\n          <\/h2>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"loctin-activity-list\">\n\n\n        <!-- 01 -->\n\n        <article class=\"loctin-activity\">\n\n          <span class=\"activity-number\">\n            01\n          <\/span>\n\n          <div class=\"activity-content\">\n\n            <h3>\n              Kick-Off Meeting\n            <\/h3>\n\n            <p>\n              Initial coordination meeting dedicated to project planning,\n              partnership coordination, timeline definition and\n              implementation strategy.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 02 -->\n\n        <article class=\"loctin-activity\">\n\n          <span class=\"activity-number\">\n            02\n          <\/span>\n\n          <div class=\"activity-content\">\n\n            <h3>\n              Youth Participation Events\n            <\/h3>\n\n            <p>\n              Four local events organised in Italy, Greece, Bulgaria and\n              Croatia where young people analyse public services, public\n              spaces and inclusion practices while engaging with local\n              stakeholders.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 03 -->\n\n        <article class=\"loctin-activity\">\n\n          <span class=\"activity-number\">\n            03\n          <\/span>\n\n          <div class=\"activity-content\">\n\n            <h3>\n              Transnational Mobilities\n            <\/h3>\n\n            <p>\n              Two international learning activities bringing together\n              participants from all partner countries to exchange good\n              practices, compare local findings and jointly develop\n              policy recommendations.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 04 -->\n\n        <article class=\"loctin-activity\">\n\n          <span class=\"activity-number\">\n            04\n          <\/span>\n\n          <div class=\"activity-content\">\n\n            <h3>\n              Structured Dialogue &amp; Dissemination\n            <\/h3>\n\n            <p>\n              Meetings with municipalities and local stakeholders, together\n              with national and international dissemination activities\n              presenting project results and recommendations.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       03 \u2014 YOUTH PARTICIPATION EVENTS\n  ====================================================== -->\n\n  <section class=\"loctin-youth-events\">\n\n    <div class=\"loctin-events-container\">\n\n      <div class=\"loctin-events-heading\">\n\n        <span class=\"events-number\">\n          02\n        <\/span>\n\n        <div>\n\n          <p>\n            Local participation\n          <\/p>\n\n          <h2>\n            Youth Participation Events\n          <\/h2>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"loctin-event-grid\">\n\n\n        <!-- EVENT 01 -->\n\n        <article class=\"loctin-event-card\">\n\n          <div class=\"event-card-top\">\n\n            <span class=\"event-index\">\n              01\n            <\/span>\n\n          <\/div>\n\n          <div class=\"event-card-content\">\n\n            <small>\n              Local Observation Lab\n            <\/small>\n\n            <h3>\n              Public Space and Inclusion Mapping\n            <\/h3>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- EVENT 02 -->\n\n        <article class=\"loctin-event-card event-cyan\">\n\n          <div class=\"event-card-top\">\n\n            <span class=\"event-index\">\n              02\n            <\/span>\n\n          <\/div>\n\n          <div class=\"event-card-content\">\n\n            <small>\n              Youth and Public Services Forum\n            <\/small>\n\n            <h3>\n              Youth Services Under the Lens \u2013\n              Transparency and Accountability in Action\n            <\/h3>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- EVENT 03 -->\n\n        <article class=\"loctin-event-card event-green\">\n\n          <div class=\"event-card-top\">\n\n            <span class=\"event-index\">\n              03\n            <\/span>\n\n          <\/div>\n\n          <div class=\"event-card-content\">\n\n            <small>\n              Inclusion Audit Workshop\n            <\/small>\n\n            <h3>\n              Measuring Inclusion \u2013\n              Youth Evaluating Participation Practices\n            <\/h3>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- EVENT 04 -->\n\n        <article class=\"loctin-event-card event-pending\">\n\n          <div class=\"event-card-top\">\n\n            <span class=\"event-index\">\n              04\n            <\/span>\n\n          <\/div>\n\n          <div class=\"event-card-content\">\n\n            <small>\n              Fourth Youth Participation Event\n            <\/small>\n\n            <h3>\n              Details to be confirmed\n            <\/h3>\n\n            <p>\n              Focus: inclusion practices, accessibility and participation\n              barriers for young people with fewer opportunities.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       04 \u2014 TRANSNATIONAL MOBILITIES\n  ====================================================== -->\n\n  <section class=\"loctin-mobilities\">\n\n    <div class=\"loctin-events-container\">\n\n      <div class=\"loctin-events-heading\">\n\n        <span class=\"events-number\">\n          03\n        <\/span>\n\n        <div>\n\n          <p>\n            International cooperation\n          <\/p>\n\n          <h2>\n            Transnational Mobilities\n          <\/h2>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"loctin-mobility-grid\">\n\n\n        <!-- MOBILITY 01 -->\n\n        <article class=\"loctin-mobility-card\">\n\n          <span class=\"mobility-number\">\n            01\n          <\/span>\n\n          <div class=\"mobility-content\">\n\n            <small>\n              Transnational Local Policy Observation Lab\n            <\/small>\n\n            <h3>\n              Comparing Youth Realities \u2013\n              From Local Findings to European Reflection\n            <\/h3>\n\n            <span class=\"mobility-line\"><\/span>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- MOBILITY 02 -->\n\n        <article class=\"loctin-mobility-card mobility-dark\">\n\n          <span class=\"mobility-number\">\n            02\n          <\/span>\n\n          <div class=\"mobility-content\">\n\n            <small>\n              Youth\u2013Municipality Dialogue Summit\n            <\/small>\n\n            <h3>\n              From Observation to Recommendation \u2013\n              Building a European Youth Policy Statement\n            <\/h3>\n\n            <span class=\"mobility-line\"><\/span>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   LOCT-IN \u2014 EVENTS & ACTIVITIES\n   Optimized full-page version\n========================================================= *\/\n\n.loctin-events,\n.loctin-events * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.loctin-events {\n\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  --container: 1280px;\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   SHARED CONTAINER\n========================================================= *\/\n\n.loctin-events-container {\n\n  width: 100%;\n\n  max-width: var(--container);\n\n  margin: 0 auto;\n\n  padding-left:\n    clamp(22px, 5vw, 70px);\n\n  padding-right:\n    clamp(22px, 5vw, 70px);\n}\n\n\n\/* =========================================================\n   SHARED SECTION HEADING\n========================================================= *\/\n\n.loctin-events-heading {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 17px;\n\n  margin: 0 0 45px !important;\n\n  padding: 0 !important;\n}\n\n.events-number {\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\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-family: Arial, sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n.loctin-events-heading p {\n\n  margin: 0 0 7px !important;\n\n  padding: 0 !important;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  letter-spacing: .10em;\n\n  color: var(--secondary);\n}\n\n.loctin-events-heading h2 {\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(34px, 4.5vw, 57px);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.loctin-events-hero {\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 610px;\n\n  display: flex;\n\n  align-items: center;\n\n  overflow: hidden;\n\n  background: var(--background);\n\n  isolation: isolate;\n}\n\n\n\/* =========================================================\n   HERO BACKGROUND\n========================================================= *\/\n\n.loctin-events-hero-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 0;\n\n  pointer-events: none;\n\n  overflow: hidden;\n}\n\n\n\/* circles *\/\n\n.events-orb {\n\n  position: absolute;\n\n  display: block;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.events-orb-one {\n\n  width: 560px;\n  height: 560px;\n\n  top: -280px;\n  right: -230px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(32,184,197,.13),\n      rgba(32,184,197,.045) 42%,\n      transparent 72%\n    );\n}\n\n.events-orb-two {\n\n  width: 430px;\n  height: 430px;\n\n  bottom: -275px;\n  left: -230px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(107,203,61,.095),\n      rgba(107,203,61,.03) 45%,\n      transparent 72%\n    );\n}\n\n\n\/* subtle grid *\/\n\n.events-grid {\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .25;\n\n  background-image:\n    linear-gradient(\n      rgba(0,51,153,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,51,153,.035) 1px,\n      transparent 1px\n    );\n\n  background-size: 58px 58px;\n\n  mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      black 16%,\n      black 84%,\n      transparent 100%\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      black 16%,\n      black 84%,\n      transparent 100%\n    );\n}\n\n\n\/* =========================================================\n   HERO CONTENT\n========================================================= *\/\n\n.loctin-events-hero-inner {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width:\n    var(--container);\n\n  margin: 0 auto;\n\n  \/*\n    Deliberately lowered relative to the header.\n    This is the main correction requested.\n  *\/\n\n  padding:\n    145px\n    clamp(22px, 5vw, 70px)\n    100px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.loctin-events-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin: 0 0 23px !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    13px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    700;\n\n  text-transform:\n    uppercase;\n\n  letter-spacing:\n    .10em;\n\n  color:\n    var(--primary);\n}\n\n.loctin-events-eyebrow span {\n\n  width: 35px;\n  height: 3px;\n\n  flex: 0 0 35px;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   HERO TITLE\n========================================================= *\/\n\n.loctin-events-hero h1 {\n\n  max-width:\n    850px;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(58px, 8vw, 98px);\n\n  line-height:\n    .94;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.055em;\n\n  color:\n    var(--text);\n}\n\n.loctin-events-hero h1 span {\n\n  display:\n    block;\n\n  color:\n    var(--primary);\n}\n\n\n\/* =========================================================\n   HERO DESCRIPTION\n========================================================= *\/\n\n.loctin-events-hero-inner > p {\n\n  max-width:\n    850px;\n\n  margin:\n    30px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(18px, 1.7vw, 22px);\n\n  line-height:\n    1.7;\n\n  color:\n    var(--text);\n}\n\n\n\/* =========================================================\n   MAIN ACTIVITIES\n========================================================= *\/\n\n.loctin-events-main {\n\n  width: 100%;\n\n  margin: 0 !important;\n\n  padding:\n    clamp(82px, 8vw, 120px)\n    0;\n}\n\n.loctin-activity-list {\n\n  width: 100%;\n\n  border-top:\n    1px solid\n    rgba(27,31,59,.10);\n}\n\n.loctin-activity {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    80px\n    minmax(0,1fr);\n\n  gap:\n    28px;\n\n  padding:\n    30px 0;\n\n  border-bottom:\n    1px solid\n    rgba(27,31,59,.10);\n\n  transition:\n    padding-left 180ms ease;\n}\n\n.loctin-activity:hover {\n\n  padding-left:\n    8px;\n}\n\n.activity-number {\n\n  width:\n    48px;\n\n  height:\n    48px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(0,51,153,.06);\n\n  color:\n    var(--primary);\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    12px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n}\n\n.activity-content {\n\n  min-width:\n    0;\n}\n\n.loctin-activity h3 {\n\n  margin:\n    0 0 9px !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(20px,2.25vw,28px);\n\n  line-height:\n    1.2;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.025em;\n\n  color:\n    var(--primary);\n}\n\n.loctin-activity p {\n\n  max-width:\n    850px;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.7;\n\n  color:\n    var(--text);\n}\n\n\n\/* =========================================================\n   YOUTH EVENTS\n========================================================= *\/\n\n.loctin-youth-events {\n\n  width: 100%;\n\n  padding:\n    clamp(82px,8vw,120px)\n    0;\n\n  background:\n    var(--background);\n}\n\n.loctin-event-grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:\n    16px;\n}\n\n.loctin-event-card {\n\n  position:\n    relative;\n\n  min-height:\n    255px;\n\n  padding:\n    28px 30px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(27,31,59,.08);\n\n  border-radius:\n    16px;\n\n  background:\n    #FFFFFF;\n\n  box-shadow:\n    0 15px 40px\n    rgba(27,31,59,.045);\n\n  transition:\n    transform 180ms ease,\n    box-shadow 180ms ease;\n}\n\n.loctin-event-card:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 24px 55px\n    rgba(27,31,59,.09);\n}\n\n.event-card-top {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    flex;\n\n  justify-content:\n    space-between;\n}\n\n.event-index {\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    12px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  color:\n    rgba(27,31,59,.30);\n}\n\n.event-card-content {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  min-width:\n    0;\n}\n\n.loctin-event-card small {\n\n  display:\n    block;\n\n  margin:\n    0 0 11px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    700;\n\n  text-transform:\n    uppercase;\n\n  letter-spacing:\n    .08em;\n\n  color:\n    var(--secondary);\n}\n\n.loctin-event-card h3 {\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(21px,2.25vw,29px);\n\n  line-height:\n    1.18;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.025em;\n\n  color:\n    var(--primary);\n}\n\n.loctin-event-card p {\n\n  margin:\n    14px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.6;\n\n  color:\n    rgba(27,31,59,.70);\n}\n\n\n\/* coloured cards *\/\n\n.event-cyan {\n\n  border-top:\n    4px solid\n    var(--secondary);\n}\n\n.event-green {\n\n  border-top:\n    4px solid\n    var(--accent);\n}\n\n.event-pending {\n\n  background:\n    transparent;\n\n  border:\n    1px dashed\n    rgba(27,31,59,.20);\n\n  box-shadow:\n    none;\n}\n\n.event-pending:hover {\n\n  box-shadow:\n    0 12px 30px\n    rgba(27,31,59,.05);\n}\n\n.event-pending h3 {\n\n  color:\n    var(--text);\n}\n\n\n\/* =========================================================\n   MOBILITIES\n========================================================= *\/\n\n.loctin-mobilities {\n\n  width: 100%;\n\n  padding:\n    clamp(82px,8vw,120px)\n    0;\n}\n\n.loctin-mobility-grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:\n    17px;\n}\n\n.loctin-mobility-card {\n\n  position:\n    relative;\n\n  min-height:\n    330px;\n\n  padding:\n    34px;\n\n  display:\n    flex;\n\n  align-items:\n    flex-end;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(27,31,59,.07);\n\n  border-radius:\n    17px;\n\n  background:\n    var(--background);\n}\n\n.loctin-mobility-card::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    230px;\n\n  height:\n    230px;\n\n  top:\n    -115px;\n\n  right:\n    -115px;\n\n  border:\n    1px solid\n    rgba(0,51,153,.10);\n\n  border-radius:\n    50%;\n\n  pointer-events:\n    none;\n}\n\n.mobility-number {\n\n  position:\n    absolute;\n\n  top:\n    27px;\n\n  left:\n    30px;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    12px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  color:\n    rgba(27,31,59,.25);\n}\n\n.mobility-content {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  max-width:\n    600px;\n}\n\n.loctin-mobility-card small {\n\n  display:\n    block;\n\n  margin:\n    0 0 12px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    700;\n\n  text-transform:\n    uppercase;\n\n  letter-spacing:\n    .08em;\n\n  color:\n    var(--secondary);\n}\n\n.loctin-mobility-card h3 {\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(24px,2.8vw,34px);\n\n  line-height:\n    1.14;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.03em;\n\n  color:\n    var(--primary);\n}\n\n.mobility-line {\n\n  display:\n    block;\n\n  width:\n    46px;\n\n  height:\n    4px;\n\n  margin:\n    24px 0 0;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   DARK MOBILITY\n========================================================= *\/\n\n.mobility-dark {\n\n  background:\n    var(--primary);\n\n  border-color:\n    var(--primary);\n}\n\n.mobility-dark::after {\n\n  border-color:\n    rgba(255,255,255,.15);\n}\n\n.mobility-dark .mobility-number {\n\n  color:\n    rgba(255,255,255,.38);\n}\n\n.mobility-dark small {\n\n  color:\n    var(--secondary);\n}\n\n.mobility-dark h3 {\n\n  color:\n    #FFFFFF;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .loctin-events-hero {\n\n    min-height:\n      560px;\n  }\n\n  .loctin-events-hero-inner {\n\n    padding:\n      125px 30px\n      90px;\n  }\n\n  .loctin-event-grid,\n  .loctin-mobility-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .loctin-events-container {\n\n    padding-left:\n      22px;\n\n    padding-right:\n      22px;\n  }\n\n\n  \/* HERO *\/\n\n  .loctin-events-hero {\n\n    min-height:\n      auto;\n  }\n\n  .loctin-events-hero-inner {\n\n    padding:\n      112px 22px\n      74px;\n  }\n\n  .loctin-events-eyebrow {\n\n    font-size:\n      11px;\n\n    margin-bottom:\n      20px !important;\n  }\n\n  .loctin-events-eyebrow span {\n\n    width:\n      28px;\n\n    flex-basis:\n      28px;\n  }\n\n  .loctin-events-hero h1 {\n\n    font-size:\n      56px;\n\n    line-height:\n      .96;\n  }\n\n  .loctin-events-hero-inner > p {\n\n    margin-top:\n      23px !important;\n\n    font-size:\n      17px;\n\n    line-height:\n      1.62;\n  }\n\n\n  \/* SECTION HEADINGS *\/\n\n  .loctin-events-heading {\n\n    gap:\n      13px;\n\n    margin-bottom:\n      34px !important;\n  }\n\n  .events-number {\n\n    width:\n      40px;\n\n    height:\n      40px;\n\n    flex-basis:\n      40px;\n\n    font-size:\n      12px;\n  }\n\n  .loctin-events-heading p {\n\n    font-size:\n      10px;\n\n    margin-bottom:\n      5px !important;\n  }\n\n  .loctin-events-heading h2 {\n\n    font-size:\n      35px;\n  }\n\n\n  \/* MAIN *\/\n\n  .loctin-events-main,\n  .loctin-youth-events,\n  .loctin-mobilities {\n\n    padding-top:\n      70px;\n\n    padding-bottom:\n      80px;\n  }\n\n\n  \/* ACTIVITIES *\/\n\n  .loctin-activity {\n\n    grid-template-columns:\n      45px\n      minmax(0,1fr);\n\n    gap:\n      14px;\n\n    padding:\n      24px 0;\n  }\n\n  .loctin-activity:hover {\n\n    padding-left:\n      0;\n  }\n\n  .activity-number {\n\n    width:\n      42px;\n\n    height:\n      42px;\n  }\n\n  .loctin-activity h3 {\n\n    font-size:\n      20px;\n  }\n\n  .loctin-activity p {\n\n    font-size:\n      15px;\n\n    line-height:\n      1.62;\n  }\n\n\n  \/* EVENTS *\/\n\n  .loctin-event-card {\n\n    min-height:\n      230px;\n\n    padding:\n      27px;\n\n    border-radius:\n      14px;\n  }\n\n  .loctin-event-card h3 {\n\n    font-size:\n      23px;\n  }\n\n\n  \/* MOBILITIES *\/\n\n  .loctin-mobility-card {\n\n    min-height:\n      285px;\n\n    padding:\n      29px;\n\n    border-radius:\n      14px;\n  }\n\n  .loctin-mobility-card h3 {\n\n    font-size:\n      26px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .loctin-events-container {\n\n    padding-left:\n      18px;\n\n    padding-right:\n      18px;\n  }\n\n  .loctin-events-hero-inner {\n\n    padding:\n      106px 18px\n      65px;\n  }\n\n  .loctin-events-hero h1 {\n\n    font-size:\n      51px;\n  }\n\n  .loctin-events-hero-inner > p {\n\n    font-size:\n      16px;\n  }\n\n  .loctin-events-heading h2 {\n\n    font-size:\n      32px;\n  }\n\n}\n\n\n\/* =========================================================\n   ELEMENTOR PROTECTION\n========================================================= *\/\n\n.loctin-events h1,\n.loctin-events h2,\n.loctin-events h3,\n.loctin-events p,\n.loctin-events small,\n.loctin-events article,\n.loctin-events section {\n\n  margin-block-start:\n    0;\n}\n\n\n\/* =========================================================\n   FOCUS\n========================================================= *\/\n\n.loctin-events a:focus-visible,\n.loctin-events button:focus-visible {\n\n  outline:\n    3px solid\n    var(--secondary);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-events *,\n  .loctin-events {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n  .loctin-event-card:hover,\n  .loctin-activity:hover {\n\n    transform:\n      none;\n\n    padding-left:\n      0;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>LOCT-IN Events &amp; Activities LOCT-IN is implemented through a combination of local participation activities and international cooperation, allowing young people to progressively develop the knowledge, competences and practical experience required to become Local Policy Auditors. 01 How the project works Main Activities 01 Kick-Off Meeting Initial coordination meeting dedicated to project planning, partnership coordination, timeline [&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-2036","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/pages\/2036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/comments?post=2036"}],"version-history":[{"count":11,"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/pages\/2036\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/pages\/2036\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/loct-in.eu\/hr\/wp-json\/wp\/v2\/media?parent=2036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}