{\rtf1\ansi\ansicpg1252\cocoartf2870
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red37\green127\blue159;\red0\green0\blue255;
}
{\*\expandedcolortbl;;\cspthree\c0\c0\c0;\cspthree\c29368\c56066\c67356;\cspthree\c22\c0\c95960;
}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\partightenfactor0

\f0\fs28 \cf2 .\cf3 speyside-wrapper \cf2 \{\
\cf4 display\cf2 : \cf4 flex\cf2 ;\
\cf4 gap\cf2 : 24\cf3 px\cf2 ;\cf0 \page \cf4 align-items\cf2 : \cf4 flex-start\cf2 ;\
\}\
.\cf3 speyside-years \cf2 \{\
\cf4 display\cf2 : \cf4 flex\cf2 ;\
\cf4 flex-direction\cf2 : \cf4 column\cf2 ;\
\cf4 gap\cf2 : 10\cf3 px\cf2 ;\
\cf4 min-width\cf2 : 120\cf3 px\cf2 ;\
\}\
.\cf3 speyside-year \cf2 \{\
\cf4 background\cf2 : #1b1b1b;\
\cf4 color\cf2 : #ffffff;\
\cf4 text-decoration\cf2 : \cf4 none\cf2 ;\
\cf4 padding\cf2 : 12\cf3 px \cf2 16\cf3 px\cf2 ;\
\cf4 border-radius\cf2 : 6\cf3 px\cf2 ;\
\cf4 font-weight\cf2 : 600;\
\cf4 border\cf2 : 2\cf3 px \cf4 solid transparent\cf2 ;\
\cf4 transition\cf2 : \cf4 all \cf2 0.2\cf3 s \cf4 ease\cf2 ;\
\}\
.\cf3 speyside-year\cf2 :hover,\
.\cf3 speyside-year\cf2 .\cf3 active \cf2 \{\
\cf4 background\cf2 : #ffd400;\
\cf4 color\cf2 : #000000;\
\cf4 border-color\cf2 : #000000;\
\cf4 outline\cf2 : 3\cf3 px \cf4 solid \cf2 #005fcc;\
\}\
.\cf3 speyside-map-container \cf2 \{\
\cf4 position\cf2 : \cf4 relative\cf2 ;\
\cf4 max-width\cf2 : 1000\cf3 px\cf2 ;\
\cf4 width\cf2 : 100\cf3 %\cf2 ;\
\}\
.\cf3 speyside-map-image \cf2 \{\
\cf4 width\cf2 : 100\cf3 %\cf2 ;\
\cf4 height\cf2 : \cf4 auto\cf2 ;\
\cf4 display\cf2 : \cf4 block\cf2 ;\
\}\
.\cf3 speyside-location \cf2 \{\
\cf4 position\cf2 : \cf4 absolute\cf2 ;\
\cf4 transform\cf2 : translate(-50\cf3 %\cf2 , -50\cf3 %\cf2 );\
\cf4 background\cf2 : rgba(255,255,255,0.96);\
\cf4 color\cf2 : #000000;\
\cf4 border\cf2 : 2\cf3 px \cf4 solid \cf2 #000000;\
\cf4 border-radius\cf2 : 5\cf3 px\cf2 ;\
\cf4 padding\cf2 : 4\cf3 px \cf2 8\cf3 px\cf2 ;\
\cf4 font-size\cf2 : 13\cf3 px\cf2 ;\
\cf4 font-weight\cf2 : 600;\cf0 \page \cf4 cursor\cf2 : \cf4 pointer\cf2 ;\
\cf4 white-space\cf2 : \cf4 nowrap\cf2 ;\
\}\
\}\
.\cf3 speyside-location\cf2 :hover \{\
\cf4 background\cf2 : #005fcc;\
\cf4 color\cf2 : #ffffff;\
@\cf4 media \cf2 (max-width: 768px) \{\
.\cf3 speyside-wrapper \cf2 \{\
\cf4 flex-direction\cf2 : \cf4 column-reverse\cf2 ;\
\}\
.\cf3 speyside-years \cf2 \{\
\cf4 flex-direction\cf2 : \cf4 row\cf2 ;\
\cf4 flex-wrap\cf2 : \cf4 wrap\cf2 ;\
\}\
\}}