{"id":2539,"date":"2021-09-28T20:06:22","date_gmt":"2021-09-28T20:06:22","guid":{"rendered":"https:\/\/carevetdev.kinsta.cloud\/vetclinicpcnew\/?page_id=2539"},"modified":"2021-09-28T20:06:22","modified_gmt":"2021-09-28T20:06:22","slug":"tour-our-facility-2","status":"publish","type":"page","link":"https:\/\/www.carevet.com\/jefferson-county\/tour-our-facility-2\/","title":{"rendered":"Tour Our Facility"},"content":{"rendered":"<!-- HFCM by 99 Robots - Snippet # 7: Tour -->\n<style>\r\n.wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.carousel {\r\n  position: relative;\r\n  display: flex;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n  z-index: 0;\r\n}\r\n\r\n.carousel:focus {\r\n  outline: 0.25rem solid hsl(220, 60%, 60%);\r\n  outline-offset: 0.25rem;\r\n}\r\n\r\n.wrapper {\r\n  position: relative;\r\n}\r\n\r\n.wrapper::before,\r\n.wrapper::after {\r\n  --size: 2rem;\r\n  content: '';\r\n  display: block;\r\n  position: absolute;\r\n  width: var(--size);\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0.5rem;\r\n  padding: 0.25rem;\r\n  background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 2 L2 5 L7 8\" \/><\/svg>');\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  color: #fff;\r\n  z-index: 10;\r\n  pointer-events: none;\r\n}\r\n\r\n.wrapper::after {\r\n  left: auto;\r\n  right: 0.5rem;\r\n  background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 2 L7 5 L2 8\" \/><\/svg>');\r\n}\r\n\r\n.slide {\r\n  position: relative;\r\n  flex: 1 0 100%;\r\n  scroll-snap-align: center;\r\n}\r\n\r\n.slide a {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 3rem;\r\n  height: 100%;\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: 0;\r\n}\r\n\r\n.slide a:last-of-type {\r\n  top: 0;\r\n  right: 0;\r\n}\r\n\r\n.carousel img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.carousel__nav ul {\r\n  margin-top: -3rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n}\r\n\r\n.carousel__nav a {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 2.75rem;\r\n  height: 2.75rem;\r\n  color: white;\r\n  text-decoration: none;\r\n  text-shadow: 1px 1px 0 hsla(220, 20%, 20%, 0.5);\r\n}\r\n\r\n.carousel__nav a:hover {\r\n  \r\n}\r\n<\/style>\r\n\r\n<div class=\"wrapper\">\r\n<div class=\"carousel\" tabindex=\"0\">\r\n  <div class=\"slide\">\r\n    <a href=\"#item-6\">Slide 2<\/a>\r\n    <img decoding=\"async\" id=\"item-2\" src=\"\/wp-content\/uploads\/sites\/437\/2021\/09\/caro2.jpg\" alt=\"\">\r\n    <a href=\"#item-3\">Slide 4<\/a>\r\n  <\/div>\r\n  <div class=\"slide\">\r\n    <a href=\"#item-6\">Slide 2<\/a>\r\n    <img decoding=\"async\" id=\"item-3\" src=\"\/wp-content\/uploads\/sites\/437\/2021\/09\/caro3.jpg\" alt=\"\">\r\n    <a href=\"#item-4\">Slide 4<\/a>\r\n  <\/div>\r\n  <div class=\"slide\">\r\n    <a href=\"#item-3\">Slide 3<\/a>\r\n    <img decoding=\"async\" id=\"item-4\" src=\"\/wp-content\/uploads\/sites\/437\/2021\/09\/caro4.jpg\" alt=\"\">\r\n    <a href=\"#item-6\">Slide 1<\/a>\r\n  <\/div>\r\n  <div class=\"slide\">\r\n    <a href=\"#item-5\">Slide 3<\/a>\r\n    <img decoding=\"async\" id=\"item-6\" src=\"\/wp-content\/uploads\/sites\/437\/2021\/09\/caro6.jpg\" alt=\"\">\r\n    <a href=\"#item-2\">Slide 1<\/a>\r\n  <\/div>\r\n<nav class=\"carousel__nav\">\r\n  <ul>\r\n    <li>\r\n      <a href=\"#item-1\" aria-label=\"Item 1\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n    <li>\r\n      <a href=\"#item-2\" aria-label=\"Item 2\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n    <li>\r\n      <a href=\"#item-3\" aria-label=\"Item 3\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n    <li>\r\n      <a href=\"#item-4\" aria-label=\"Item 4\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n         <li>\r\n      <a href=\"#item-5\" aria-label=\"Item 4\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n        <li>\r\n      <a href=\"#item-6\" aria-label=\"Item 4\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n\r\n        <li>\r\n      <a href=\"#item-7\" aria-label=\"Item 4\">\r\n      <svg viewBox=\"0 0 10 10\" width=\"1em\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#fff\" \/>\r\n      <\/svg>\r\n      <\/a>\r\n    <\/li>\r\n\r\n\r\n  <\/ul>\r\n<\/nav>\r\n<\/div>\r\n\n<!-- \/end HFCM by 99 Robots -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/pages\/2539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/comments?post=2539"}],"version-history":[{"count":1,"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/pages\/2539\/revisions"}],"predecessor-version":[{"id":2540,"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/pages\/2539\/revisions\/2540"}],"wp:attachment":[{"href":"https:\/\/www.carevet.com\/jefferson-county\/wp-json\/wp\/v2\/media?parent=2539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}