{"id":20,"date":"2026-04-02T19:46:09","date_gmt":"2026-04-02T17:46:09","guid":{"rendered":"https:\/\/truewhipp.si\/contact-us\/"},"modified":"2026-04-12T00:13:11","modified_gmt":"2026-04-11T22:13:11","slug":"kontakt-contact","status":"publish","type":"page","link":"https:\/\/truewhipp.si\/en\/kontakt-contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61d74ca e-con-full e-flex e-con e-parent\" data-id=\"61d74ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-968377e elementor-widget elementor-widget-html\" data-id=\"968377e\" 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<!-- TRUEWHIPP \u2014 Kontakt Section -->\r\n<!-- Paste into Elementor HTML widget on the Contact page -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');\r\n\r\n.tw-contact {\r\n  --tw-green-dark:  #2a3a28;\r\n  --tw-green-mid:   #4a6741;\r\n  --tw-green-light: #c8d9b8;\r\n  --tw-cream:       #f7f4ee;\r\n  --tw-gold:        #b89a5e;\r\n  --tw-text:        #2c2c2c;\r\n  --tw-text-soft:   #5a5a5a;\r\n}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n.tw-contact {\r\n  background: var(--tw-cream);\r\n  font-family: 'Jost', sans-serif;\r\n  padding: clamp(56px, 8vw, 100px) clamp(24px, 6vw, 80px);\r\n}\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500 *\/\r\n.tw-contact__header {\r\n  text-align: center;\r\n  margin-bottom: clamp(48px, 6vw, 80px);\r\n}\r\n\r\n.tw-contact__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  font-size: 11px;\r\n  letter-spacing: 0.32em;\r\n  text-transform: uppercase;\r\n  color: var(--tw-gold);\r\n  font-weight: 500;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.tw-contact__eyebrow::before,\r\n.tw-contact__eyebrow::after {\r\n  content: '';\r\n  display: block;\r\n  height: 1px;\r\n  width: clamp(28px, 4vw, 52px);\r\n  background: var(--tw-gold);\r\n  opacity: 0.45;\r\n}\r\n\r\n.tw-contact__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(32px, 4vw, 54px);\r\n  font-weight: 300;\r\n  color: var(--tw-green-dark);\r\n  margin: 0 0 10px;\r\n  line-height: 1.1;\r\n}\r\n\r\n.tw-contact__title em {\r\n  font-style: italic;\r\n  color: var(--tw-green-mid);\r\n}\r\n\r\n.tw-contact__rule {\r\n  width: 48px;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--tw-gold), transparent);\r\n  border: none;\r\n  margin: 18px auto 0;\r\n}\r\n\r\n.tw-contact__intro {\r\n  margin-top: 20px;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: var(--tw-text-soft);\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  max-width: 500px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n\/* \u2500\u2500 Single-column layout \u2500\u2500 *\/\r\n.tw-contact__body {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: clamp(24px, 4vw, 56px);\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 Left: info cards \u2500\u2500 *\/\r\n.tw-contact__info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Info card *\/\r\n.tw-contact__card {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 28px 28px;\r\n  background: white;\r\n  border: 1px solid rgba(184,154,94,0.18);\r\n  border-left: 3px solid var(--tw-gold);\r\n  border-radius: 2px;\r\n  transition: box-shadow 0.35s ease, transform 0.35s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n.tw-contact__card:hover {\r\n  box-shadow: 0 8px 32px rgba(42,58,40,0.09);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.tw-contact__card-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 50%;\r\n  background: rgba(184,154,94,0.10);\r\n  border: 1.5px solid rgba(184,154,94,0.30);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.tw-contact__card:hover .tw-contact__card-icon {\r\n  background: rgba(184,154,94,0.18);\r\n}\r\n\r\n.tw-contact__card-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  stroke: var(--tw-gold);\r\n  fill: none;\r\n  stroke-width: 1.6;\r\n}\r\n\r\n.tw-contact__card-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.tw-contact__card-label {\r\n  font-size: 10px;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--tw-gold);\r\n  font-weight: 500;\r\n}\r\n\r\n.tw-contact__card-value {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(18px, 1.8vw, 24px);\r\n  font-weight: 400;\r\n  color: var(--tw-green-dark);\r\n  line-height: 1.2;\r\n  text-decoration: none;\r\n}\r\n\r\n.tw-contact__card-sub {\r\n  font-size: clamp(12px, 1vw, 13px);\r\n  color: var(--tw-text-soft);\r\n  font-weight: 300;\r\n  line-height: 1.6;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 Right: Map + form \u2500\u2500 *\/\r\n.tw-contact__right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Map embed *\/\r\n.tw-contact__map {\r\n  width: 100%;\r\n  height: 260px;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(184,154,94,0.18);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.tw-contact__map iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  display: block;\r\n  filter: saturate(0.7) brightness(1.02);\r\n  transition: filter 0.4s ease;\r\n}\r\n\r\n.tw-contact__map:hover iframe {\r\n  filter: saturate(1) brightness(1);\r\n}\r\n\r\n\/* Message form *\/\r\n.tw-contact__form {\r\n  background: white;\r\n  border: 1px solid rgba(184,154,94,0.18);\r\n  border-radius: 2px;\r\n  padding: 28px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.tw-contact__form-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(20px, 2vw, 26px);\r\n  font-weight: 300;\r\n  color: var(--tw-green-dark);\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.tw-contact__form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 12px;\r\n}\r\n\r\n.tw-contact__field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.tw-contact__field label {\r\n  font-size: 10px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--tw-gold);\r\n  font-weight: 500;\r\n}\r\n\r\n.tw-contact__field input,\r\n.tw-contact__field textarea {\r\n  width: 100%;\r\n  padding: 11px 14px;\r\n  border: 1px solid rgba(184,154,94,0.25);\r\n  border-radius: 2px;\r\n  background: var(--tw-cream);\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 300;\r\n  color: var(--tw-text);\r\n  outline: none;\r\n  transition: border-color 0.3s ease, background 0.3s ease;\r\n  box-sizing: border-box;\r\n  resize: none;\r\n}\r\n\r\n.tw-contact__field input:focus,\r\n.tw-contact__field textarea:focus {\r\n  border-color: var(--tw-gold);\r\n  background: white;\r\n}\r\n\r\n.tw-contact__field input::placeholder,\r\n.tw-contact__field textarea::placeholder {\r\n  color: rgba(90,90,90,0.4);\r\n}\r\n\r\n.tw-contact__submit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 13px 28px;\r\n  background: var(--tw-green-dark);\r\n  color: white;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  border: none;\r\n  border-radius: 2px;\r\n  cursor: pointer;\r\n  transition: background 0.35s ease, transform 0.25s ease;\r\n  align-self: flex-start;\r\n  margin-top: 4px;\r\n}\r\n\r\n.tw-contact__submit:hover {\r\n  background: var(--tw-green-mid);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.tw-contact__submit svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  stroke: white;\r\n  fill: none;\r\n  stroke-width: 2;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .tw-contact__body {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .tw-contact__map {\r\n    height: 220px;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .tw-contact__form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .tw-contact__form {\r\n    padding: 22px 18px;\r\n  }\r\n  .tw-contact__card {\r\n    padding: 22px 18px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tw-contact\">\r\n\r\n  <!-- \u2500\u2500 Header \u2500\u2500 -->\r\n  <div class=\"tw-contact__header\">\r\n    <div class=\"tw-contact__eyebrow\">Stopite v stik<\/div>\r\n    <h1 class=\"tw-contact__title\">Kontakt <em><\/em><\/h1>\r\n    <hr class=\"tw-contact__rule\">\r\n    <p class=\"tw-contact__intro\">\r\n      Z veseljem vam bomo pomagali z nasveti za izbiro prave pasme za vas.\r\n      Pridite lahko tudi samo na lep sprehod med okoli\u0161kimi gozdovi \u2014 vabljeni!\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 Body \u2500\u2500 -->\r\n  <div class=\"tw-contact__body\">\r\n\r\n    <!-- Left: Contact cards -->\r\n    <div class=\"tw-contact__info\">\r\n\r\n      <!-- Phone -->\r\n      <a href=\"tel:+38640589958\" class=\"tw-contact__card\">\r\n        <div class=\"tw-contact__card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 11.61 19a19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 3.09 4.2 2 2 0 0 1 5.07 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L9.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"tw-contact__card-content\">\r\n          <span class=\"tw-contact__card-label\">Telefon<\/span>\r\n          <span class=\"tw-contact__card-value\">+386 40 589 958<\/span>\r\n          <p class=\"tw-contact__card-sub\">Z veseljem vam bomo pomagali z nasveti<br>za izbiro prave pasme za vas!<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Address -->\r\n      <a href=\"https:\/\/maps.google.com\/?q=Mo\u0161nje+63,+Radovljica\" target=\"_blank\" rel=\"noopener\" class=\"tw-contact__card\">\r\n        <div class=\"tw-contact__card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"tw-contact__card-content\">\r\n          <span class=\"tw-contact__card-label\">Naslov<\/span>\r\n          <span class=\"tw-contact__card-value\">Mo\u0161nje 63, Radovljica<\/span>\r\n          <p class=\"tw-contact__card-sub\">Pridite lahko tudi samo na lep sprehod<br>med okoli\u0161kimi gozdovi. Vabljeni!<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Email -->\r\n      <a href=\"#\" id=\"twEmailLink\" class=\"tw-contact__card\">\r\n        <div class=\"tw-contact__card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"tw-contact__card-content\">\r\n          <span class=\"tw-contact__card-label\">E-po\u0161ta<\/span>\r\n          <span class=\"tw-contact__card-value\" id=\"twEmailDisplay\">truewhipp&#64;gmail&#46;com<\/span>\r\n          <p class=\"tw-contact__card-sub\">Pi\u0161ite nam kadarkoli \u2014<br>odgovorimo v najkraj\u0161em mo\u017enem \u010dasu.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var u = 'truewhipp';\r\n  var d = 'gmail.com';\r\n  var e = u + '@' + d;\r\n  var link = document.getElementById('twEmailLink');\r\n  if (link) link.setAttribute('href', 'mailto:' + e);\r\n})();\r\n<\/script>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aef7270 e-con-full e-flex e-con e-parent\" data-id=\"aef7270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4ac7186 e-con-full e-flex e-con e-child\" data-id=\"4ac7186\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a73c2 elementor-widget elementor-widget-google_maps\" data-id=\"f7a73c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Mo%C5%A1nje%2063%2C%20Radovljica%2C%20Slovenia&#038;t=m&#038;z=15&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Mo\u0161nje 63, Radovljica, Slovenia\"\n\t\t\t\t\taria-label=\"Mo\u0161nje 63, Radovljica, Slovenia\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a565d7a e-flex e-con-boxed e-con e-parent\" data-id=\"a565d7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-176c9c0 e-con-full e-flex e-con e-child\" data-id=\"176c9c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-858f04d elementor-widget elementor-widget-image\" data-id=\"858f04d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"225\" height=\"151\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/logo_gold-e1775948793298.png\" class=\"attachment-full size-full wp-image-2389\" alt=\"logo gold\"  title=\"Kontakt\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88ad6fe e-con-full e-flex e-con e-child\" data-id=\"88ad6fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54278fb elementor-widget elementor-widget-shortcode\" data-id=\"54278fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"wpforms-container \" id=\"wpforms-7\"><form id=\"wpforms-form-7\" class=\"wpforms-validate wpforms-form\" data-formid=\"7\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/20\" data-token=\"1a135e0f76b1a903d304413ace9a6e5d\" data-token-time=\"1787899388\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-7-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_0\">Kako vam je ime? <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" required><\/div><div id=\"wpforms-7-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_4\">Kako se imenuje va\u0161 ljubljen\u010dek? <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" required><\/div><div id=\"wpforms-7-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_2\">Kak\u0161ne so njegove posebnosti ali navade? <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-7-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" required><\/textarea><\/div><div id=\"wpforms-7-field_6-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_6\">Na katero \u0161tevilko vas pokli\u010demo? <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"number\" id=\"wpforms-7-field_6\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][6]\" step=\"any\" required><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-7-field-hp\" class=\"wpforms-field-label\">Comment<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-7-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"7\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/pages\/20\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-7\" class=\"wpforms-submit\" data-alt-text=\"Po\u0161iljanje ...\" data-submit-text=\"Pove\u017eimo se!\" aria-live=\"assertive\" value=\"wpforms-submit\">Pove\u017eimo se!<\/button><\/div><\/form><\/div>  <!-- .wpforms-container --><\/div>\n\t\t\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-35a8a36 e-con-full e-flex e-con e-parent\" data-id=\"35a8a36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b093d5b elementor-widget elementor-widget-html\" data-id=\"b093d5b\" 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<!DOCTYPE html>\r\n<html lang=\"sl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Galerija<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400;1,600&family=Jost:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --cream:   #f0ece4;\r\n      --stone:   #c8b99a;\r\n      --bark:    #7a6040;\r\n      --ink:     #2c2318;\r\n      --white:   #faf9f6;\r\n      --gap:     12px;\r\n    }\r\n\r\n    body {\r\n      background: var(--cream);\r\n      font-family: 'Jost', sans-serif;\r\n      color: var(--ink);\r\n    }\r\n\r\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n    .gal-header {\r\n      text-align: center;\r\n      padding: 64px 24px 48px;\r\n    }\r\n\r\n    .gal-label {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      font-family: 'Jost', sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 400;\r\n      letter-spacing: .22em;\r\n      text-transform: uppercase;\r\n      color: var(--stone);\r\n      margin-bottom: 18px;\r\n    }\r\n    .gal-label::before,\r\n    .gal-label::after {\r\n      content: '';\r\n      display: block;\r\n      width: 48px;\r\n      height: 1px;\r\n      background: var(--stone);\r\n    }\r\n\r\n    .gal-title {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: clamp(36px, 5vw, 60px);\r\n      font-weight: 300;\r\n      line-height: 1.1;\r\n      color: var(--ink);\r\n    }\r\n    .gal-title em {\r\n      font-style: italic;\r\n      font-weight: 600;\r\n      color: var(--bark);\r\n    }\r\n\r\n    \/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n    .gal-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      grid-template-rows: 380px 260px;\r\n      gap: var(--gap);\r\n      padding: 0 40px 64px;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* span rules for visual rhythm *\/\r\n    .gal-item:nth-child(1) { grid-column: 1; grid-row: 1; }\r\n    .gal-item:nth-child(2) { grid-column: 2; grid-row: 1; }\r\n    .gal-item:nth-child(3) { grid-column: 3; grid-row: 1; }\r\n    .gal-item:nth-child(4) { grid-column: 4; grid-row: 1; }\r\n    .gal-item:nth-child(5) { grid-column: 1 \/ 3; grid-row: 2; }\r\n    .gal-item:nth-child(6) { grid-column: 3 \/ 5; grid-row: 2; }\r\n\r\n    .gal-item {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 4px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .gal-item img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform .55s cubic-bezier(.25,.46,.45,.94),\r\n                  filter .55s ease;\r\n      filter: brightness(.96) saturate(.9);\r\n    }\r\n\r\n    .gal-item:hover img {\r\n      transform: scale(1.055);\r\n      filter: brightness(1) saturate(1.05);\r\n    }\r\n\r\n    \/* overlay *\/\r\n    .gal-item::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(44,35,24,.35) 0%, transparent 55%);\r\n      opacity: 0;\r\n      transition: opacity .4s ease;\r\n    }\r\n    .gal-item:hover::after { opacity: 1; }\r\n\r\n    \/* zoom icon *\/\r\n    .gal-zoom {\r\n      position: absolute;\r\n      bottom: 18px;\r\n      right: 18px;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      border: 1.5px solid rgba(255,255,255,.75);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0;\r\n      transform: translateY(6px);\r\n      transition: opacity .35s ease, transform .35s ease;\r\n      z-index: 2;\r\n      color: #fff;\r\n    }\r\n    .gal-item:hover .gal-zoom {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    .gal-zoom svg { width: 16px; height: 16px; }\r\n\r\n    \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\r\n    .lb-overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(20,15,10,.88);\r\n      backdrop-filter: blur(6px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 9999;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity .3s ease;\r\n    }\r\n    .lb-overlay.active {\r\n      opacity: 1;\r\n      pointer-events: all;\r\n    }\r\n    .lb-overlay img {\r\n      max-width: 88vw;\r\n      max-height: 88vh;\r\n      object-fit: contain;\r\n      border-radius: 4px;\r\n      box-shadow: 0 32px 80px rgba(0,0,0,.6);\r\n      transform: scale(.96);\r\n      transition: transform .35s cubic-bezier(.25,.46,.45,.94);\r\n    }\r\n    .lb-overlay.active img { transform: scale(1); }\r\n\r\n    .lb-close {\r\n      position: absolute;\r\n      top: 24px;\r\n      right: 28px;\r\n      background: none;\r\n      border: none;\r\n      color: rgba(255,255,255,.75);\r\n      font-size: 28px;\r\n      cursor: pointer;\r\n      line-height: 1;\r\n      transition: color .2s;\r\n    }\r\n    .lb-close:hover { color: #fff; }\r\n\r\n    .lb-nav {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(255,255,255,.1);\r\n      border: 1.5px solid rgba(255,255,255,.25);\r\n      color: #fff;\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      font-size: 20px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: background .2s;\r\n    }\r\n    .lb-nav:hover { background: rgba(255,255,255,.2); }\r\n    .lb-prev { left: 20px; }\r\n    .lb-next { right: 20px; }\r\n\r\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n    @media (max-width: 900px) {\r\n      .gal-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-template-rows: auto;\r\n        padding: 0 20px 48px;\r\n      }\r\n      .gal-item:nth-child(n) {\r\n        grid-column: auto;\r\n        grid-row: auto;\r\n      }\r\n      .gal-item { height: 240px; }\r\n    }\r\n    @media (max-width: 540px) {\r\n      .gal-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n      .gal-item { height: 280px; }\r\n    }\r\n\r\n    \/* staggered fade-in *\/\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(24px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .gal-item {\r\n      animation: fadeUp .6s ease both;\r\n    }\r\n    .gal-item:nth-child(1) { animation-delay: .05s; }\r\n    .gal-item:nth-child(2) { animation-delay: .12s; }\r\n    .gal-item:nth-child(3) { animation-delay: .19s; }\r\n    .gal-item:nth-child(4) { animation-delay: .26s; }\r\n    .gal-item:nth-child(5) { animation-delay: .33s; }\r\n    .gal-item:nth-child(6) { animation-delay: .40s; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Header -->\r\n  <header class=\"gal-header\">\r\n    <p class=\"gal-label\">Galerija<\/p>\r\n    <h2 class=\"gal-title\">Trenutki, ki <em>ostanejo<\/em><\/h2>\r\n  <\/header>\r\n\r\n  <!-- Grid -->\r\n  <div class=\"gal-grid\" id=\"galGrid\">\r\n\r\n    <div class=\"gal-item\" data-index=\"0\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/whipp-e1558372849136.jpg\" alt=\"Whippet na travniku\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gal-item\" data-index=\"1\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-8-2-e1567970222598.jpg\" alt=\"Whippet ob morju\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gal-item\" data-index=\"2\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-12-2-500x500-1.jpg\" alt=\"Whippet s kapo\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gal-item\" data-index=\"3\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-9.jpg\" alt=\"Whippet portret\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gal-item\" data-index=\"4\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-10.jpg\" alt=\"Whippet v naravi\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gal-item\" data-index=\"5\">\r\n      <img decoding=\"async\" src=\"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-11-2.jpg\" alt=\"Whippet igra\" loading=\"lazy\" title=\"Kontakt\" \/>\r\n      <span class=\"gal-zoom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Lightbox -->\r\n  <div class=\"lb-overlay\" id=\"lightbox\">\r\n    <button class=\"lb-close\" id=\"lbClose\" aria-label=\"Zapri\">&#x2715;<\/button>\r\n    <button class=\"lb-nav lb-prev\" id=\"lbPrev\" aria-label=\"Prej\u0161nja\">&#8592;<\/button>\r\n    <img decoding=\"async\" src=\"\" alt=\"Pove\u010dana slika\" id=\"lbImg\"\/>\r\n    <button class=\"lb-nav lb-next\" id=\"lbNext\" aria-label=\"Naslednja\">&#8594;<\/button>\r\n  <\/div>\r\n\r\n  <script>\r\n    const images = [\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/whipp-e1558372849136.jpg\",\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-8-2-e1567970222598.jpg\",\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-12-2-500x500-1.jpg\",\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-9.jpg\",\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-10.jpg\",\r\n      \"https:\/\/truewhipp.si\/wp-content\/uploads\/2026\/04\/gallery-11-2.jpg\"\r\n    ];\r\n\r\n    let current = 0;\r\n    const lb      = document.getElementById('lightbox');\r\n    const lbImg   = document.getElementById('lbImg');\r\n    const lbClose = document.getElementById('lbClose');\r\n    const lbPrev  = document.getElementById('lbPrev');\r\n    const lbNext  = document.getElementById('lbNext');\r\n\r\n    function openLb(idx) {\r\n      current = idx;\r\n      lbImg.src = images[current];\r\n      lb.classList.add('active');\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    function closeLb() {\r\n      lb.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    }\r\n    function showPrev() { current = (current - 1 + images.length) % images.length; lbImg.src = images[current]; }\r\n    function showNext() { current = (current + 1) % images.length; lbImg.src = images[current]; }\r\n\r\n    document.querySelectorAll('.gal-item').forEach(item => {\r\n      item.addEventListener('click', () => openLb(+item.dataset.index));\r\n    });\r\n    lbClose.addEventListener('click', closeLb);\r\n    lbPrev.addEventListener('click', showPrev);\r\n    lbNext.addEventListener('click', showNext);\r\n    lb.addEventListener('click', e => { if (e.target === lb) closeLb(); });\r\n    document.addEventListener('keydown', e => {\r\n      if (!lb.classList.contains('active')) return;\r\n      if (e.key === 'Escape')      closeLb();\r\n      if (e.key === 'ArrowLeft')   showPrev();\r\n      if (e.key === 'ArrowRight')  showNext();\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Stopite v stik Kontakt Z veseljem vam bomo pomagali z nasveti za izbiro prave pasme za vas. Pridite lahko tudi samo na lep sprehod med okoli\u0161kimi gozdovi \u2014 vabljeni! Telefon +386 40 589 958 Z veseljem vam bomo pomagali z nasvetiza izbiro prave pasme za vas! Naslov Mo\u0161nje 63, Radovljica Pridite lahko tudi samo na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":25,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":2392,"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/2392"}],"wp:attachment":[{"href":"https:\/\/truewhipp.si\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}