{"id":11048,"date":"2025-10-08T10:00:13","date_gmt":"2025-10-08T07:00:13","guid":{"rendered":"https:\/\/black-cat-tattoo-riga.lv\/?page_id=11048"},"modified":"2025-10-08T10:01:41","modified_gmt":"2025-10-08T07:01:41","slug":"elementor-page-11048","status":"publish","type":"page","link":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/elementor-page-11048\/","title":{"rendered":"Elementor Page #11048"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11048\" class=\"elementor elementor-11048\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48fe55 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a48fe55\" 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-c02e0b2 elementor-widget elementor-widget-html\" data-id=\"c02e0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@400;700&family=Open+Sans&family=Lato:wght@700&display=swap');\r\n\r\n\r\n\r\n        #slider-container-events {\r\n            position: relative;\r\n            max-width: 80%;\r\n            margin: 0 auto;\r\n            padding-top: 1vw;\r\n            padding-bottom: 3vw;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .slider-wrapper-events {\r\n            position: relative;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .slides-container-events {\r\n            display: flex;\r\n            width: 200%; \/* 100% per slide *\/\r\n            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n\r\n        .slider-card-events {\r\n            width: 50%; \/* Each slide takes 50% of the container (since container is 200% wide) *\/\r\n            flex-shrink: 0;\r\n            margin: 50px auto;\r\n            border-color: #FF77C9;\r\n            border-style: solid;\r\n            border-radius: 30px;\r\n            border-width: 1px;\r\n            overflow: hidden;\r\n            padding: 0;\r\n            box-shadow: 0 0 20px rgba(255, 119, 201, 0.3);\r\n            display: flex;\r\n        }\r\n\r\n        .image-section-events {\r\n            flex: 0.4;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #0f0f0f;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .image-section-events img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .content-section-events {\r\n            flex: 0.6;\r\n            padding: 2.5vw;\r\n            padding-left: 4vw;\r\n            color: #FDF7F9;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .title-events {\r\n            font-family: 'Bricolage Grotesque', sans-serif;\r\n            font-size: 2.2vw;\r\n            font-weight: bold;\r\n            color: #FF1265;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .steps-list {\r\n            font-family: 'Open Sans', sans-serif;\r\n            font-size: 0.9vw;\r\n            margin: 10px 0 20px 0;\r\n            padding-left: 20px;\r\n            list-style-type: decimal;\r\n        }\r\n\r\n        .steps-list li {\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .section-event-text{\r\n            padding-right: 10vw;\r\n        }\r\n\r\n        .description-events {\r\n            font-family: 'Open Sans', sans-serif;\r\n            font-size: 0.9vw;\r\n            margin-bottom: 20px;\r\n            line-height: 1.6;\r\n            color:#141313;\r\n        }\r\n\r\n        .steps-list-events {\r\n            font-family: 'Open Sans', sans-serif;\r\n            font-size: 0.9vw;\r\n            margin: 10px 0 20px 0;\r\n            padding-left: 20px;\r\n            list-style-type: decimal;\r\n            color:#141313;\r\n        }\r\n\r\n        .steps-list-events li {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .contest-dates-events {\r\n            font-family: 'Lato', sans-serif;\r\n            font-size: 0.9vw;\r\n            margin: 15px 0;\r\n            font-weight: bold;\r\n            color: #FF1265;\r\n        }\r\n\r\n        .hashtag-events {\r\n            color: #FF1265;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .slide-counter-events {\r\n            position: absolute;\r\n            top: 30px;\r\n            right: 30px;\r\n            font-family: 'Bricolage Grotesque', sans-serif;\r\n            font-size: 1.2vw;\r\n            color: #FF77C9;\r\n            background-color: rgba(26, 26, 26, 0.7);\r\n            padding: 5px 10px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .arrow-events {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            font-size: 2rem;\r\n            color: #FF77C9;\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .arrow-events.left-events {\r\n            left: 10px;\r\n        }\r\n\r\n        .arrow-events.right-events {\r\n            right: 10px;\r\n        }\r\n\r\n        .arrow-events:hover {\r\n            opacity: 0.7;\r\n        }\r\n\r\n        \/* Dots Navigation Styles *\/\r\n        .dots-container-events {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .dot-events {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            background-color: #D8D8D8;\r\n            margin: 0 5px;\r\n            cursor: pointer;\r\n            opacity: 0.4;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .dot-events.active-events {\r\n            opacity: 1;\r\n        }\r\n\r\n        .buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .buttons button {\r\n            font-family: 'Lato', sans-serif;\r\n            font-size: 0.9vw;\r\n            font-weight: bold;\r\n            padding: 10px 20px;\r\n            border-radius: 20px;\r\n            cursor: pointer;\r\n            min-width: 120px;\r\n        }\r\n\r\n        .enter-button {\r\n            background: transparent;\r\n            color: #FF1265;\r\n        }\r\n        \r\n        .enter-button:hover{\r\n            transition: all 0.3s ease;\r\n            background: #FF1265;\r\n            color: #FDF7F9 !important;\r\n            border: 2px solid #FF1265;\r\n        }\r\n\r\n        .learn-button {\r\n            background: #FF1265;\r\n            color: #FDF7F9;\r\n            border: 2px solid #FF1265;\r\n        }\r\n        \r\n        .learn-button:hover {\r\n            transition: all 0.3s ease;\r\n            background: transparent;\r\n            border: 2px solid #FF1265;\r\n            color: #FDF7F9;\r\n        }\r\n        \r\n        body.light-theme .learn-button:hover {\r\n            transition: all 0.3s ease;\r\n            background: transparent;\r\n            border: 2px solid #FF1265;\r\n            color: #141313 !important;\r\n        }\r\n\r\n        \/* POPUP STYLES *\/\r\n        .popup-overlay {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background-color: rgba(0, 0, 0, 0.7) !important;\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n            z-index: 1000 !important;\r\n            opacity: 0 !important;\r\n            visibility: hidden !important;\r\n            transition: all 0.3s ease !important;\r\n            transform: none !important;\r\n            will-change: auto !important;\r\n        }\r\n\r\n         .popup-overlay.active {\r\n            opacity: 1 !important;\r\n            visibility: visible !important;\r\n        }\r\n\r\n        .popup-content {\r\n            background-color: #141313 !important;\r\n            width: 90% !important;\r\n            max-width: 700px !important;\r\n            border-radius: 12px !important;\r\n            overflow: hidden !important;\r\n            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3) !important;\r\n            transform: translateY(20px) !important;\r\n            opacity: 0 !important;\r\n            transition: all 0.4s ease-out !important;\r\n            will-change: auto !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .popup-overlay.active .popup-content {\r\n            transform: translateY(0) !important;\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .popup-header {\r\n            padding: 20px 30px;\r\n            background-color: #FF1265;\r\n            position: relative;\r\n        }\r\n\r\n        .popup-title {\r\n            font-size: 39px;\r\n            font-weight: 400;\r\n                font-family: 'Lato', sans-serif;\r\n            margin: 0;\r\n            color: #FDF7F9;\r\n        }\r\n\r\n        .popup-body {\r\n            padding: 30px;\r\n            max-height: 70vh;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        .popup-body h3 {\r\n            color: #FDF7F9;\r\n            margin-bottom: 15px;\r\n            font-family: 'Open Sans';\r\n        }\r\n\r\n        .popup-body p {\r\n            color: #FDF7F9;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            font-family: 'Open Sans';\r\n        }\r\n\r\n        .popup-intro {\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* Contact Form 7 Styling *\/\r\n        .popup-body .wpcf7-form {\r\n            color: #FDF7F9;\r\n        }\r\n\r\n        .popup-body .wpcf7-form label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            color: #FDF7F9;\r\n            font-weight: 500;\r\n            font-family: 'Open Sans';\r\n        }\r\n\r\n        .popup-body .wpcf7-form input[type=\"text\"],\r\n        .popup-body .wpcf7-form input[type=\"email\"],\r\n        .popup-body .wpcf7-form input[type=\"tel\"],\r\n        .popup-body .wpcf7-form textarea {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 1px solid #333;\r\n            background-color: #222;\r\n            color: #FDF7F9;\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            font-size: 16px;\r\n            font-family: 'Open Sans';\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .popup-body .wpcf7-form input[type=\"submit\"] {\r\n            background-color: #FF1265;\r\n            color: #FDF7F9;\r\n            border: none;\r\n            padding: 12px 25px;\r\n            border-radius: 30px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n            transition: background-color 0.3s;\r\n            font-family: 'Lato', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .popup-body .wpcf7-form input[type=\"submit\"]:hover {\r\n            background-color: #d6105b;\r\n        }\r\n\r\n        \/* Radio button styling for CF7 *\/\r\n        .popup-body .wpcf7-form .wpcf7-radio {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .popup-body .wpcf7-form .wpcf7-radio .wpcf7-list-item {\r\n            display: flex;\r\n            align-items: center;\r\n            margin: 0;\r\n        }\r\n\r\n        .popup-body .wpcf7-form .wpcf7-radio input[type=\"radio\"] {\r\n            margin-right: 10px;\r\n            width: auto;\r\n        }\r\n        \r\n        .popup-body .wpcf7-form .wpcf7-radio .wpcf7-list-item-label{\r\n            margin: 0 !important;\r\n        }\r\n        \r\n        .popup-body .wpcf7-form .wpcf7-list-item label{\r\n            display: flex !important;\r\n                flex-direction: row;\r\n                align-items: center;\r\n        }\r\n\r\n        .popup-body .wpcf7-form .wpcf7-radio .wpcf7-list-item-label {\r\n            color: #FDF7F9;\r\n            font-family: 'Open Sans';\r\n            margin-bottom: 0;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .popup-footer {\r\n            background-color: #141313;\r\n            padding: 15px 30px;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .popup-footer button {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 12px 30px;\r\n            background-color: transparent;\r\n            color: #FF1265;\r\n            border: 2px solid #FF1265;\r\n            border-radius: 30px;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-family: 'Lato', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .popup-footer button:hover {\r\n            color: #FDF7F9;\r\n            border-color: #FDF7F9;\r\n        }\r\n\r\n        \/* Close button *\/\r\n        .popup-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            width: 30px;\r\n            height: 30px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            background-color: transparent !important;\r\n        }\r\n\r\n        .popup-close::before,\r\n        .popup-close::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 2px;\r\n            background-color: #FDF7F9;\r\n            top: 50%;\r\n            left: 0;\r\n        }\r\n\r\n        .popup-close::before {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .popup-close::after {\r\n            transform: rotate(-45deg);\r\n        }\r\n\r\n        .popup-close:hover::before,\r\n        .popup-close:hover::after {\r\n            background-color: #FF1265;\r\n        }\r\n\r\n        @media screen and (max-width: 767px) {\r\n            .arrow-events {\r\n                display: none;\r\n            }\r\n\r\n            .slider-card-events {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .image-section-events {\r\n                height: 300px;\r\n            }\r\n\r\n            .title-events {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .description-events, .steps-list-events, .contest-dates-events {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .buttons button {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"arrow-events left-events\" onclick=\"changeSlideEvents(-1)\">&#10094;<\/div>\r\n    <div class=\"arrow-events right-events\" onclick=\"changeSlideEvents(1)\">&#10095;<\/div>\r\n    <div id=\"slider-container-events\">\r\n        <div class=\"slider-wrapper-events\">\r\n            <div class=\"slides-container-events\" id=\"slides-container-events\">\r\n                <!-- First Slide -->\r\n                <div class=\"slider-card-events\">\r\n                    <div class=\"image-section-events\">\r\n                        <img decoding=\"async\" src=\"https:\/\/black-cat-tattoo-riga.lv\/wp-content\/uploads\/2025\/10\/IMG_7587.jpeg\" alt=\"Tetov\u0113juma dizains\">\r\n                    <\/div>\r\n                    <div class=\"content-section-events\">\r\n                        <div class=\"section-event-text\">\r\n                            <div class=\"title-events\">HALOV\u012aNS - 31.10.2025<\/div>\r\n                            <div class=\"description-events\">\r\n                                <span class=\"hashtag-events\">Halov\u012bna tintes nakts<\/span> \u2013 \u0160ausm\u012bga tetov\u0113jumu ball\u012bte R\u012bg\u0101! \ud83d\udd77\r\n                                Pievienojies mums \u0161ausm\u012bgai naktij ar satrieco\u0161\u0101m saj\u016bt\u0101m un tintes \u0161\u013cakstiem Black Cat Tattoo 31. oktobr\u012b! Sagatavojies neaizmirstamai Halov\u012bna tetov\u0113jumu ball\u012btei ar bied\u0113jo\u0161iem dizainiem, tum\u0161u est\u0113tiku un spoc\u012bgi lab\u0101m vibr\u0101cij\u0101m.\r\n                                <br>\r\n                                <span class=\"hashtag-events\">Ko sagaid\u012bt:<\/span><br> Speci\u0101li Helov\u012bna t\u0113mas \u0101tr\u0101s tetov\u0113jumi \u2013 ekskluz\u012bvi spoc\u012bgi dizaini! Bezmaksas raganu koktei\u013ci un uzkodas \u0122\u0113rbies! Lab\u0101ko kost\u012bmu ieguv\u0113js sa\u0146em atlaidi tetov\u0113jumam Tum\u0161s un atmosf\u0113risks m\u016bzikas komplekts, lai rad\u012btu noska\u0146u\r\n                                Ierobe\u017eots vietu skaits \u2013 rezerv\u0113 iepriek\u0161! Nepalaid gar\u0101m iesp\u0113ju ieg\u016bt spoc\u012bgu tetov\u0113jumu gada mistisk\u0101kaj\u0101 nakt\u012b!<br>\r\n                                <span class=\"hashtag-events\">Atra\u0161an\u0101s vieta:<\/span> Aleksandra \u010caka iela 66<br>\r\n                                <span class=\"hashtag-events\">Datums:<\/span> 31. oktobris Laiks: 19:00-23:00<br>\r\n                                <span class=\"hashtag-events\">S\u016bti mums zi\u0146u e-past\u0101:<\/span> blackcat1tattooriga@gmail.com vai zvani +37120057505, lai rezerv\u0113tu savu vietu! \r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"buttons\">\r\n                            <button class=\"learn-button\" onclick=\"openEventPopup('halloween')\">PIETEIKTIES<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n        <!-- Dots Container -->\r\n        <div class=\"dots-container-events\" id=\"dots-container-events\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Popup Modal with Contact Form 7 -->\r\n    <div class=\"popup-overlay\" id=\"contactFormModal\">\r\n        <div class=\"popup-content\">\r\n            <div class=\"popup-header\">\r\n                <div class=\"popup-title\">Pas\u0101kuma re\u0123istr\u0101cija<\/div>\r\n                <div class=\"popup-close\" onclick=\"closePopup()\"><\/div>\r\n            <\/div>\r\n            <div class=\"popup-body\">\r\n                <p class=\"popup-intro\">L\u016bdzu, aizpildiet zem\u0101k eso\u0161o veidlapu, lai re\u0123istr\u0113tos izv\u0113l\u0113tajam pas\u0101kumam:<\/p>\r\n                <!-- Replace this div with your Contact Form 7 shortcode -->\r\n                <div id=\"cf7-form-container\">\r\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f8939-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"8939\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/11048#wpcf7-f8939-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"8939\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f8939-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_hidden_conditional_fields\" value=\"\" \/>\n<\/fieldset>\n<div class=\"uacf7-form-wrapper-container uacf7-form-8939  \"><div id=\"uacf7-form-wrapper\" class=\"uacf7-wrapper-default\">\n<div id=\"cf7sr-6aae78679af6e\" class=\"cf7sr-g-turnstile\" data-theme=\"auto\" data-language=\"en-GB\" data-size=\"normal\" data-appearance=\"always\" data-sitekey=\"0x4AAAAAABlP8BpGh7AXOccg\"><\/div><span class=\"wpcf7-form-control-wrap cf7sr-turnstile\" data-name=\"cf7sr-turnstile\"><input type=\"hidden\" name=\"cf7sr-turnstile\" value=\"\" class=\"wpcf7-form-control\"><\/span>\n    <label> V\u0101rds*\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"V\u0101rds Uzv\u0101rds\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>  <\/label> \n\n    <label> E-pasts*\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"example@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>  <\/label> \n\n    <label> T\u0101lrunis*\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"(123) 456 - 789\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span> <\/label> \n\n    <label> L\u016bdzu, nor\u0101diet lab\u0101ko sazi\u0146as veidu, lai m\u016bsu komanda var\u0113tu jums \u0101tr\u0101k pal\u012bdz\u0113t (ja v\u0113laties \u0101tr\u0101ku atbildi, l\u016bdzu, atst\u0101jiet saiti uz savu Instagram kontu). T\u0101pat dro\u0161i rakstiet jebk\u0101dus jaut\u0101jumus, uz kuriem v\u0113laties sa\u0146emt atbildes*\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required wpcf7-msg\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"L\u016bdzu, ievadiet savu zi\u0146ojumu \u0161eit...\" name=\"your-message\"><\/textarea><\/span>  <\/label> \n\n\n    Izv\u0113lieties pas\u0101kumu*\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"your-event\"><span class=\"wpcf7-form-control wpcf7-radio wpcf7-radio-\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"your-event\" value=\"HALLOWEEN 20\u20ac - 31.10.2025 (19:00-23:00)\" \/><span class=\"wpcf7-list-item-label\">HALLOWEEN 20\u20ac - 31.10.2025 (19:00-23:00)<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"your-event\" value=\"Ievad tetov\u0113\u0161anas sesija 70\u20ac (m\u0113s sazin\u0101simies ar jums par datumu)\" \/><span class=\"wpcf7-list-item-label\">Ievad tetov\u0113\u0161anas sesija 70\u20ac (m\u0113s sazin\u0101simies ar jums par datumu)<\/span><\/label><\/span><\/span><\/span>\n\n \n\n    <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Iesniegt zi\u0146ojumu\" \/>\n<\/div><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"popup-footer\">\r\n                <button onclick=\"closePopup()\">AIZV\u0112RT<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentIndexEvents = 0;\r\n        const slidesContainerEvents = document.getElementById('slides-container-events');\r\n        const slidesEvents = document.querySelectorAll('.slider-card-events');\r\n        const totalSlidesEvents = slidesEvents.length;\r\n        const dotsContainerEvents = document.getElementById('dots-container-events');\r\n\r\n        \/\/ Touch\/swipe variables for events slider\r\n        let startXEvents = 0;\r\n        let startYEvents = 0;\r\n        let distXEvents = 0;\r\n        let distYEvents = 0;\r\n        let startTimeEvents = 0;\r\n        let elapsedTimeEvents = 0;\r\n        let thresholdEvents = 90;\r\n        let restraintEvents = 70;\r\n        let allowedTimeEvents = 200;\r\n        let isSwipingHorizontally = false;\r\n\r\n        \/\/ Create dots\r\n        for (let i = 0; i < totalSlidesEvents; i++) {\r\n            const dotEvents = document.createElement('div');\r\n            dotEvents.classList.add('dot-events');\r\n            if (i === 0) dotEvents.classList.add('active-events');\r\n            dotEvents.addEventListener('click', () => goToSlideEvents(i));\r\n            dotsContainerEvents.appendChild(dotEvents);\r\n        }\r\n\r\n        function updateSliderPositionEvents() {\r\n            const translateXEvents = -currentIndexEvents * 50;\r\n            slidesContainerEvents.style.transform = `translateX(${translateXEvents}%)`;\r\n        }\r\n\r\n        function goToSlideEvents(index) {\r\n            document.querySelectorAll('.dot-events')[currentIndexEvents].classList.remove('active-events');\r\n            currentIndexEvents = index;\r\n            document.querySelectorAll('.dot-events')[currentIndexEvents].classList.add('active-events');\r\n            updateSliderPositionEvents();\r\n        }\r\n\r\n        function changeSlideEvents(direction) {\r\n            document.querySelectorAll('.dot-events')[currentIndexEvents].classList.remove('active-events');\r\n            currentIndexEvents = (currentIndexEvents + direction + totalSlidesEvents) % totalSlidesEvents;\r\n            document.querySelectorAll('.dot-events')[currentIndexEvents].classList.add('active-events');\r\n            updateSliderPositionEvents();\r\n        }\r\n\r\n        \/\/ Touch event handlers\r\n        function handleTouchStartEvents(e) {\r\n            const touchobjEvents = e.changedTouches[0];\r\n            startXEvents = touchobjEvents.pageX;\r\n            startYEvents = touchobjEvents.pageY;\r\n            startTimeEvents = new Date().getTime();\r\n            isSwipingHorizontally = false;\r\n        }\r\n\r\n        function handleTouchMoveEvents(e) {\r\n            const touchobjEvents = e.changedTouches[0];\r\n            const currentX = touchobjEvents.pageX;\r\n            const currentY = touchobjEvents.pageY;\r\n            \r\n            const deltaX = Math.abs(currentX - startXEvents);\r\n            const deltaY = Math.abs(currentY - startYEvents);\r\n            \r\n            if (deltaX > deltaY && deltaX > 30) {\r\n                isSwipingHorizontally = true;\r\n                e.preventDefault();\r\n            } else if (deltaY > deltaX) {\r\n                isSwipingHorizontally = false;\r\n            }\r\n        }\r\n\r\n        function handleTouchEndEvents(e) {\r\n            if (!isSwipingHorizontally) {\r\n                return;\r\n            }\r\n            \r\n            const touchobjEvents = e.changedTouches[0];\r\n            distXEvents = touchobjEvents.pageX - startXEvents;\r\n            distYEvents = touchobjEvents.pageY - startYEvents;\r\n            elapsedTimeEvents = new Date().getTime() - startTimeEvents;\r\n            \r\n            if (elapsedTimeEvents <= allowedTimeEvents) {\r\n                if (Math.abs(distXEvents) >= thresholdEvents && Math.abs(distYEvents) <= restraintEvents) {\r\n                    if (distXEvents > 0) {\r\n                        changeSlideEvents(-1);\r\n                    } else {\r\n                        changeSlideEvents(1);\r\n                    }\r\n                    e.preventDefault();\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Add touch event listeners\r\n        const sliderContainerEvents = document.getElementById('slider-container-events');\r\n        sliderContainerEvents.addEventListener('touchstart', handleTouchStartEvents, { passive: true });\r\n        sliderContainerEvents.addEventListener('touchmove', handleTouchMoveEvents, { passive: false });\r\n        sliderContainerEvents.addEventListener('touchend', handleTouchEndEvents, { passive: false });\r\n\r\n        \/\/ Function to automatically select radio button in CF7 form\r\n        function selectEventInForm(eventType) {\r\n            \/\/ Wait a moment for the form to be fully loaded\r\n            setTimeout(() => {\r\n                const radioButtons = document.querySelectorAll('input[name=\"your-event\"]');\r\n                \r\n                if (eventType === 'halloween') {\r\n                    \/\/ Select the Halloween option (first option)\r\n                    radioButtons.forEach((radio) => {\r\n                        if (radio.value.includes('HALLOWEEN')) {\r\n                            radio.checked = true;\r\n                        } else {\r\n                            radio.checked = false;\r\n                        }\r\n                    });\r\n                } else if (eventType === 'course') {\r\n                    \/\/ Select the Introductory Tattoo Session option (second option)\r\n                    radioButtons.forEach((radio) => {\r\n                        if (radio.value.includes('Ievad tetov\u0113\u0161anas sesija ')) {\r\n                            radio.checked = true;\r\n                        } else {\r\n                            radio.checked = false;\r\n                        }\r\n                    });\r\n                }\r\n            }, 100);\r\n        }\r\n\r\n        \/\/ Popup functions\r\n        function openEventPopup(eventType) {\r\n            const popup = document.getElementById('contactFormModal');\r\n            popup.classList.add('active');\r\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\r\n            \r\n            \/\/ Automatically select the appropriate event in the form\r\n            selectEventInForm(eventType);\r\n        }\r\n\r\n        function closePopup() {\r\n            const popup = document.getElementById('contactFormModal');\r\n            popup.classList.remove('active');\r\n            document.body.style.overflow = ''; \/\/ Restore scrolling\r\n        }\r\n\r\n        \/\/ Close popup when clicking outside\r\n        document.getElementById('contactFormModal').addEventListener('click', function(e) {\r\n            if (e.target === this) {\r\n                closePopup();\r\n            }\r\n        });\r\n\r\n        \/\/ Close popup with Escape key\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape') {\r\n                closePopup();\r\n            }\r\n        });\r\n\r\n        \/\/ Initialize slider position\r\n        updateSliderPositionEvents();\r\n\r\n\r\n    <\/script>\r\n\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>&#10094; &#10095; HALOV\u012aNS &#8211; 31.10.2025 Halov\u012bna tintes nakts \u2013 \u0160ausm\u012bga tetov\u0113jumu ball\u012bte R\u012bg\u0101! \ud83d\udd77 Pievienojies mums \u0161ausm\u012bgai naktij ar satrieco\u0161\u0101m saj\u016bt\u0101m un tintes \u0161\u013cakstiem Black Cat Tattoo 31. oktobr\u012b! Sagatavojies neaizmirstamai Halov\u012bna tetov\u0113jumu ball\u012btei ar bied\u0113jo\u0161iem dizainiem, tum\u0161u est\u0113tiku un spoc\u012bgi lab\u0101m vibr\u0101cij\u0101m. Ko sagaid\u012bt: Speci\u0101li Helov\u012bna t\u0113mas \u0101tr\u0101s tetov\u0113jumi \u2013 ekskluz\u012bvi spoc\u012bgi dizaini! Bezmaksas raganu koktei\u013ci un uzkodas \u0122\u0113rbies! Lab\u0101ko kost\u012bmu ieguv\u0113js sa\u0146em atlaidi tetov\u0113jumam Tum\u0161s un atmosf\u0113risks m\u016bzikas komplekts, lai rad\u012btu noska\u0146u Ierobe\u017eots vietu skaits \u2013 rezerv\u0113 iepriek\u0161! Nepalaid gar\u0101m iesp\u0113ju ieg\u016bt spoc\u012bgu tetov\u0113jumu gada mistisk\u0101kaj\u0101 nakt\u012b! Atra\u0161an\u0101s vieta: Aleksandra \u010caka iela 66 Datums: 31. oktobris Laiks: 19:00-23:00 S\u016bti mums zi\u0146u e-past\u0101: blackcat1tattooriga@gmail.com vai zvani +37120057505, lai rezerv\u0113tu savu vietu! PIETEIKTIES Pas\u0101kuma re\u0123istr\u0101cija L\u016bdzu, aizpildiet zem\u0101k eso\u0161o veidlapu, lai re\u0123istr\u0113tos izv\u0113l\u0113tajam pas\u0101kumam: AIZV\u0112RT<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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":""}},"footnotes":""},"class_list":["post-11048","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/pages\/11048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/comments?post=11048"}],"version-history":[{"count":0,"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/pages\/11048\/revisions"}],"wp:attachment":[{"href":"https:\/\/black-cat-tattoo-riga.lv\/index.php\/wp-json\/wp\/v2\/media?parent=11048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}