@import url("https://use.typekit.net/jvd7sez.css"); @charset "UTF-8"; .accessible-hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fill { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fit-bg-image { background-position: 50%; background-repeat: no-repeat; background-size: cover; } .normalised-list { margin: 0; padding: 0; } .normalised-list li { list-style-type: none; } @media (min-width: 768px) { .sidebar-shadow { box-shadow: 0px 2px 25px -6px rgba(0, 0, 0, 0.75); } } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .block { display: block; } .relative { position: relative; } .text--light { color: #ffffff; } .vam { display: inline-block; vertical-align: middle; } .word-wrap { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-all; word-break: break-word; word-wrap: break-word; } .element-invisible { display: none; } .row--no-gutter > [class*=col-] { padding-right: 0; padding-left: 0; } .no-margin { margin: 0; } .clickable { cursor: pointer; } body.js .js-hide { display: none !important; } .img-fluid { max-width: 100%; width: 100%; height: auto; } body { background-color: #f1ede6; background-image: url(/ws-sustrans-static/bg.png); background-position: top right; background-size: 75% auto; background-repeat: no-repeat; } @media (max-width: 991.98px) { body { background-size: 200% auto; } } #national-cycling-routes { /* Search Form */ /* IE 6-8 fallback colors */ /* Slider */ /* required styles */ /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ /* hack that prevents hw layers "stretching" when loading new tiles */ /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ /* control positioning */ /* zoom and fade animations */ /* cursors */ /* marker & overlays interactivity */ /* visual tweaks */ /* general typography */ /* general toolbar styles */ /* zoom control */ /* layers control */ /* Default icon URLs */ /* attribution and scale controls */ /* popup */ /* div icon */ /* Tooltip */ /* Base styles for the element that has a tooltip */ /* Directions */ font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; font-size: 15px; line-height: 1.6; color: #595959; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 0; } #national-cycling-routes *, #national-cycling-routes *::before, #national-cycling-routes *::after { box-sizing: border-box; } #national-cycling-routes html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #national-cycling-routes article, #national-cycling-routes aside, #national-cycling-routes figcaption, #national-cycling-routes figure, #national-cycling-routes footer, #national-cycling-routes header, #national-cycling-routes hgroup, #national-cycling-routes main, #national-cycling-routes nav, #national-cycling-routes section { display: block; } #national-cycling-routes body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } #national-cycling-routes [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } #national-cycling-routes hr { box-sizing: content-box; height: 0; overflow: visible; } #national-cycling-routes h1, #national-cycling-routes h2, #national-cycling-routes h3, #national-cycling-routes h4, #national-cycling-routes .contentSidebar__subheading, #national-cycling-routes h5, #national-cycling-routes h6 { margin-top: 0; margin-bottom: 0.5rem; } #national-cycling-routes p { margin-top: 0; margin-bottom: 1rem; } #national-cycling-routes abbr[title], #national-cycling-routes abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } #national-cycling-routes address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } #national-cycling-routes ol, #national-cycling-routes ul, #national-cycling-routes dl { margin-top: 0; margin-bottom: 1rem; } #national-cycling-routes ol ol, #national-cycling-routes ul ul, #national-cycling-routes ol ul, #national-cycling-routes ul ol { margin-bottom: 0; } #national-cycling-routes dt { font-weight: 700; } #national-cycling-routes dd { margin-bottom: 0.5rem; margin-left: 0; } #national-cycling-routes blockquote { margin: 0 0 1rem; } #national-cycling-routes b, #national-cycling-routes strong { font-weight: bolder; } #national-cycling-routes small { font-size: 80%; } #national-cycling-routes sub, #national-cycling-routes sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } #national-cycling-routes sub { bottom: -0.25em; } #national-cycling-routes sup { top: -0.5em; } #national-cycling-routes a { color: #007bff; text-decoration: none; background-color: transparent; } #national-cycling-routes a:hover { color: #0056b3; text-decoration: underline; } #national-cycling-routes a:not([href]) { color: inherit; text-decoration: none; } #national-cycling-routes a:not([href]):hover { color: inherit; text-decoration: none; } #national-cycling-routes pre, #national-cycling-routes code, #national-cycling-routes kbd, #national-cycling-routes samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } #national-cycling-routes pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } #national-cycling-routes figure { margin: 0 0 1rem; } #national-cycling-routes img { vertical-align: middle; border-style: none; } #national-cycling-routes svg { overflow: hidden; vertical-align: middle; } #national-cycling-routes table { border-collapse: collapse; } #national-cycling-routes caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } #national-cycling-routes th { text-align: inherit; } #national-cycling-routes label { display: inline-block; margin-bottom: 0.5rem; } #national-cycling-routes button { border-radius: 0; } #national-cycling-routes button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } #national-cycling-routes input, #national-cycling-routes button, #national-cycling-routes select, #national-cycling-routes optgroup, #national-cycling-routes textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } #national-cycling-routes button, #national-cycling-routes input { overflow: visible; } #national-cycling-routes button, #national-cycling-routes select { text-transform: none; } #national-cycling-routes select { word-wrap: normal; } #national-cycling-routes button, #national-cycling-routes [type=button], #national-cycling-routes [type=reset], #national-cycling-routes [type=submit] { -webkit-appearance: button; } #national-cycling-routes button:not(:disabled), #national-cycling-routes [type=button]:not(:disabled), #national-cycling-routes [type=reset]:not(:disabled), #national-cycling-routes [type=submit]:not(:disabled) { cursor: pointer; } #national-cycling-routes button::-moz-focus-inner, #national-cycling-routes [type=button]::-moz-focus-inner, #national-cycling-routes [type=reset]::-moz-focus-inner, #national-cycling-routes [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } #national-cycling-routes input[type=radio], #national-cycling-routes input[type=checkbox] { box-sizing: border-box; padding: 0; } #national-cycling-routes input[type=date], #national-cycling-routes input[type=time], #national-cycling-routes input[type=datetime-local], #national-cycling-routes input[type=month] { -webkit-appearance: listbox; } #national-cycling-routes textarea { overflow: auto; resize: vertical; } #national-cycling-routes fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } #national-cycling-routes legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } #national-cycling-routes progress { vertical-align: baseline; } #national-cycling-routes [type=number]::-webkit-inner-spin-button, #national-cycling-routes [type=number]::-webkit-outer-spin-button { height: auto; } #national-cycling-routes [type=search] { outline-offset: -2px; -webkit-appearance: none; } #national-cycling-routes [type=search]::-webkit-search-decoration { -webkit-appearance: none; } #national-cycling-routes ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } #national-cycling-routes output { display: inline-block; } #national-cycling-routes summary { display: list-item; cursor: pointer; } #national-cycling-routes template { display: none; } #national-cycling-routes [hidden] { display: none !important; } #national-cycling-routes .container { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { #national-cycling-routes .container { max-width: 540px; } } @media (min-width: 768px) { #national-cycling-routes .container { max-width: 720px; } } @media (min-width: 992px) { #national-cycling-routes .container { max-width: 960px; } } @media (min-width: 1200px) { #national-cycling-routes .container { max-width: 1140px; } } #national-cycling-routes .container-fluid, #national-cycling-routes .container-xl, #national-cycling-routes .container-lg, #national-cycling-routes .container-md, #national-cycling-routes .container-sm { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { #national-cycling-routes .container-sm, #national-cycling-routes .container { max-width: 540px; } } @media (min-width: 768px) { #national-cycling-routes .container-md, #national-cycling-routes .container-sm, #national-cycling-routes .container { max-width: 720px; } } @media (min-width: 992px) { #national-cycling-routes .container-lg, #national-cycling-routes .container-md, #national-cycling-routes .container-sm, #national-cycling-routes .container { max-width: 960px; } } @media (min-width: 1200px) { #national-cycling-routes .container-xl, #national-cycling-routes .container-lg, #national-cycling-routes .container-md, #national-cycling-routes .container-sm, #national-cycling-routes .container { max-width: 1140px; } } #national-cycling-routes .row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #national-cycling-routes .no-gutters { margin-right: 0; margin-left: 0; } #national-cycling-routes .no-gutters > .col, #national-cycling-routes .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } #national-cycling-routes .col-xl, #national-cycling-routes .col-xl-auto, #national-cycling-routes .col-xl-12, #national-cycling-routes .col-xl-11, #national-cycling-routes .col-xl-10, #national-cycling-routes .col-xl-9, #national-cycling-routes .col-xl-8, #national-cycling-routes .col-xl-7, #national-cycling-routes .col-xl-6, #national-cycling-routes .col-xl-5, #national-cycling-routes .col-xl-4, #national-cycling-routes .col-xl-3, #national-cycling-routes .col-xl-2, #national-cycling-routes .col-xl-1, #national-cycling-routes .col-lg, #national-cycling-routes .col-lg-auto, #national-cycling-routes .col-lg-12, #national-cycling-routes .col-lg-11, #national-cycling-routes .col-lg-10, #national-cycling-routes .col-lg-9, #national-cycling-routes .col-lg-8, #national-cycling-routes .col-lg-7, #national-cycling-routes .col-lg-6, #national-cycling-routes .col-lg-5, #national-cycling-routes .col-lg-4, #national-cycling-routes .col-lg-3, #national-cycling-routes .col-lg-2, #national-cycling-routes .col-lg-1, #national-cycling-routes .col-md, #national-cycling-routes .col-md-auto, #national-cycling-routes .col-md-12, #national-cycling-routes .col-md-11, #national-cycling-routes .col-md-10, #national-cycling-routes .col-md-9, #national-cycling-routes .col-md-8, #national-cycling-routes .col-md-7, #national-cycling-routes .col-md-6, #national-cycling-routes .col-md-5, #national-cycling-routes .col-md-4, #national-cycling-routes .col-md-3, #national-cycling-routes .col-md-2, #national-cycling-routes .col-md-1, #national-cycling-routes .col-sm, #national-cycling-routes .col-sm-auto, #national-cycling-routes .col-sm-12, #national-cycling-routes .col-sm-11, #national-cycling-routes .col-sm-10, #national-cycling-routes .col-sm-9, #national-cycling-routes .col-sm-8, #national-cycling-routes .col-sm-7, #national-cycling-routes .col-sm-6, #national-cycling-routes .col-sm-5, #national-cycling-routes .col-sm-4, #national-cycling-routes .col-sm-3, #national-cycling-routes .col-sm-2, #national-cycling-routes .col-sm-1, #national-cycling-routes .col, #national-cycling-routes .col-auto, #national-cycling-routes .col-12, #national-cycling-routes .col-11, #national-cycling-routes .col-10, #national-cycling-routes .col-9, #national-cycling-routes .col-8, #national-cycling-routes .col-7, #national-cycling-routes .col-6, #national-cycling-routes .col-5, #national-cycling-routes .col-4, #national-cycling-routes .col-3, #national-cycling-routes .col-2, #national-cycling-routes .col-1 { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } #national-cycling-routes .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } #national-cycling-routes .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } #national-cycling-routes .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #national-cycling-routes .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } #national-cycling-routes .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-3 { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #national-cycling-routes .col-6 { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #national-cycling-routes .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #national-cycling-routes .col-9 { flex: 0 0 75%; max-width: 75%; } #national-cycling-routes .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } #national-cycling-routes .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } #national-cycling-routes .col-12 { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .order-first { order: -1; } #national-cycling-routes .order-last { order: 13; } #national-cycling-routes .order-0 { order: 0; } #national-cycling-routes .order-1 { order: 1; } #national-cycling-routes .order-2 { order: 2; } #national-cycling-routes .order-3 { order: 3; } #national-cycling-routes .order-4 { order: 4; } #national-cycling-routes .order-5 { order: 5; } #national-cycling-routes .order-6 { order: 6; } #national-cycling-routes .order-7 { order: 7; } #national-cycling-routes .order-8 { order: 8; } #national-cycling-routes .order-9 { order: 9; } #national-cycling-routes .order-10 { order: 10; } #national-cycling-routes .order-11 { order: 11; } #national-cycling-routes .order-12 { order: 12; } #national-cycling-routes .offset-1 { margin-left: 8.3333333333%; } #national-cycling-routes .offset-2 { margin-left: 16.6666666667%; } #national-cycling-routes .offset-3 { margin-left: 25%; } #national-cycling-routes .offset-4 { margin-left: 33.3333333333%; } #national-cycling-routes .offset-5 { margin-left: 41.6666666667%; } #national-cycling-routes .offset-6 { margin-left: 50%; } #national-cycling-routes .offset-7 { margin-left: 58.3333333333%; } #national-cycling-routes .offset-8 { margin-left: 66.6666666667%; } #national-cycling-routes .offset-9 { margin-left: 75%; } #national-cycling-routes .offset-10 { margin-left: 83.3333333333%; } #national-cycling-routes .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { #national-cycling-routes .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } #national-cycling-routes .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } #national-cycling-routes .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #national-cycling-routes .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } #national-cycling-routes .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-sm-3 { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #national-cycling-routes .col-sm-6 { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #national-cycling-routes .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #national-cycling-routes .col-sm-9 { flex: 0 0 75%; max-width: 75%; } #national-cycling-routes .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } #national-cycling-routes .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } #national-cycling-routes .col-sm-12 { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .order-sm-first { order: -1; } #national-cycling-routes .order-sm-last { order: 13; } #national-cycling-routes .order-sm-0 { order: 0; } #national-cycling-routes .order-sm-1 { order: 1; } #national-cycling-routes .order-sm-2 { order: 2; } #national-cycling-routes .order-sm-3 { order: 3; } #national-cycling-routes .order-sm-4 { order: 4; } #national-cycling-routes .order-sm-5 { order: 5; } #national-cycling-routes .order-sm-6 { order: 6; } #national-cycling-routes .order-sm-7 { order: 7; } #national-cycling-routes .order-sm-8 { order: 8; } #national-cycling-routes .order-sm-9 { order: 9; } #national-cycling-routes .order-sm-10 { order: 10; } #national-cycling-routes .order-sm-11 { order: 11; } #national-cycling-routes .order-sm-12 { order: 12; } #national-cycling-routes .offset-sm-0 { margin-left: 0; } #national-cycling-routes .offset-sm-1 { margin-left: 8.3333333333%; } #national-cycling-routes .offset-sm-2 { margin-left: 16.6666666667%; } #national-cycling-routes .offset-sm-3 { margin-left: 25%; } #national-cycling-routes .offset-sm-4 { margin-left: 33.3333333333%; } #national-cycling-routes .offset-sm-5 { margin-left: 41.6666666667%; } #national-cycling-routes .offset-sm-6 { margin-left: 50%; } #national-cycling-routes .offset-sm-7 { margin-left: 58.3333333333%; } #national-cycling-routes .offset-sm-8 { margin-left: 66.6666666667%; } #national-cycling-routes .offset-sm-9 { margin-left: 75%; } #national-cycling-routes .offset-sm-10 { margin-left: 83.3333333333%; } #national-cycling-routes .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { #national-cycling-routes .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } #national-cycling-routes .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } #national-cycling-routes .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #national-cycling-routes .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } #national-cycling-routes .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-md-3 { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #national-cycling-routes .col-md-6 { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #national-cycling-routes .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #national-cycling-routes .col-md-9 { flex: 0 0 75%; max-width: 75%; } #national-cycling-routes .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } #national-cycling-routes .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } #national-cycling-routes .col-md-12 { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .order-md-first { order: -1; } #national-cycling-routes .order-md-last { order: 13; } #national-cycling-routes .order-md-0 { order: 0; } #national-cycling-routes .order-md-1 { order: 1; } #national-cycling-routes .order-md-2 { order: 2; } #national-cycling-routes .order-md-3 { order: 3; } #national-cycling-routes .order-md-4 { order: 4; } #national-cycling-routes .order-md-5 { order: 5; } #national-cycling-routes .order-md-6 { order: 6; } #national-cycling-routes .order-md-7 { order: 7; } #national-cycling-routes .order-md-8 { order: 8; } #national-cycling-routes .order-md-9 { order: 9; } #national-cycling-routes .order-md-10 { order: 10; } #national-cycling-routes .order-md-11 { order: 11; } #national-cycling-routes .order-md-12 { order: 12; } #national-cycling-routes .offset-md-0 { margin-left: 0; } #national-cycling-routes .offset-md-1 { margin-left: 8.3333333333%; } #national-cycling-routes .offset-md-2 { margin-left: 16.6666666667%; } #national-cycling-routes .offset-md-3 { margin-left: 25%; } #national-cycling-routes .offset-md-4 { margin-left: 33.3333333333%; } #national-cycling-routes .offset-md-5 { margin-left: 41.6666666667%; } #national-cycling-routes .offset-md-6 { margin-left: 50%; } #national-cycling-routes .offset-md-7 { margin-left: 58.3333333333%; } #national-cycling-routes .offset-md-8 { margin-left: 66.6666666667%; } #national-cycling-routes .offset-md-9 { margin-left: 75%; } #national-cycling-routes .offset-md-10 { margin-left: 83.3333333333%; } #national-cycling-routes .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { #national-cycling-routes .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } #national-cycling-routes .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } #national-cycling-routes .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #national-cycling-routes .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } #national-cycling-routes .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-lg-3 { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #national-cycling-routes .col-lg-6 { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #national-cycling-routes .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #national-cycling-routes .col-lg-9 { flex: 0 0 75%; max-width: 75%; } #national-cycling-routes .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } #national-cycling-routes .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } #national-cycling-routes .col-lg-12 { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .order-lg-first { order: -1; } #national-cycling-routes .order-lg-last { order: 13; } #national-cycling-routes .order-lg-0 { order: 0; } #national-cycling-routes .order-lg-1 { order: 1; } #national-cycling-routes .order-lg-2 { order: 2; } #national-cycling-routes .order-lg-3 { order: 3; } #national-cycling-routes .order-lg-4 { order: 4; } #national-cycling-routes .order-lg-5 { order: 5; } #national-cycling-routes .order-lg-6 { order: 6; } #national-cycling-routes .order-lg-7 { order: 7; } #national-cycling-routes .order-lg-8 { order: 8; } #national-cycling-routes .order-lg-9 { order: 9; } #national-cycling-routes .order-lg-10 { order: 10; } #national-cycling-routes .order-lg-11 { order: 11; } #national-cycling-routes .order-lg-12 { order: 12; } #national-cycling-routes .offset-lg-0 { margin-left: 0; } #national-cycling-routes .offset-lg-1 { margin-left: 8.3333333333%; } #national-cycling-routes .offset-lg-2 { margin-left: 16.6666666667%; } #national-cycling-routes .offset-lg-3 { margin-left: 25%; } #national-cycling-routes .offset-lg-4 { margin-left: 33.3333333333%; } #national-cycling-routes .offset-lg-5 { margin-left: 41.6666666667%; } #national-cycling-routes .offset-lg-6 { margin-left: 50%; } #national-cycling-routes .offset-lg-7 { margin-left: 58.3333333333%; } #national-cycling-routes .offset-lg-8 { margin-left: 66.6666666667%; } #national-cycling-routes .offset-lg-9 { margin-left: 75%; } #national-cycling-routes .offset-lg-10 { margin-left: 83.3333333333%; } #national-cycling-routes .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { #national-cycling-routes .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } #national-cycling-routes .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } #national-cycling-routes .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #national-cycling-routes .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } #national-cycling-routes .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } #national-cycling-routes .col-xl-3 { flex: 0 0 25%; max-width: 25%; } #national-cycling-routes .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } #national-cycling-routes .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } #national-cycling-routes .col-xl-6 { flex: 0 0 50%; max-width: 50%; } #national-cycling-routes .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } #national-cycling-routes .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } #national-cycling-routes .col-xl-9 { flex: 0 0 75%; max-width: 75%; } #national-cycling-routes .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } #national-cycling-routes .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } #national-cycling-routes .col-xl-12 { flex: 0 0 100%; max-width: 100%; } #national-cycling-routes .order-xl-first { order: -1; } #national-cycling-routes .order-xl-last { order: 13; } #national-cycling-routes .order-xl-0 { order: 0; } #national-cycling-routes .order-xl-1 { order: 1; } #national-cycling-routes .order-xl-2 { order: 2; } #national-cycling-routes .order-xl-3 { order: 3; } #national-cycling-routes .order-xl-4 { order: 4; } #national-cycling-routes .order-xl-5 { order: 5; } #national-cycling-routes .order-xl-6 { order: 6; } #national-cycling-routes .order-xl-7 { order: 7; } #national-cycling-routes .order-xl-8 { order: 8; } #national-cycling-routes .order-xl-9 { order: 9; } #national-cycling-routes .order-xl-10 { order: 10; } #national-cycling-routes .order-xl-11 { order: 11; } #national-cycling-routes .order-xl-12 { order: 12; } #national-cycling-routes .offset-xl-0 { margin-left: 0; } #national-cycling-routes .offset-xl-1 { margin-left: 8.3333333333%; } #national-cycling-routes .offset-xl-2 { margin-left: 16.6666666667%; } #national-cycling-routes .offset-xl-3 { margin-left: 25%; } #national-cycling-routes .offset-xl-4 { margin-left: 33.3333333333%; } #national-cycling-routes .offset-xl-5 { margin-left: 41.6666666667%; } #national-cycling-routes .offset-xl-6 { margin-left: 50%; } #national-cycling-routes .offset-xl-7 { margin-left: 58.3333333333%; } #national-cycling-routes .offset-xl-8 { margin-left: 66.6666666667%; } #national-cycling-routes .offset-xl-9 { margin-left: 75%; } #national-cycling-routes .offset-xl-10 { margin-left: 83.3333333333%; } #national-cycling-routes .offset-xl-11 { margin-left: 91.6666666667%; } } #national-cycling-routes .d-none { display: none !important; } #national-cycling-routes .d-inline { display: inline !important; } #national-cycling-routes .d-inline-block { display: inline-block !important; } #national-cycling-routes .d-block { display: block !important; } #national-cycling-routes .d-table { display: table !important; } #national-cycling-routes .d-table-row { display: table-row !important; } #national-cycling-routes .d-table-cell { display: table-cell !important; } #national-cycling-routes .d-flex { display: flex !important; } #national-cycling-routes .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { #national-cycling-routes .d-sm-none { display: none !important; } #national-cycling-routes .d-sm-inline { display: inline !important; } #national-cycling-routes .d-sm-inline-block { display: inline-block !important; } #national-cycling-routes .d-sm-block { display: block !important; } #national-cycling-routes .d-sm-table { display: table !important; } #national-cycling-routes .d-sm-table-row { display: table-row !important; } #national-cycling-routes .d-sm-table-cell { display: table-cell !important; } #national-cycling-routes .d-sm-flex { display: flex !important; } #national-cycling-routes .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { #national-cycling-routes .d-md-none { display: none !important; } #national-cycling-routes .d-md-inline { display: inline !important; } #national-cycling-routes .d-md-inline-block { display: inline-block !important; } #national-cycling-routes .d-md-block { display: block !important; } #national-cycling-routes .d-md-table { display: table !important; } #national-cycling-routes .d-md-table-row { display: table-row !important; } #national-cycling-routes .d-md-table-cell { display: table-cell !important; } #national-cycling-routes .d-md-flex { display: flex !important; } #national-cycling-routes .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { #national-cycling-routes .d-lg-none { display: none !important; } #national-cycling-routes .d-lg-inline { display: inline !important; } #national-cycling-routes .d-lg-inline-block { display: inline-block !important; } #national-cycling-routes .d-lg-block { display: block !important; } #national-cycling-routes .d-lg-table { display: table !important; } #national-cycling-routes .d-lg-table-row { display: table-row !important; } #national-cycling-routes .d-lg-table-cell { display: table-cell !important; } #national-cycling-routes .d-lg-flex { display: flex !important; } #national-cycling-routes .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { #national-cycling-routes .d-xl-none { display: none !important; } #national-cycling-routes .d-xl-inline { display: inline !important; } #national-cycling-routes .d-xl-inline-block { display: inline-block !important; } #national-cycling-routes .d-xl-block { display: block !important; } #national-cycling-routes .d-xl-table { display: table !important; } #national-cycling-routes .d-xl-table-row { display: table-row !important; } #national-cycling-routes .d-xl-table-cell { display: table-cell !important; } #national-cycling-routes .d-xl-flex { display: flex !important; } #national-cycling-routes .d-xl-inline-flex { display: inline-flex !important; } } @media print { #national-cycling-routes .d-print-none { display: none !important; } #national-cycling-routes .d-print-inline { display: inline !important; } #national-cycling-routes .d-print-inline-block { display: inline-block !important; } #national-cycling-routes .d-print-block { display: block !important; } #national-cycling-routes .d-print-table { display: table !important; } #national-cycling-routes .d-print-table-row { display: table-row !important; } #national-cycling-routes .d-print-table-cell { display: table-cell !important; } #national-cycling-routes .d-print-flex { display: flex !important; } #national-cycling-routes .d-print-inline-flex { display: inline-flex !important; } } #national-cycling-routes .flex-row { flex-direction: row !important; } #national-cycling-routes .flex-column { flex-direction: column !important; } #national-cycling-routes .flex-row-reverse { flex-direction: row-reverse !important; } #national-cycling-routes .flex-column-reverse { flex-direction: column-reverse !important; } #national-cycling-routes .flex-wrap { flex-wrap: wrap !important; } #national-cycling-routes .flex-nowrap { flex-wrap: nowrap !important; } #national-cycling-routes .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } #national-cycling-routes .flex-fill { flex: 1 1 auto !important; } #national-cycling-routes .flex-grow-0 { flex-grow: 0 !important; } #national-cycling-routes .flex-grow-1 { flex-grow: 1 !important; } #national-cycling-routes .flex-shrink-0 { flex-shrink: 0 !important; } #national-cycling-routes .flex-shrink-1 { flex-shrink: 1 !important; } #national-cycling-routes .justify-content-start { justify-content: flex-start !important; } #national-cycling-routes .justify-content-end { justify-content: flex-end !important; } #national-cycling-routes .justify-content-center { justify-content: center !important; } #national-cycling-routes .justify-content-between { justify-content: space-between !important; } #national-cycling-routes .justify-content-around { justify-content: space-around !important; } #national-cycling-routes .align-items-start { align-items: flex-start !important; } #national-cycling-routes .align-items-end { align-items: flex-end !important; } #national-cycling-routes .align-items-center { align-items: center !important; } #national-cycling-routes .align-items-baseline { align-items: baseline !important; } #national-cycling-routes .align-items-stretch { align-items: stretch !important; } #national-cycling-routes .align-content-start { align-content: flex-start !important; } #national-cycling-routes .align-content-end { align-content: flex-end !important; } #national-cycling-routes .align-content-center { align-content: center !important; } #national-cycling-routes .align-content-between { align-content: space-between !important; } #national-cycling-routes .align-content-around { align-content: space-around !important; } #national-cycling-routes .align-content-stretch { align-content: stretch !important; } #national-cycling-routes .align-self-auto { align-self: auto !important; } #national-cycling-routes .align-self-start { align-self: flex-start !important; } #national-cycling-routes .align-self-end { align-self: flex-end !important; } #national-cycling-routes .align-self-center { align-self: center !important; } #national-cycling-routes .align-self-baseline { align-self: baseline !important; } #national-cycling-routes .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { #national-cycling-routes .flex-sm-row { flex-direction: row !important; } #national-cycling-routes .flex-sm-column { flex-direction: column !important; } #national-cycling-routes .flex-sm-row-reverse { flex-direction: row-reverse !important; } #national-cycling-routes .flex-sm-column-reverse { flex-direction: column-reverse !important; } #national-cycling-routes .flex-sm-wrap { flex-wrap: wrap !important; } #national-cycling-routes .flex-sm-nowrap { flex-wrap: nowrap !important; } #national-cycling-routes .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } #national-cycling-routes .flex-sm-fill { flex: 1 1 auto !important; } #national-cycling-routes .flex-sm-grow-0 { flex-grow: 0 !important; } #national-cycling-routes .flex-sm-grow-1 { flex-grow: 1 !important; } #national-cycling-routes .flex-sm-shrink-0 { flex-shrink: 0 !important; } #national-cycling-routes .flex-sm-shrink-1 { flex-shrink: 1 !important; } #national-cycling-routes .justify-content-sm-start { justify-content: flex-start !important; } #national-cycling-routes .justify-content-sm-end { justify-content: flex-end !important; } #national-cycling-routes .justify-content-sm-center { justify-content: center !important; } #national-cycling-routes .justify-content-sm-between { justify-content: space-between !important; } #national-cycling-routes .justify-content-sm-around { justify-content: space-around !important; } #national-cycling-routes .align-items-sm-start { align-items: flex-start !important; } #national-cycling-routes .align-items-sm-end { align-items: flex-end !important; } #national-cycling-routes .align-items-sm-center { align-items: center !important; } #national-cycling-routes .align-items-sm-baseline { align-items: baseline !important; } #national-cycling-routes .align-items-sm-stretch { align-items: stretch !important; } #national-cycling-routes .align-content-sm-start { align-content: flex-start !important; } #national-cycling-routes .align-content-sm-end { align-content: flex-end !important; } #national-cycling-routes .align-content-sm-center { align-content: center !important; } #national-cycling-routes .align-content-sm-between { align-content: space-between !important; } #national-cycling-routes .align-content-sm-around { align-content: space-around !important; } #national-cycling-routes .align-content-sm-stretch { align-content: stretch !important; } #national-cycling-routes .align-self-sm-auto { align-self: auto !important; } #national-cycling-routes .align-self-sm-start { align-self: flex-start !important; } #national-cycling-routes .align-self-sm-end { align-self: flex-end !important; } #national-cycling-routes .align-self-sm-center { align-self: center !important; } #national-cycling-routes .align-self-sm-baseline { align-self: baseline !important; } #national-cycling-routes .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { #national-cycling-routes .flex-md-row { flex-direction: row !important; } #national-cycling-routes .flex-md-column { flex-direction: column !important; } #national-cycling-routes .flex-md-row-reverse { flex-direction: row-reverse !important; } #national-cycling-routes .flex-md-column-reverse { flex-direction: column-reverse !important; } #national-cycling-routes .flex-md-wrap { flex-wrap: wrap !important; } #national-cycling-routes .flex-md-nowrap { flex-wrap: nowrap !important; } #national-cycling-routes .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } #national-cycling-routes .flex-md-fill { flex: 1 1 auto !important; } #national-cycling-routes .flex-md-grow-0 { flex-grow: 0 !important; } #national-cycling-routes .flex-md-grow-1 { flex-grow: 1 !important; } #national-cycling-routes .flex-md-shrink-0 { flex-shrink: 0 !important; } #national-cycling-routes .flex-md-shrink-1 { flex-shrink: 1 !important; } #national-cycling-routes .justify-content-md-start { justify-content: flex-start !important; } #national-cycling-routes .justify-content-md-end { justify-content: flex-end !important; } #national-cycling-routes .justify-content-md-center { justify-content: center !important; } #national-cycling-routes .justify-content-md-between { justify-content: space-between !important; } #national-cycling-routes .justify-content-md-around { justify-content: space-around !important; } #national-cycling-routes .align-items-md-start { align-items: flex-start !important; } #national-cycling-routes .align-items-md-end { align-items: flex-end !important; } #national-cycling-routes .align-items-md-center { align-items: center !important; } #national-cycling-routes .align-items-md-baseline { align-items: baseline !important; } #national-cycling-routes .align-items-md-stretch { align-items: stretch !important; } #national-cycling-routes .align-content-md-start { align-content: flex-start !important; } #national-cycling-routes .align-content-md-end { align-content: flex-end !important; } #national-cycling-routes .align-content-md-center { align-content: center !important; } #national-cycling-routes .align-content-md-between { align-content: space-between !important; } #national-cycling-routes .align-content-md-around { align-content: space-around !important; } #national-cycling-routes .align-content-md-stretch { align-content: stretch !important; } #national-cycling-routes .align-self-md-auto { align-self: auto !important; } #national-cycling-routes .align-self-md-start { align-self: flex-start !important; } #national-cycling-routes .align-self-md-end { align-self: flex-end !important; } #national-cycling-routes .align-self-md-center { align-self: center !important; } #national-cycling-routes .align-self-md-baseline { align-self: baseline !important; } #national-cycling-routes .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { #national-cycling-routes .flex-lg-row { flex-direction: row !important; } #national-cycling-routes .flex-lg-column { flex-direction: column !important; } #national-cycling-routes .flex-lg-row-reverse { flex-direction: row-reverse !important; } #national-cycling-routes .flex-lg-column-reverse { flex-direction: column-reverse !important; } #national-cycling-routes .flex-lg-wrap { flex-wrap: wrap !important; } #national-cycling-routes .flex-lg-nowrap { flex-wrap: nowrap !important; } #national-cycling-routes .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } #national-cycling-routes .flex-lg-fill { flex: 1 1 auto !important; } #national-cycling-routes .flex-lg-grow-0 { flex-grow: 0 !important; } #national-cycling-routes .flex-lg-grow-1 { flex-grow: 1 !important; } #national-cycling-routes .flex-lg-shrink-0 { flex-shrink: 0 !important; } #national-cycling-routes .flex-lg-shrink-1 { flex-shrink: 1 !important; } #national-cycling-routes .justify-content-lg-start { justify-content: flex-start !important; } #national-cycling-routes .justify-content-lg-end { justify-content: flex-end !important; } #national-cycling-routes .justify-content-lg-center { justify-content: center !important; } #national-cycling-routes .justify-content-lg-between { justify-content: space-between !important; } #national-cycling-routes .justify-content-lg-around { justify-content: space-around !important; } #national-cycling-routes .align-items-lg-start { align-items: flex-start !important; } #national-cycling-routes .align-items-lg-end { align-items: flex-end !important; } #national-cycling-routes .align-items-lg-center { align-items: center !important; } #national-cycling-routes .align-items-lg-baseline { align-items: baseline !important; } #national-cycling-routes .align-items-lg-stretch { align-items: stretch !important; } #national-cycling-routes .align-content-lg-start { align-content: flex-start !important; } #national-cycling-routes .align-content-lg-end { align-content: flex-end !important; } #national-cycling-routes .align-content-lg-center { align-content: center !important; } #national-cycling-routes .align-content-lg-between { align-content: space-between !important; } #national-cycling-routes .align-content-lg-around { align-content: space-around !important; } #national-cycling-routes .align-content-lg-stretch { align-content: stretch !important; } #national-cycling-routes .align-self-lg-auto { align-self: auto !important; } #national-cycling-routes .align-self-lg-start { align-self: flex-start !important; } #national-cycling-routes .align-self-lg-end { align-self: flex-end !important; } #national-cycling-routes .align-self-lg-center { align-self: center !important; } #national-cycling-routes .align-self-lg-baseline { align-self: baseline !important; } #national-cycling-routes .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { #national-cycling-routes .flex-xl-row { flex-direction: row !important; } #national-cycling-routes .flex-xl-column { flex-direction: column !important; } #national-cycling-routes .flex-xl-row-reverse { flex-direction: row-reverse !important; } #national-cycling-routes .flex-xl-column-reverse { flex-direction: column-reverse !important; } #national-cycling-routes .flex-xl-wrap { flex-wrap: wrap !important; } #national-cycling-routes .flex-xl-nowrap { flex-wrap: nowrap !important; } #national-cycling-routes .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } #national-cycling-routes .flex-xl-fill { flex: 1 1 auto !important; } #national-cycling-routes .flex-xl-grow-0 { flex-grow: 0 !important; } #national-cycling-routes .flex-xl-grow-1 { flex-grow: 1 !important; } #national-cycling-routes .flex-xl-shrink-0 { flex-shrink: 0 !important; } #national-cycling-routes .flex-xl-shrink-1 { flex-shrink: 1 !important; } #national-cycling-routes .justify-content-xl-start { justify-content: flex-start !important; } #national-cycling-routes .justify-content-xl-end { justify-content: flex-end !important; } #national-cycling-routes .justify-content-xl-center { justify-content: center !important; } #national-cycling-routes .justify-content-xl-between { justify-content: space-between !important; } #national-cycling-routes .justify-content-xl-around { justify-content: space-around !important; } #national-cycling-routes .align-items-xl-start { align-items: flex-start !important; } #national-cycling-routes .align-items-xl-end { align-items: flex-end !important; } #national-cycling-routes .align-items-xl-center { align-items: center !important; } #national-cycling-routes .align-items-xl-baseline { align-items: baseline !important; } #national-cycling-routes .align-items-xl-stretch { align-items: stretch !important; } #national-cycling-routes .align-content-xl-start { align-content: flex-start !important; } #national-cycling-routes .align-content-xl-end { align-content: flex-end !important; } #national-cycling-routes .align-content-xl-center { align-content: center !important; } #national-cycling-routes .align-content-xl-between { align-content: space-between !important; } #national-cycling-routes .align-content-xl-around { align-content: space-around !important; } #national-cycling-routes .align-content-xl-stretch { align-content: stretch !important; } #national-cycling-routes .align-self-xl-auto { align-self: auto !important; } #national-cycling-routes .align-self-xl-start { align-self: flex-start !important; } #national-cycling-routes .align-self-xl-end { align-self: flex-end !important; } #national-cycling-routes .align-self-xl-center { align-self: center !important; } #national-cycling-routes .align-self-xl-baseline { align-self: baseline !important; } #national-cycling-routes .align-self-xl-stretch { align-self: stretch !important; } } #national-cycling-routes .position-static { position: static !important; } #national-cycling-routes .position-relative { position: relative !important; } #national-cycling-routes .position-absolute { position: absolute !important; } #national-cycling-routes .position-fixed { position: fixed !important; } #national-cycling-routes .position-sticky { position: -webkit-sticky !important; position: sticky !important; } #national-cycling-routes .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } #national-cycling-routes .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { #national-cycling-routes .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } #national-cycling-routes .m-0 { margin: 0 !important; } #national-cycling-routes .mt-0, #national-cycling-routes .my-0 { margin-top: 0 !important; } #national-cycling-routes .mr-0, #national-cycling-routes .mx-0 { margin-right: 0 !important; } #national-cycling-routes .mb-0, #national-cycling-routes .my-0 { margin-bottom: 0 !important; } #national-cycling-routes .ml-0, #national-cycling-routes .mx-0 { margin-left: 0 !important; } #national-cycling-routes .m-1 { margin: 0.25rem !important; } #national-cycling-routes .mt-1, #national-cycling-routes .my-1 { margin-top: 0.25rem !important; } #national-cycling-routes .mr-1, #national-cycling-routes .mx-1 { margin-right: 0.25rem !important; } #national-cycling-routes .mb-1, #national-cycling-routes .my-1 { margin-bottom: 0.25rem !important; } #national-cycling-routes .ml-1, #national-cycling-routes .mx-1 { margin-left: 0.25rem !important; } #national-cycling-routes .m-2 { margin: 0.5rem !important; } #national-cycling-routes .mt-2, #national-cycling-routes .my-2 { margin-top: 0.5rem !important; } #national-cycling-routes .mr-2, #national-cycling-routes .mx-2 { margin-right: 0.5rem !important; } #national-cycling-routes .mb-2, #national-cycling-routes .my-2 { margin-bottom: 0.5rem !important; } #national-cycling-routes .ml-2, #national-cycling-routes .mx-2 { margin-left: 0.5rem !important; } #national-cycling-routes .m-3 { margin: 1rem !important; } #national-cycling-routes .mt-3, #national-cycling-routes .my-3 { margin-top: 1rem !important; } #national-cycling-routes .mr-3, #national-cycling-routes .mx-3 { margin-right: 1rem !important; } #national-cycling-routes .mb-3, #national-cycling-routes .my-3 { margin-bottom: 1rem !important; } #national-cycling-routes .ml-3, #national-cycling-routes .mx-3 { margin-left: 1rem !important; } #national-cycling-routes .m-4 { margin: 1.5rem !important; } #national-cycling-routes .mt-4, #national-cycling-routes .my-4 { margin-top: 1.5rem !important; } #national-cycling-routes .mr-4, #national-cycling-routes .mx-4 { margin-right: 1.5rem !important; } #national-cycling-routes .mb-4, #national-cycling-routes .my-4 { margin-bottom: 1.5rem !important; } #national-cycling-routes .ml-4, #national-cycling-routes .mx-4 { margin-left: 1.5rem !important; } #national-cycling-routes .m-5 { margin: 2rem !important; } #national-cycling-routes .mt-5, #national-cycling-routes .my-5 { margin-top: 2rem !important; } #national-cycling-routes .mr-5, #national-cycling-routes .mx-5 { margin-right: 2rem !important; } #national-cycling-routes .mb-5, #national-cycling-routes .my-5 { margin-bottom: 2rem !important; } #national-cycling-routes .ml-5, #national-cycling-routes .mx-5 { margin-left: 2rem !important; } #national-cycling-routes .m-6 { margin: 2.5rem !important; } #national-cycling-routes .mt-6, #national-cycling-routes .my-6 { margin-top: 2.5rem !important; } #national-cycling-routes .mr-6, #national-cycling-routes .mx-6 { margin-right: 2.5rem !important; } #national-cycling-routes .mb-6, #national-cycling-routes .my-6 { margin-bottom: 2.5rem !important; } #national-cycling-routes .ml-6, #national-cycling-routes .mx-6 { margin-left: 2.5rem !important; } #national-cycling-routes .m-7 { margin: 3rem !important; } #national-cycling-routes .mt-7, #national-cycling-routes .my-7 { margin-top: 3rem !important; } #national-cycling-routes .mr-7, #national-cycling-routes .mx-7 { margin-right: 3rem !important; } #national-cycling-routes .mb-7, #national-cycling-routes .my-7 { margin-bottom: 3rem !important; } #national-cycling-routes .ml-7, #national-cycling-routes .mx-7 { margin-left: 3rem !important; } #national-cycling-routes .m-8 { margin: 3.5rem !important; } #national-cycling-routes .mt-8, #national-cycling-routes .my-8 { margin-top: 3.5rem !important; } #national-cycling-routes .mr-8, #national-cycling-routes .mx-8 { margin-right: 3.5rem !important; } #national-cycling-routes .mb-8, #national-cycling-routes .my-8 { margin-bottom: 3.5rem !important; } #national-cycling-routes .ml-8, #national-cycling-routes .mx-8 { margin-left: 3.5rem !important; } #national-cycling-routes .m-10 { margin: 6rem !important; } #national-cycling-routes .mt-10, #national-cycling-routes .my-10 { margin-top: 6rem !important; } #national-cycling-routes .mr-10, #national-cycling-routes .mx-10 { margin-right: 6rem !important; } #national-cycling-routes .mb-10, #national-cycling-routes .my-10 { margin-bottom: 6rem !important; } #national-cycling-routes .ml-10, #national-cycling-routes .mx-10 { margin-left: 6rem !important; } #national-cycling-routes .p-0 { padding: 0 !important; } #national-cycling-routes .pt-0, #national-cycling-routes .py-0 { padding-top: 0 !important; } #national-cycling-routes .pr-0, #national-cycling-routes .px-0 { padding-right: 0 !important; } #national-cycling-routes .pb-0, #national-cycling-routes .py-0 { padding-bottom: 0 !important; } #national-cycling-routes .pl-0, #national-cycling-routes .px-0 { padding-left: 0 !important; } #national-cycling-routes .p-1 { padding: 0.25rem !important; } #national-cycling-routes .pt-1, #national-cycling-routes .py-1 { padding-top: 0.25rem !important; } #national-cycling-routes .pr-1, #national-cycling-routes .px-1 { padding-right: 0.25rem !important; } #national-cycling-routes .pb-1, #national-cycling-routes .py-1 { padding-bottom: 0.25rem !important; } #national-cycling-routes .pl-1, #national-cycling-routes .px-1 { padding-left: 0.25rem !important; } #national-cycling-routes .p-2 { padding: 0.5rem !important; } #national-cycling-routes .pt-2, #national-cycling-routes .py-2 { padding-top: 0.5rem !important; } #national-cycling-routes .pr-2, #national-cycling-routes .px-2 { padding-right: 0.5rem !important; } #national-cycling-routes .pb-2, #national-cycling-routes .py-2 { padding-bottom: 0.5rem !important; } #national-cycling-routes .pl-2, #national-cycling-routes .px-2 { padding-left: 0.5rem !important; } #national-cycling-routes .p-3 { padding: 1rem !important; } #national-cycling-routes .pt-3, #national-cycling-routes .py-3 { padding-top: 1rem !important; } #national-cycling-routes .pr-3, #national-cycling-routes .px-3 { padding-right: 1rem !important; } #national-cycling-routes .pb-3, #national-cycling-routes .py-3 { padding-bottom: 1rem !important; } #national-cycling-routes .pl-3, #national-cycling-routes .px-3 { padding-left: 1rem !important; } #national-cycling-routes .p-4 { padding: 1.5rem !important; } #national-cycling-routes .pt-4, #national-cycling-routes .py-4 { padding-top: 1.5rem !important; } #national-cycling-routes .pr-4, #national-cycling-routes .px-4 { padding-right: 1.5rem !important; } #national-cycling-routes .pb-4, #national-cycling-routes .py-4 { padding-bottom: 1.5rem !important; } #national-cycling-routes .pl-4, #national-cycling-routes .px-4 { padding-left: 1.5rem !important; } #national-cycling-routes .p-5 { padding: 2rem !important; } #national-cycling-routes .pt-5, #national-cycling-routes .py-5 { padding-top: 2rem !important; } #national-cycling-routes .pr-5, #national-cycling-routes .px-5 { padding-right: 2rem !important; } #national-cycling-routes .pb-5, #national-cycling-routes .py-5 { padding-bottom: 2rem !important; } #national-cycling-routes .pl-5, #national-cycling-routes .px-5 { padding-left: 2rem !important; } #national-cycling-routes .p-6 { padding: 2.5rem !important; } #national-cycling-routes .pt-6, #national-cycling-routes .py-6 { padding-top: 2.5rem !important; } #national-cycling-routes .pr-6, #national-cycling-routes .px-6 { padding-right: 2.5rem !important; } #national-cycling-routes .pb-6, #national-cycling-routes .py-6 { padding-bottom: 2.5rem !important; } #national-cycling-routes .pl-6, #national-cycling-routes .px-6 { padding-left: 2.5rem !important; } #national-cycling-routes .p-7 { padding: 3rem !important; } #national-cycling-routes .pt-7, #national-cycling-routes .py-7 { padding-top: 3rem !important; } #national-cycling-routes .pr-7, #national-cycling-routes .px-7 { padding-right: 3rem !important; } #national-cycling-routes .pb-7, #national-cycling-routes .py-7 { padding-bottom: 3rem !important; } #national-cycling-routes .pl-7, #national-cycling-routes .px-7 { padding-left: 3rem !important; } #national-cycling-routes .p-8 { padding: 3.5rem !important; } #national-cycling-routes .pt-8, #national-cycling-routes .py-8 { padding-top: 3.5rem !important; } #national-cycling-routes .pr-8, #national-cycling-routes .px-8 { padding-right: 3.5rem !important; } #national-cycling-routes .pb-8, #national-cycling-routes .py-8 { padding-bottom: 3.5rem !important; } #national-cycling-routes .pl-8, #national-cycling-routes .px-8 { padding-left: 3.5rem !important; } #national-cycling-routes .p-10 { padding: 6rem !important; } #national-cycling-routes .pt-10, #national-cycling-routes .py-10 { padding-top: 6rem !important; } #national-cycling-routes .pr-10, #national-cycling-routes .px-10 { padding-right: 6rem !important; } #national-cycling-routes .pb-10, #national-cycling-routes .py-10 { padding-bottom: 6rem !important; } #national-cycling-routes .pl-10, #national-cycling-routes .px-10 { padding-left: 6rem !important; } #national-cycling-routes .m-n1 { margin: -0.25rem !important; } #national-cycling-routes .mt-n1, #national-cycling-routes .my-n1 { margin-top: -0.25rem !important; } #national-cycling-routes .mr-n1, #national-cycling-routes .mx-n1 { margin-right: -0.25rem !important; } #national-cycling-routes .mb-n1, #national-cycling-routes .my-n1 { margin-bottom: -0.25rem !important; } #national-cycling-routes .ml-n1, #national-cycling-routes .mx-n1 { margin-left: -0.25rem !important; } #national-cycling-routes .m-n2 { margin: -0.5rem !important; } #national-cycling-routes .mt-n2, #national-cycling-routes .my-n2 { margin-top: -0.5rem !important; } #national-cycling-routes .mr-n2, #national-cycling-routes .mx-n2 { margin-right: -0.5rem !important; } #national-cycling-routes .mb-n2, #national-cycling-routes .my-n2 { margin-bottom: -0.5rem !important; } #national-cycling-routes .ml-n2, #national-cycling-routes .mx-n2 { margin-left: -0.5rem !important; } #national-cycling-routes .m-n3 { margin: -1rem !important; } #national-cycling-routes .mt-n3, #national-cycling-routes .my-n3 { margin-top: -1rem !important; } #national-cycling-routes .mr-n3, #national-cycling-routes .mx-n3 { margin-right: -1rem !important; } #national-cycling-routes .mb-n3, #national-cycling-routes .my-n3 { margin-bottom: -1rem !important; } #national-cycling-routes .ml-n3, #national-cycling-routes .mx-n3 { margin-left: -1rem !important; } #national-cycling-routes .m-n4 { margin: -1.5rem !important; } #national-cycling-routes .mt-n4, #national-cycling-routes .my-n4 { margin-top: -1.5rem !important; } #national-cycling-routes .mr-n4, #national-cycling-routes .mx-n4 { margin-right: -1.5rem !important; } #national-cycling-routes .mb-n4, #national-cycling-routes .my-n4 { margin-bottom: -1.5rem !important; } #national-cycling-routes .ml-n4, #national-cycling-routes .mx-n4 { margin-left: -1.5rem !important; } #national-cycling-routes .m-n5 { margin: -2rem !important; } #national-cycling-routes .mt-n5, #national-cycling-routes .my-n5 { margin-top: -2rem !important; } #national-cycling-routes .mr-n5, #national-cycling-routes .mx-n5 { margin-right: -2rem !important; } #national-cycling-routes .mb-n5, #national-cycling-routes .my-n5 { margin-bottom: -2rem !important; } #national-cycling-routes .ml-n5, #national-cycling-routes .mx-n5 { margin-left: -2rem !important; } #national-cycling-routes .m-n6 { margin: -2.5rem !important; } #national-cycling-routes .mt-n6, #national-cycling-routes .my-n6 { margin-top: -2.5rem !important; } #national-cycling-routes .mr-n6, #national-cycling-routes .mx-n6 { margin-right: -2.5rem !important; } #national-cycling-routes .mb-n6, #national-cycling-routes .my-n6 { margin-bottom: -2.5rem !important; } #national-cycling-routes .ml-n6, #national-cycling-routes .mx-n6 { margin-left: -2.5rem !important; } #national-cycling-routes .m-n7 { margin: -3rem !important; } #national-cycling-routes .mt-n7, #national-cycling-routes .my-n7 { margin-top: -3rem !important; } #national-cycling-routes .mr-n7, #national-cycling-routes .mx-n7 { margin-right: -3rem !important; } #national-cycling-routes .mb-n7, #national-cycling-routes .my-n7 { margin-bottom: -3rem !important; } #national-cycling-routes .ml-n7, #national-cycling-routes .mx-n7 { margin-left: -3rem !important; } #national-cycling-routes .m-n8 { margin: -3.5rem !important; } #national-cycling-routes .mt-n8, #national-cycling-routes .my-n8 { margin-top: -3.5rem !important; } #national-cycling-routes .mr-n8, #national-cycling-routes .mx-n8 { margin-right: -3.5rem !important; } #national-cycling-routes .mb-n8, #national-cycling-routes .my-n8 { margin-bottom: -3.5rem !important; } #national-cycling-routes .ml-n8, #national-cycling-routes .mx-n8 { margin-left: -3.5rem !important; } #national-cycling-routes .m-n10 { margin: -6rem !important; } #national-cycling-routes .mt-n10, #national-cycling-routes .my-n10 { margin-top: -6rem !important; } #national-cycling-routes .mr-n10, #national-cycling-routes .mx-n10 { margin-right: -6rem !important; } #national-cycling-routes .mb-n10, #national-cycling-routes .my-n10 { margin-bottom: -6rem !important; } #national-cycling-routes .ml-n10, #national-cycling-routes .mx-n10 { margin-left: -6rem !important; } #national-cycling-routes .m-auto { margin: auto !important; } #national-cycling-routes .mt-auto, #national-cycling-routes .my-auto { margin-top: auto !important; } #national-cycling-routes .mr-auto, #national-cycling-routes .mx-auto { margin-right: auto !important; } #national-cycling-routes .mb-auto, #national-cycling-routes .my-auto { margin-bottom: auto !important; } #national-cycling-routes .ml-auto, #national-cycling-routes .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { #national-cycling-routes .m-sm-0 { margin: 0 !important; } #national-cycling-routes .mt-sm-0, #national-cycling-routes .my-sm-0 { margin-top: 0 !important; } #national-cycling-routes .mr-sm-0, #national-cycling-routes .mx-sm-0 { margin-right: 0 !important; } #national-cycling-routes .mb-sm-0, #national-cycling-routes .my-sm-0 { margin-bottom: 0 !important; } #national-cycling-routes .ml-sm-0, #national-cycling-routes .mx-sm-0 { margin-left: 0 !important; } #national-cycling-routes .m-sm-1 { margin: 0.25rem !important; } #national-cycling-routes .mt-sm-1, #national-cycling-routes .my-sm-1 { margin-top: 0.25rem !important; } #national-cycling-routes .mr-sm-1, #national-cycling-routes .mx-sm-1 { margin-right: 0.25rem !important; } #national-cycling-routes .mb-sm-1, #national-cycling-routes .my-sm-1 { margin-bottom: 0.25rem !important; } #national-cycling-routes .ml-sm-1, #national-cycling-routes .mx-sm-1 { margin-left: 0.25rem !important; } #national-cycling-routes .m-sm-2 { margin: 0.5rem !important; } #national-cycling-routes .mt-sm-2, #national-cycling-routes .my-sm-2 { margin-top: 0.5rem !important; } #national-cycling-routes .mr-sm-2, #national-cycling-routes .mx-sm-2 { margin-right: 0.5rem !important; } #national-cycling-routes .mb-sm-2, #national-cycling-routes .my-sm-2 { margin-bottom: 0.5rem !important; } #national-cycling-routes .ml-sm-2, #national-cycling-routes .mx-sm-2 { margin-left: 0.5rem !important; } #national-cycling-routes .m-sm-3 { margin: 1rem !important; } #national-cycling-routes .mt-sm-3, #national-cycling-routes .my-sm-3 { margin-top: 1rem !important; } #national-cycling-routes .mr-sm-3, #national-cycling-routes .mx-sm-3 { margin-right: 1rem !important; } #national-cycling-routes .mb-sm-3, #national-cycling-routes .my-sm-3 { margin-bottom: 1rem !important; } #national-cycling-routes .ml-sm-3, #national-cycling-routes .mx-sm-3 { margin-left: 1rem !important; } #national-cycling-routes .m-sm-4 { margin: 1.5rem !important; } #national-cycling-routes .mt-sm-4, #national-cycling-routes .my-sm-4 { margin-top: 1.5rem !important; } #national-cycling-routes .mr-sm-4, #national-cycling-routes .mx-sm-4 { margin-right: 1.5rem !important; } #national-cycling-routes .mb-sm-4, #national-cycling-routes .my-sm-4 { margin-bottom: 1.5rem !important; } #national-cycling-routes .ml-sm-4, #national-cycling-routes .mx-sm-4 { margin-left: 1.5rem !important; } #national-cycling-routes .m-sm-5 { margin: 2rem !important; } #national-cycling-routes .mt-sm-5, #national-cycling-routes .my-sm-5 { margin-top: 2rem !important; } #national-cycling-routes .mr-sm-5, #national-cycling-routes .mx-sm-5 { margin-right: 2rem !important; } #national-cycling-routes .mb-sm-5, #national-cycling-routes .my-sm-5 { margin-bottom: 2rem !important; } #national-cycling-routes .ml-sm-5, #national-cycling-routes .mx-sm-5 { margin-left: 2rem !important; } #national-cycling-routes .m-sm-6 { margin: 2.5rem !important; } #national-cycling-routes .mt-sm-6, #national-cycling-routes .my-sm-6 { margin-top: 2.5rem !important; } #national-cycling-routes .mr-sm-6, #national-cycling-routes .mx-sm-6 { margin-right: 2.5rem !important; } #national-cycling-routes .mb-sm-6, #national-cycling-routes .my-sm-6 { margin-bottom: 2.5rem !important; } #national-cycling-routes .ml-sm-6, #national-cycling-routes .mx-sm-6 { margin-left: 2.5rem !important; } #national-cycling-routes .m-sm-7 { margin: 3rem !important; } #national-cycling-routes .mt-sm-7, #national-cycling-routes .my-sm-7 { margin-top: 3rem !important; } #national-cycling-routes .mr-sm-7, #national-cycling-routes .mx-sm-7 { margin-right: 3rem !important; } #national-cycling-routes .mb-sm-7, #national-cycling-routes .my-sm-7 { margin-bottom: 3rem !important; } #national-cycling-routes .ml-sm-7, #national-cycling-routes .mx-sm-7 { margin-left: 3rem !important; } #national-cycling-routes .m-sm-8 { margin: 3.5rem !important; } #national-cycling-routes .mt-sm-8, #national-cycling-routes .my-sm-8 { margin-top: 3.5rem !important; } #national-cycling-routes .mr-sm-8, #national-cycling-routes .mx-sm-8 { margin-right: 3.5rem !important; } #national-cycling-routes .mb-sm-8, #national-cycling-routes .my-sm-8 { margin-bottom: 3.5rem !important; } #national-cycling-routes .ml-sm-8, #national-cycling-routes .mx-sm-8 { margin-left: 3.5rem !important; } #national-cycling-routes .m-sm-10 { margin: 6rem !important; } #national-cycling-routes .mt-sm-10, #national-cycling-routes .my-sm-10 { margin-top: 6rem !important; } #national-cycling-routes .mr-sm-10, #national-cycling-routes .mx-sm-10 { margin-right: 6rem !important; } #national-cycling-routes .mb-sm-10, #national-cycling-routes .my-sm-10 { margin-bottom: 6rem !important; } #national-cycling-routes .ml-sm-10, #national-cycling-routes .mx-sm-10 { margin-left: 6rem !important; } #national-cycling-routes .p-sm-0 { padding: 0 !important; } #national-cycling-routes .pt-sm-0, #national-cycling-routes .py-sm-0 { padding-top: 0 !important; } #national-cycling-routes .pr-sm-0, #national-cycling-routes .px-sm-0 { padding-right: 0 !important; } #national-cycling-routes .pb-sm-0, #national-cycling-routes .py-sm-0 { padding-bottom: 0 !important; } #national-cycling-routes .pl-sm-0, #national-cycling-routes .px-sm-0 { padding-left: 0 !important; } #national-cycling-routes .p-sm-1 { padding: 0.25rem !important; } #national-cycling-routes .pt-sm-1, #national-cycling-routes .py-sm-1 { padding-top: 0.25rem !important; } #national-cycling-routes .pr-sm-1, #national-cycling-routes .px-sm-1 { padding-right: 0.25rem !important; } #national-cycling-routes .pb-sm-1, #national-cycling-routes .py-sm-1 { padding-bottom: 0.25rem !important; } #national-cycling-routes .pl-sm-1, #national-cycling-routes .px-sm-1 { padding-left: 0.25rem !important; } #national-cycling-routes .p-sm-2 { padding: 0.5rem !important; } #national-cycling-routes .pt-sm-2, #national-cycling-routes .py-sm-2 { padding-top: 0.5rem !important; } #national-cycling-routes .pr-sm-2, #national-cycling-routes .px-sm-2 { padding-right: 0.5rem !important; } #national-cycling-routes .pb-sm-2, #national-cycling-routes .py-sm-2 { padding-bottom: 0.5rem !important; } #national-cycling-routes .pl-sm-2, #national-cycling-routes .px-sm-2 { padding-left: 0.5rem !important; } #national-cycling-routes .p-sm-3 { padding: 1rem !important; } #national-cycling-routes .pt-sm-3, #national-cycling-routes .py-sm-3 { padding-top: 1rem !important; } #national-cycling-routes .pr-sm-3, #national-cycling-routes .px-sm-3 { padding-right: 1rem !important; } #national-cycling-routes .pb-sm-3, #national-cycling-routes .py-sm-3 { padding-bottom: 1rem !important; } #national-cycling-routes .pl-sm-3, #national-cycling-routes .px-sm-3 { padding-left: 1rem !important; } #national-cycling-routes .p-sm-4 { padding: 1.5rem !important; } #national-cycling-routes .pt-sm-4, #national-cycling-routes .py-sm-4 { padding-top: 1.5rem !important; } #national-cycling-routes .pr-sm-4, #national-cycling-routes .px-sm-4 { padding-right: 1.5rem !important; } #national-cycling-routes .pb-sm-4, #national-cycling-routes .py-sm-4 { padding-bottom: 1.5rem !important; } #national-cycling-routes .pl-sm-4, #national-cycling-routes .px-sm-4 { padding-left: 1.5rem !important; } #national-cycling-routes .p-sm-5 { padding: 2rem !important; } #national-cycling-routes .pt-sm-5, #national-cycling-routes .py-sm-5 { padding-top: 2rem !important; } #national-cycling-routes .pr-sm-5, #national-cycling-routes .px-sm-5 { padding-right: 2rem !important; } #national-cycling-routes .pb-sm-5, #national-cycling-routes .py-sm-5 { padding-bottom: 2rem !important; } #national-cycling-routes .pl-sm-5, #national-cycling-routes .px-sm-5 { padding-left: 2rem !important; } #national-cycling-routes .p-sm-6 { padding: 2.5rem !important; } #national-cycling-routes .pt-sm-6, #national-cycling-routes .py-sm-6 { padding-top: 2.5rem !important; } #national-cycling-routes .pr-sm-6, #national-cycling-routes .px-sm-6 { padding-right: 2.5rem !important; } #national-cycling-routes .pb-sm-6, #national-cycling-routes .py-sm-6 { padding-bottom: 2.5rem !important; } #national-cycling-routes .pl-sm-6, #national-cycling-routes .px-sm-6 { padding-left: 2.5rem !important; } #national-cycling-routes .p-sm-7 { padding: 3rem !important; } #national-cycling-routes .pt-sm-7, #national-cycling-routes .py-sm-7 { padding-top: 3rem !important; } #national-cycling-routes .pr-sm-7, #national-cycling-routes .px-sm-7 { padding-right: 3rem !important; } #national-cycling-routes .pb-sm-7, #national-cycling-routes .py-sm-7 { padding-bottom: 3rem !important; } #national-cycling-routes .pl-sm-7, #national-cycling-routes .px-sm-7 { padding-left: 3rem !important; } #national-cycling-routes .p-sm-8 { padding: 3.5rem !important; } #national-cycling-routes .pt-sm-8, #national-cycling-routes .py-sm-8 { padding-top: 3.5rem !important; } #national-cycling-routes .pr-sm-8, #national-cycling-routes .px-sm-8 { padding-right: 3.5rem !important; } #national-cycling-routes .pb-sm-8, #national-cycling-routes .py-sm-8 { padding-bottom: 3.5rem !important; } #national-cycling-routes .pl-sm-8, #national-cycling-routes .px-sm-8 { padding-left: 3.5rem !important; } #national-cycling-routes .p-sm-10 { padding: 6rem !important; } #national-cycling-routes .pt-sm-10, #national-cycling-routes .py-sm-10 { padding-top: 6rem !important; } #national-cycling-routes .pr-sm-10, #national-cycling-routes .px-sm-10 { padding-right: 6rem !important; } #national-cycling-routes .pb-sm-10, #national-cycling-routes .py-sm-10 { padding-bottom: 6rem !important; } #national-cycling-routes .pl-sm-10, #national-cycling-routes .px-sm-10 { padding-left: 6rem !important; } #national-cycling-routes .m-sm-n1 { margin: -0.25rem !important; } #national-cycling-routes .mt-sm-n1, #national-cycling-routes .my-sm-n1 { margin-top: -0.25rem !important; } #national-cycling-routes .mr-sm-n1, #national-cycling-routes .mx-sm-n1 { margin-right: -0.25rem !important; } #national-cycling-routes .mb-sm-n1, #national-cycling-routes .my-sm-n1 { margin-bottom: -0.25rem !important; } #national-cycling-routes .ml-sm-n1, #national-cycling-routes .mx-sm-n1 { margin-left: -0.25rem !important; } #national-cycling-routes .m-sm-n2 { margin: -0.5rem !important; } #national-cycling-routes .mt-sm-n2, #national-cycling-routes .my-sm-n2 { margin-top: -0.5rem !important; } #national-cycling-routes .mr-sm-n2, #national-cycling-routes .mx-sm-n2 { margin-right: -0.5rem !important; } #national-cycling-routes .mb-sm-n2, #national-cycling-routes .my-sm-n2 { margin-bottom: -0.5rem !important; } #national-cycling-routes .ml-sm-n2, #national-cycling-routes .mx-sm-n2 { margin-left: -0.5rem !important; } #national-cycling-routes .m-sm-n3 { margin: -1rem !important; } #national-cycling-routes .mt-sm-n3, #national-cycling-routes .my-sm-n3 { margin-top: -1rem !important; } #national-cycling-routes .mr-sm-n3, #national-cycling-routes .mx-sm-n3 { margin-right: -1rem !important; } #national-cycling-routes .mb-sm-n3, #national-cycling-routes .my-sm-n3 { margin-bottom: -1rem !important; } #national-cycling-routes .ml-sm-n3, #national-cycling-routes .mx-sm-n3 { margin-left: -1rem !important; } #national-cycling-routes .m-sm-n4 { margin: -1.5rem !important; } #national-cycling-routes .mt-sm-n4, #national-cycling-routes .my-sm-n4 { margin-top: -1.5rem !important; } #national-cycling-routes .mr-sm-n4, #national-cycling-routes .mx-sm-n4 { margin-right: -1.5rem !important; } #national-cycling-routes .mb-sm-n4, #national-cycling-routes .my-sm-n4 { margin-bottom: -1.5rem !important; } #national-cycling-routes .ml-sm-n4, #national-cycling-routes .mx-sm-n4 { margin-left: -1.5rem !important; } #national-cycling-routes .m-sm-n5 { margin: -2rem !important; } #national-cycling-routes .mt-sm-n5, #national-cycling-routes .my-sm-n5 { margin-top: -2rem !important; } #national-cycling-routes .mr-sm-n5, #national-cycling-routes .mx-sm-n5 { margin-right: -2rem !important; } #national-cycling-routes .mb-sm-n5, #national-cycling-routes .my-sm-n5 { margin-bottom: -2rem !important; } #national-cycling-routes .ml-sm-n5, #national-cycling-routes .mx-sm-n5 { margin-left: -2rem !important; } #national-cycling-routes .m-sm-n6 { margin: -2.5rem !important; } #national-cycling-routes .mt-sm-n6, #national-cycling-routes .my-sm-n6 { margin-top: -2.5rem !important; } #national-cycling-routes .mr-sm-n6, #national-cycling-routes .mx-sm-n6 { margin-right: -2.5rem !important; } #national-cycling-routes .mb-sm-n6, #national-cycling-routes .my-sm-n6 { margin-bottom: -2.5rem !important; } #national-cycling-routes .ml-sm-n6, #national-cycling-routes .mx-sm-n6 { margin-left: -2.5rem !important; } #national-cycling-routes .m-sm-n7 { margin: -3rem !important; } #national-cycling-routes .mt-sm-n7, #national-cycling-routes .my-sm-n7 { margin-top: -3rem !important; } #national-cycling-routes .mr-sm-n7, #national-cycling-routes .mx-sm-n7 { margin-right: -3rem !important; } #national-cycling-routes .mb-sm-n7, #national-cycling-routes .my-sm-n7 { margin-bottom: -3rem !important; } #national-cycling-routes .ml-sm-n7, #national-cycling-routes .mx-sm-n7 { margin-left: -3rem !important; } #national-cycling-routes .m-sm-n8 { margin: -3.5rem !important; } #national-cycling-routes .mt-sm-n8, #national-cycling-routes .my-sm-n8 { margin-top: -3.5rem !important; } #national-cycling-routes .mr-sm-n8, #national-cycling-routes .mx-sm-n8 { margin-right: -3.5rem !important; } #national-cycling-routes .mb-sm-n8, #national-cycling-routes .my-sm-n8 { margin-bottom: -3.5rem !important; } #national-cycling-routes .ml-sm-n8, #national-cycling-routes .mx-sm-n8 { margin-left: -3.5rem !important; } #national-cycling-routes .m-sm-n10 { margin: -6rem !important; } #national-cycling-routes .mt-sm-n10, #national-cycling-routes .my-sm-n10 { margin-top: -6rem !important; } #national-cycling-routes .mr-sm-n10, #national-cycling-routes .mx-sm-n10 { margin-right: -6rem !important; } #national-cycling-routes .mb-sm-n10, #national-cycling-routes .my-sm-n10 { margin-bottom: -6rem !important; } #national-cycling-routes .ml-sm-n10, #national-cycling-routes .mx-sm-n10 { margin-left: -6rem !important; } #national-cycling-routes .m-sm-auto { margin: auto !important; } #national-cycling-routes .mt-sm-auto, #national-cycling-routes .my-sm-auto { margin-top: auto !important; } #national-cycling-routes .mr-sm-auto, #national-cycling-routes .mx-sm-auto { margin-right: auto !important; } #national-cycling-routes .mb-sm-auto, #national-cycling-routes .my-sm-auto { margin-bottom: auto !important; } #national-cycling-routes .ml-sm-auto, #national-cycling-routes .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { #national-cycling-routes .m-md-0 { margin: 0 !important; } #national-cycling-routes .mt-md-0, #national-cycling-routes .my-md-0 { margin-top: 0 !important; } #national-cycling-routes .mr-md-0, #national-cycling-routes .mx-md-0 { margin-right: 0 !important; } #national-cycling-routes .mb-md-0, #national-cycling-routes .my-md-0 { margin-bottom: 0 !important; } #national-cycling-routes .ml-md-0, #national-cycling-routes .mx-md-0 { margin-left: 0 !important; } #national-cycling-routes .m-md-1 { margin: 0.25rem !important; } #national-cycling-routes .mt-md-1, #national-cycling-routes .my-md-1 { margin-top: 0.25rem !important; } #national-cycling-routes .mr-md-1, #national-cycling-routes .mx-md-1 { margin-right: 0.25rem !important; } #national-cycling-routes .mb-md-1, #national-cycling-routes .my-md-1 { margin-bottom: 0.25rem !important; } #national-cycling-routes .ml-md-1, #national-cycling-routes .mx-md-1 { margin-left: 0.25rem !important; } #national-cycling-routes .m-md-2 { margin: 0.5rem !important; } #national-cycling-routes .mt-md-2, #national-cycling-routes .my-md-2 { margin-top: 0.5rem !important; } #national-cycling-routes .mr-md-2, #national-cycling-routes .mx-md-2 { margin-right: 0.5rem !important; } #national-cycling-routes .mb-md-2, #national-cycling-routes .my-md-2 { margin-bottom: 0.5rem !important; } #national-cycling-routes .ml-md-2, #national-cycling-routes .mx-md-2 { margin-left: 0.5rem !important; } #national-cycling-routes .m-md-3 { margin: 1rem !important; } #national-cycling-routes .mt-md-3, #national-cycling-routes .my-md-3 { margin-top: 1rem !important; } #national-cycling-routes .mr-md-3, #national-cycling-routes .mx-md-3 { margin-right: 1rem !important; } #national-cycling-routes .mb-md-3, #national-cycling-routes .my-md-3 { margin-bottom: 1rem !important; } #national-cycling-routes .ml-md-3, #national-cycling-routes .mx-md-3 { margin-left: 1rem !important; } #national-cycling-routes .m-md-4 { margin: 1.5rem !important; } #national-cycling-routes .mt-md-4, #national-cycling-routes .my-md-4 { margin-top: 1.5rem !important; } #national-cycling-routes .mr-md-4, #national-cycling-routes .mx-md-4 { margin-right: 1.5rem !important; } #national-cycling-routes .mb-md-4, #national-cycling-routes .my-md-4 { margin-bottom: 1.5rem !important; } #national-cycling-routes .ml-md-4, #national-cycling-routes .mx-md-4 { margin-left: 1.5rem !important; } #national-cycling-routes .m-md-5 { margin: 2rem !important; } #national-cycling-routes .mt-md-5, #national-cycling-routes .my-md-5 { margin-top: 2rem !important; } #national-cycling-routes .mr-md-5, #national-cycling-routes .mx-md-5 { margin-right: 2rem !important; } #national-cycling-routes .mb-md-5, #national-cycling-routes .my-md-5 { margin-bottom: 2rem !important; } #national-cycling-routes .ml-md-5, #national-cycling-routes .mx-md-5 { margin-left: 2rem !important; } #national-cycling-routes .m-md-6 { margin: 2.5rem !important; } #national-cycling-routes .mt-md-6, #national-cycling-routes .my-md-6 { margin-top: 2.5rem !important; } #national-cycling-routes .mr-md-6, #national-cycling-routes .mx-md-6 { margin-right: 2.5rem !important; } #national-cycling-routes .mb-md-6, #national-cycling-routes .my-md-6 { margin-bottom: 2.5rem !important; } #national-cycling-routes .ml-md-6, #national-cycling-routes .mx-md-6 { margin-left: 2.5rem !important; } #national-cycling-routes .m-md-7 { margin: 3rem !important; } #national-cycling-routes .mt-md-7, #national-cycling-routes .my-md-7 { margin-top: 3rem !important; } #national-cycling-routes .mr-md-7, #national-cycling-routes .mx-md-7 { margin-right: 3rem !important; } #national-cycling-routes .mb-md-7, #national-cycling-routes .my-md-7 { margin-bottom: 3rem !important; } #national-cycling-routes .ml-md-7, #national-cycling-routes .mx-md-7 { margin-left: 3rem !important; } #national-cycling-routes .m-md-8 { margin: 3.5rem !important; } #national-cycling-routes .mt-md-8, #national-cycling-routes .my-md-8 { margin-top: 3.5rem !important; } #national-cycling-routes .mr-md-8, #national-cycling-routes .mx-md-8 { margin-right: 3.5rem !important; } #national-cycling-routes .mb-md-8, #national-cycling-routes .my-md-8 { margin-bottom: 3.5rem !important; } #national-cycling-routes .ml-md-8, #national-cycling-routes .mx-md-8 { margin-left: 3.5rem !important; } #national-cycling-routes .m-md-10 { margin: 6rem !important; } #national-cycling-routes .mt-md-10, #national-cycling-routes .my-md-10 { margin-top: 6rem !important; } #national-cycling-routes .mr-md-10, #national-cycling-routes .mx-md-10 { margin-right: 6rem !important; } #national-cycling-routes .mb-md-10, #national-cycling-routes .my-md-10 { margin-bottom: 6rem !important; } #national-cycling-routes .ml-md-10, #national-cycling-routes .mx-md-10 { margin-left: 6rem !important; } #national-cycling-routes .p-md-0 { padding: 0 !important; } #national-cycling-routes .pt-md-0, #national-cycling-routes .py-md-0 { padding-top: 0 !important; } #national-cycling-routes .pr-md-0, #national-cycling-routes .px-md-0 { padding-right: 0 !important; } #national-cycling-routes .pb-md-0, #national-cycling-routes .py-md-0 { padding-bottom: 0 !important; } #national-cycling-routes .pl-md-0, #national-cycling-routes .px-md-0 { padding-left: 0 !important; } #national-cycling-routes .p-md-1 { padding: 0.25rem !important; } #national-cycling-routes .pt-md-1, #national-cycling-routes .py-md-1 { padding-top: 0.25rem !important; } #national-cycling-routes .pr-md-1, #national-cycling-routes .px-md-1 { padding-right: 0.25rem !important; } #national-cycling-routes .pb-md-1, #national-cycling-routes .py-md-1 { padding-bottom: 0.25rem !important; } #national-cycling-routes .pl-md-1, #national-cycling-routes .px-md-1 { padding-left: 0.25rem !important; } #national-cycling-routes .p-md-2 { padding: 0.5rem !important; } #national-cycling-routes .pt-md-2, #national-cycling-routes .py-md-2 { padding-top: 0.5rem !important; } #national-cycling-routes .pr-md-2, #national-cycling-routes .px-md-2 { padding-right: 0.5rem !important; } #national-cycling-routes .pb-md-2, #national-cycling-routes .py-md-2 { padding-bottom: 0.5rem !important; } #national-cycling-routes .pl-md-2, #national-cycling-routes .px-md-2 { padding-left: 0.5rem !important; } #national-cycling-routes .p-md-3 { padding: 1rem !important; } #national-cycling-routes .pt-md-3, #national-cycling-routes .py-md-3 { padding-top: 1rem !important; } #national-cycling-routes .pr-md-3, #national-cycling-routes .px-md-3 { padding-right: 1rem !important; } #national-cycling-routes .pb-md-3, #national-cycling-routes .py-md-3 { padding-bottom: 1rem !important; } #national-cycling-routes .pl-md-3, #national-cycling-routes .px-md-3 { padding-left: 1rem !important; } #national-cycling-routes .p-md-4 { padding: 1.5rem !important; } #national-cycling-routes .pt-md-4, #national-cycling-routes .py-md-4 { padding-top: 1.5rem !important; } #national-cycling-routes .pr-md-4, #national-cycling-routes .px-md-4 { padding-right: 1.5rem !important; } #national-cycling-routes .pb-md-4, #national-cycling-routes .py-md-4 { padding-bottom: 1.5rem !important; } #national-cycling-routes .pl-md-4, #national-cycling-routes .px-md-4 { padding-left: 1.5rem !important; } #national-cycling-routes .p-md-5 { padding: 2rem !important; } #national-cycling-routes .pt-md-5, #national-cycling-routes .py-md-5 { padding-top: 2rem !important; } #national-cycling-routes .pr-md-5, #national-cycling-routes .px-md-5 { padding-right: 2rem !important; } #national-cycling-routes .pb-md-5, #national-cycling-routes .py-md-5 { padding-bottom: 2rem !important; } #national-cycling-routes .pl-md-5, #national-cycling-routes .px-md-5 { padding-left: 2rem !important; } #national-cycling-routes .p-md-6 { padding: 2.5rem !important; } #national-cycling-routes .pt-md-6, #national-cycling-routes .py-md-6 { padding-top: 2.5rem !important; } #national-cycling-routes .pr-md-6, #national-cycling-routes .px-md-6 { padding-right: 2.5rem !important; } #national-cycling-routes .pb-md-6, #national-cycling-routes .py-md-6 { padding-bottom: 2.5rem !important; } #national-cycling-routes .pl-md-6, #national-cycling-routes .px-md-6 { padding-left: 2.5rem !important; } #national-cycling-routes .p-md-7 { padding: 3rem !important; } #national-cycling-routes .pt-md-7, #national-cycling-routes .py-md-7 { padding-top: 3rem !important; } #national-cycling-routes .pr-md-7, #national-cycling-routes .px-md-7 { padding-right: 3rem !important; } #national-cycling-routes .pb-md-7, #national-cycling-routes .py-md-7 { padding-bottom: 3rem !important; } #national-cycling-routes .pl-md-7, #national-cycling-routes .px-md-7 { padding-left: 3rem !important; } #national-cycling-routes .p-md-8 { padding: 3.5rem !important; } #national-cycling-routes .pt-md-8, #national-cycling-routes .py-md-8 { padding-top: 3.5rem !important; } #national-cycling-routes .pr-md-8, #national-cycling-routes .px-md-8 { padding-right: 3.5rem !important; } #national-cycling-routes .pb-md-8, #national-cycling-routes .py-md-8 { padding-bottom: 3.5rem !important; } #national-cycling-routes .pl-md-8, #national-cycling-routes .px-md-8 { padding-left: 3.5rem !important; } #national-cycling-routes .p-md-10 { padding: 6rem !important; } #national-cycling-routes .pt-md-10, #national-cycling-routes .py-md-10 { padding-top: 6rem !important; } #national-cycling-routes .pr-md-10, #national-cycling-routes .px-md-10 { padding-right: 6rem !important; } #national-cycling-routes .pb-md-10, #national-cycling-routes .py-md-10 { padding-bottom: 6rem !important; } #national-cycling-routes .pl-md-10, #national-cycling-routes .px-md-10 { padding-left: 6rem !important; } #national-cycling-routes .m-md-n1 { margin: -0.25rem !important; } #national-cycling-routes .mt-md-n1, #national-cycling-routes .my-md-n1 { margin-top: -0.25rem !important; } #national-cycling-routes .mr-md-n1, #national-cycling-routes .mx-md-n1 { margin-right: -0.25rem !important; } #national-cycling-routes .mb-md-n1, #national-cycling-routes .my-md-n1 { margin-bottom: -0.25rem !important; } #national-cycling-routes .ml-md-n1, #national-cycling-routes .mx-md-n1 { margin-left: -0.25rem !important; } #national-cycling-routes .m-md-n2 { margin: -0.5rem !important; } #national-cycling-routes .mt-md-n2, #national-cycling-routes .my-md-n2 { margin-top: -0.5rem !important; } #national-cycling-routes .mr-md-n2, #national-cycling-routes .mx-md-n2 { margin-right: -0.5rem !important; } #national-cycling-routes .mb-md-n2, #national-cycling-routes .my-md-n2 { margin-bottom: -0.5rem !important; } #national-cycling-routes .ml-md-n2, #national-cycling-routes .mx-md-n2 { margin-left: -0.5rem !important; } #national-cycling-routes .m-md-n3 { margin: -1rem !important; } #national-cycling-routes .mt-md-n3, #national-cycling-routes .my-md-n3 { margin-top: -1rem !important; } #national-cycling-routes .mr-md-n3, #national-cycling-routes .mx-md-n3 { margin-right: -1rem !important; } #national-cycling-routes .mb-md-n3, #national-cycling-routes .my-md-n3 { margin-bottom: -1rem !important; } #national-cycling-routes .ml-md-n3, #national-cycling-routes .mx-md-n3 { margin-left: -1rem !important; } #national-cycling-routes .m-md-n4 { margin: -1.5rem !important; } #national-cycling-routes .mt-md-n4, #national-cycling-routes .my-md-n4 { margin-top: -1.5rem !important; } #national-cycling-routes .mr-md-n4, #national-cycling-routes .mx-md-n4 { margin-right: -1.5rem !important; } #national-cycling-routes .mb-md-n4, #national-cycling-routes .my-md-n4 { margin-bottom: -1.5rem !important; } #national-cycling-routes .ml-md-n4, #national-cycling-routes .mx-md-n4 { margin-left: -1.5rem !important; } #national-cycling-routes .m-md-n5 { margin: -2rem !important; } #national-cycling-routes .mt-md-n5, #national-cycling-routes .my-md-n5 { margin-top: -2rem !important; } #national-cycling-routes .mr-md-n5, #national-cycling-routes .mx-md-n5 { margin-right: -2rem !important; } #national-cycling-routes .mb-md-n5, #national-cycling-routes .my-md-n5 { margin-bottom: -2rem !important; } #national-cycling-routes .ml-md-n5, #national-cycling-routes .mx-md-n5 { margin-left: -2rem !important; } #national-cycling-routes .m-md-n6 { margin: -2.5rem !important; } #national-cycling-routes .mt-md-n6, #national-cycling-routes .my-md-n6 { margin-top: -2.5rem !important; } #national-cycling-routes .mr-md-n6, #national-cycling-routes .mx-md-n6 { margin-right: -2.5rem !important; } #national-cycling-routes .mb-md-n6, #national-cycling-routes .my-md-n6 { margin-bottom: -2.5rem !important; } #national-cycling-routes .ml-md-n6, #national-cycling-routes .mx-md-n6 { margin-left: -2.5rem !important; } #national-cycling-routes .m-md-n7 { margin: -3rem !important; } #national-cycling-routes .mt-md-n7, #national-cycling-routes .my-md-n7 { margin-top: -3rem !important; } #national-cycling-routes .mr-md-n7, #national-cycling-routes .mx-md-n7 { margin-right: -3rem !important; } #national-cycling-routes .mb-md-n7, #national-cycling-routes .my-md-n7 { margin-bottom: -3rem !important; } #national-cycling-routes .ml-md-n7, #national-cycling-routes .mx-md-n7 { margin-left: -3rem !important; } #national-cycling-routes .m-md-n8 { margin: -3.5rem !important; } #national-cycling-routes .mt-md-n8, #national-cycling-routes .my-md-n8 { margin-top: -3.5rem !important; } #national-cycling-routes .mr-md-n8, #national-cycling-routes .mx-md-n8 { margin-right: -3.5rem !important; } #national-cycling-routes .mb-md-n8, #national-cycling-routes .my-md-n8 { margin-bottom: -3.5rem !important; } #national-cycling-routes .ml-md-n8, #national-cycling-routes .mx-md-n8 { margin-left: -3.5rem !important; } #national-cycling-routes .m-md-n10 { margin: -6rem !important; } #national-cycling-routes .mt-md-n10, #national-cycling-routes .my-md-n10 { margin-top: -6rem !important; } #national-cycling-routes .mr-md-n10, #national-cycling-routes .mx-md-n10 { margin-right: -6rem !important; } #national-cycling-routes .mb-md-n10, #national-cycling-routes .my-md-n10 { margin-bottom: -6rem !important; } #national-cycling-routes .ml-md-n10, #national-cycling-routes .mx-md-n10 { margin-left: -6rem !important; } #national-cycling-routes .m-md-auto { margin: auto !important; } #national-cycling-routes .mt-md-auto, #national-cycling-routes .my-md-auto { margin-top: auto !important; } #national-cycling-routes .mr-md-auto, #national-cycling-routes .mx-md-auto { margin-right: auto !important; } #national-cycling-routes .mb-md-auto, #national-cycling-routes .my-md-auto { margin-bottom: auto !important; } #national-cycling-routes .ml-md-auto, #national-cycling-routes .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { #national-cycling-routes .m-lg-0 { margin: 0 !important; } #national-cycling-routes .mt-lg-0, #national-cycling-routes .my-lg-0 { margin-top: 0 !important; } #national-cycling-routes .mr-lg-0, #national-cycling-routes .mx-lg-0 { margin-right: 0 !important; } #national-cycling-routes .mb-lg-0, #national-cycling-routes .my-lg-0 { margin-bottom: 0 !important; } #national-cycling-routes .ml-lg-0, #national-cycling-routes .mx-lg-0 { margin-left: 0 !important; } #national-cycling-routes .m-lg-1 { margin: 0.25rem !important; } #national-cycling-routes .mt-lg-1, #national-cycling-routes .my-lg-1 { margin-top: 0.25rem !important; } #national-cycling-routes .mr-lg-1, #national-cycling-routes .mx-lg-1 { margin-right: 0.25rem !important; } #national-cycling-routes .mb-lg-1, #national-cycling-routes .my-lg-1 { margin-bottom: 0.25rem !important; } #national-cycling-routes .ml-lg-1, #national-cycling-routes .mx-lg-1 { margin-left: 0.25rem !important; } #national-cycling-routes .m-lg-2 { margin: 0.5rem !important; } #national-cycling-routes .mt-lg-2, #national-cycling-routes .my-lg-2 { margin-top: 0.5rem !important; } #national-cycling-routes .mr-lg-2, #national-cycling-routes .mx-lg-2 { margin-right: 0.5rem !important; } #national-cycling-routes .mb-lg-2, #national-cycling-routes .my-lg-2 { margin-bottom: 0.5rem !important; } #national-cycling-routes .ml-lg-2, #national-cycling-routes .mx-lg-2 { margin-left: 0.5rem !important; } #national-cycling-routes .m-lg-3 { margin: 1rem !important; } #national-cycling-routes .mt-lg-3, #national-cycling-routes .my-lg-3 { margin-top: 1rem !important; } #national-cycling-routes .mr-lg-3, #national-cycling-routes .mx-lg-3 { margin-right: 1rem !important; } #national-cycling-routes .mb-lg-3, #national-cycling-routes .my-lg-3 { margin-bottom: 1rem !important; } #national-cycling-routes .ml-lg-3, #national-cycling-routes .mx-lg-3 { margin-left: 1rem !important; } #national-cycling-routes .m-lg-4 { margin: 1.5rem !important; } #national-cycling-routes .mt-lg-4, #national-cycling-routes .my-lg-4 { margin-top: 1.5rem !important; } #national-cycling-routes .mr-lg-4, #national-cycling-routes .mx-lg-4 { margin-right: 1.5rem !important; } #national-cycling-routes .mb-lg-4, #national-cycling-routes .my-lg-4 { margin-bottom: 1.5rem !important; } #national-cycling-routes .ml-lg-4, #national-cycling-routes .mx-lg-4 { margin-left: 1.5rem !important; } #national-cycling-routes .m-lg-5 { margin: 2rem !important; } #national-cycling-routes .mt-lg-5, #national-cycling-routes .my-lg-5 { margin-top: 2rem !important; } #national-cycling-routes .mr-lg-5, #national-cycling-routes .mx-lg-5 { margin-right: 2rem !important; } #national-cycling-routes .mb-lg-5, #national-cycling-routes .my-lg-5 { margin-bottom: 2rem !important; } #national-cycling-routes .ml-lg-5, #national-cycling-routes .mx-lg-5 { margin-left: 2rem !important; } #national-cycling-routes .m-lg-6 { margin: 2.5rem !important; } #national-cycling-routes .mt-lg-6, #national-cycling-routes .my-lg-6 { margin-top: 2.5rem !important; } #national-cycling-routes .mr-lg-6, #national-cycling-routes .mx-lg-6 { margin-right: 2.5rem !important; } #national-cycling-routes .mb-lg-6, #national-cycling-routes .my-lg-6 { margin-bottom: 2.5rem !important; } #national-cycling-routes .ml-lg-6, #national-cycling-routes .mx-lg-6 { margin-left: 2.5rem !important; } #national-cycling-routes .m-lg-7 { margin: 3rem !important; } #national-cycling-routes .mt-lg-7, #national-cycling-routes .my-lg-7 { margin-top: 3rem !important; } #national-cycling-routes .mr-lg-7, #national-cycling-routes .mx-lg-7 { margin-right: 3rem !important; } #national-cycling-routes .mb-lg-7, #national-cycling-routes .my-lg-7 { margin-bottom: 3rem !important; } #national-cycling-routes .ml-lg-7, #national-cycling-routes .mx-lg-7 { margin-left: 3rem !important; } #national-cycling-routes .m-lg-8 { margin: 3.5rem !important; } #national-cycling-routes .mt-lg-8, #national-cycling-routes .my-lg-8 { margin-top: 3.5rem !important; } #national-cycling-routes .mr-lg-8, #national-cycling-routes .mx-lg-8 { margin-right: 3.5rem !important; } #national-cycling-routes .mb-lg-8, #national-cycling-routes .my-lg-8 { margin-bottom: 3.5rem !important; } #national-cycling-routes .ml-lg-8, #national-cycling-routes .mx-lg-8 { margin-left: 3.5rem !important; } #national-cycling-routes .m-lg-10 { margin: 6rem !important; } #national-cycling-routes .mt-lg-10, #national-cycling-routes .my-lg-10 { margin-top: 6rem !important; } #national-cycling-routes .mr-lg-10, #national-cycling-routes .mx-lg-10 { margin-right: 6rem !important; } #national-cycling-routes .mb-lg-10, #national-cycling-routes .my-lg-10 { margin-bottom: 6rem !important; } #national-cycling-routes .ml-lg-10, #national-cycling-routes .mx-lg-10 { margin-left: 6rem !important; } #national-cycling-routes .p-lg-0 { padding: 0 !important; } #national-cycling-routes .pt-lg-0, #national-cycling-routes .py-lg-0 { padding-top: 0 !important; } #national-cycling-routes .pr-lg-0, #national-cycling-routes .px-lg-0 { padding-right: 0 !important; } #national-cycling-routes .pb-lg-0, #national-cycling-routes .py-lg-0 { padding-bottom: 0 !important; } #national-cycling-routes .pl-lg-0, #national-cycling-routes .px-lg-0 { padding-left: 0 !important; } #national-cycling-routes .p-lg-1 { padding: 0.25rem !important; } #national-cycling-routes .pt-lg-1, #national-cycling-routes .py-lg-1 { padding-top: 0.25rem !important; } #national-cycling-routes .pr-lg-1, #national-cycling-routes .px-lg-1 { padding-right: 0.25rem !important; } #national-cycling-routes .pb-lg-1, #national-cycling-routes .py-lg-1 { padding-bottom: 0.25rem !important; } #national-cycling-routes .pl-lg-1, #national-cycling-routes .px-lg-1 { padding-left: 0.25rem !important; } #national-cycling-routes .p-lg-2 { padding: 0.5rem !important; } #national-cycling-routes .pt-lg-2, #national-cycling-routes .py-lg-2 { padding-top: 0.5rem !important; } #national-cycling-routes .pr-lg-2, #national-cycling-routes .px-lg-2 { padding-right: 0.5rem !important; } #national-cycling-routes .pb-lg-2, #national-cycling-routes .py-lg-2 { padding-bottom: 0.5rem !important; } #national-cycling-routes .pl-lg-2, #national-cycling-routes .px-lg-2 { padding-left: 0.5rem !important; } #national-cycling-routes .p-lg-3 { padding: 1rem !important; } #national-cycling-routes .pt-lg-3, #national-cycling-routes .py-lg-3 { padding-top: 1rem !important; } #national-cycling-routes .pr-lg-3, #national-cycling-routes .px-lg-3 { padding-right: 1rem !important; } #national-cycling-routes .pb-lg-3, #national-cycling-routes .py-lg-3 { padding-bottom: 1rem !important; } #national-cycling-routes .pl-lg-3, #national-cycling-routes .px-lg-3 { padding-left: 1rem !important; } #national-cycling-routes .p-lg-4 { padding: 1.5rem !important; } #national-cycling-routes .pt-lg-4, #national-cycling-routes .py-lg-4 { padding-top: 1.5rem !important; } #national-cycling-routes .pr-lg-4, #national-cycling-routes .px-lg-4 { padding-right: 1.5rem !important; } #national-cycling-routes .pb-lg-4, #national-cycling-routes .py-lg-4 { padding-bottom: 1.5rem !important; } #national-cycling-routes .pl-lg-4, #national-cycling-routes .px-lg-4 { padding-left: 1.5rem !important; } #national-cycling-routes .p-lg-5 { padding: 2rem !important; } #national-cycling-routes .pt-lg-5, #national-cycling-routes .py-lg-5 { padding-top: 2rem !important; } #national-cycling-routes .pr-lg-5, #national-cycling-routes .px-lg-5 { padding-right: 2rem !important; } #national-cycling-routes .pb-lg-5, #national-cycling-routes .py-lg-5 { padding-bottom: 2rem !important; } #national-cycling-routes .pl-lg-5, #national-cycling-routes .px-lg-5 { padding-left: 2rem !important; } #national-cycling-routes .p-lg-6 { padding: 2.5rem !important; } #national-cycling-routes .pt-lg-6, #national-cycling-routes .py-lg-6 { padding-top: 2.5rem !important; } #national-cycling-routes .pr-lg-6, #national-cycling-routes .px-lg-6 { padding-right: 2.5rem !important; } #national-cycling-routes .pb-lg-6, #national-cycling-routes .py-lg-6 { padding-bottom: 2.5rem !important; } #national-cycling-routes .pl-lg-6, #national-cycling-routes .px-lg-6 { padding-left: 2.5rem !important; } #national-cycling-routes .p-lg-7 { padding: 3rem !important; } #national-cycling-routes .pt-lg-7, #national-cycling-routes .py-lg-7 { padding-top: 3rem !important; } #national-cycling-routes .pr-lg-7, #national-cycling-routes .px-lg-7 { padding-right: 3rem !important; } #national-cycling-routes .pb-lg-7, #national-cycling-routes .py-lg-7 { padding-bottom: 3rem !important; } #national-cycling-routes .pl-lg-7, #national-cycling-routes .px-lg-7 { padding-left: 3rem !important; } #national-cycling-routes .p-lg-8 { padding: 3.5rem !important; } #national-cycling-routes .pt-lg-8, #national-cycling-routes .py-lg-8 { padding-top: 3.5rem !important; } #national-cycling-routes .pr-lg-8, #national-cycling-routes .px-lg-8 { padding-right: 3.5rem !important; } #national-cycling-routes .pb-lg-8, #national-cycling-routes .py-lg-8 { padding-bottom: 3.5rem !important; } #national-cycling-routes .pl-lg-8, #national-cycling-routes .px-lg-8 { padding-left: 3.5rem !important; } #national-cycling-routes .p-lg-10 { padding: 6rem !important; } #national-cycling-routes .pt-lg-10, #national-cycling-routes .py-lg-10 { padding-top: 6rem !important; } #national-cycling-routes .pr-lg-10, #national-cycling-routes .px-lg-10 { padding-right: 6rem !important; } #national-cycling-routes .pb-lg-10, #national-cycling-routes .py-lg-10 { padding-bottom: 6rem !important; } #national-cycling-routes .pl-lg-10, #national-cycling-routes .px-lg-10 { padding-left: 6rem !important; } #national-cycling-routes .m-lg-n1 { margin: -0.25rem !important; } #national-cycling-routes .mt-lg-n1, #national-cycling-routes .my-lg-n1 { margin-top: -0.25rem !important; } #national-cycling-routes .mr-lg-n1, #national-cycling-routes .mx-lg-n1 { margin-right: -0.25rem !important; } #national-cycling-routes .mb-lg-n1, #national-cycling-routes .my-lg-n1 { margin-bottom: -0.25rem !important; } #national-cycling-routes .ml-lg-n1, #national-cycling-routes .mx-lg-n1 { margin-left: -0.25rem !important; } #national-cycling-routes .m-lg-n2 { margin: -0.5rem !important; } #national-cycling-routes .mt-lg-n2, #national-cycling-routes .my-lg-n2 { margin-top: -0.5rem !important; } #national-cycling-routes .mr-lg-n2, #national-cycling-routes .mx-lg-n2 { margin-right: -0.5rem !important; } #national-cycling-routes .mb-lg-n2, #national-cycling-routes .my-lg-n2 { margin-bottom: -0.5rem !important; } #national-cycling-routes .ml-lg-n2, #national-cycling-routes .mx-lg-n2 { margin-left: -0.5rem !important; } #national-cycling-routes .m-lg-n3 { margin: -1rem !important; } #national-cycling-routes .mt-lg-n3, #national-cycling-routes .my-lg-n3 { margin-top: -1rem !important; } #national-cycling-routes .mr-lg-n3, #national-cycling-routes .mx-lg-n3 { margin-right: -1rem !important; } #national-cycling-routes .mb-lg-n3, #national-cycling-routes .my-lg-n3 { margin-bottom: -1rem !important; } #national-cycling-routes .ml-lg-n3, #national-cycling-routes .mx-lg-n3 { margin-left: -1rem !important; } #national-cycling-routes .m-lg-n4 { margin: -1.5rem !important; } #national-cycling-routes .mt-lg-n4, #national-cycling-routes .my-lg-n4 { margin-top: -1.5rem !important; } #national-cycling-routes .mr-lg-n4, #national-cycling-routes .mx-lg-n4 { margin-right: -1.5rem !important; } #national-cycling-routes .mb-lg-n4, #national-cycling-routes .my-lg-n4 { margin-bottom: -1.5rem !important; } #national-cycling-routes .ml-lg-n4, #national-cycling-routes .mx-lg-n4 { margin-left: -1.5rem !important; } #national-cycling-routes .m-lg-n5 { margin: -2rem !important; } #national-cycling-routes .mt-lg-n5, #national-cycling-routes .my-lg-n5 { margin-top: -2rem !important; } #national-cycling-routes .mr-lg-n5, #national-cycling-routes .mx-lg-n5 { margin-right: -2rem !important; } #national-cycling-routes .mb-lg-n5, #national-cycling-routes .my-lg-n5 { margin-bottom: -2rem !important; } #national-cycling-routes .ml-lg-n5, #national-cycling-routes .mx-lg-n5 { margin-left: -2rem !important; } #national-cycling-routes .m-lg-n6 { margin: -2.5rem !important; } #national-cycling-routes .mt-lg-n6, #national-cycling-routes .my-lg-n6 { margin-top: -2.5rem !important; } #national-cycling-routes .mr-lg-n6, #national-cycling-routes .mx-lg-n6 { margin-right: -2.5rem !important; } #national-cycling-routes .mb-lg-n6, #national-cycling-routes .my-lg-n6 { margin-bottom: -2.5rem !important; } #national-cycling-routes .ml-lg-n6, #national-cycling-routes .mx-lg-n6 { margin-left: -2.5rem !important; } #national-cycling-routes .m-lg-n7 { margin: -3rem !important; } #national-cycling-routes .mt-lg-n7, #national-cycling-routes .my-lg-n7 { margin-top: -3rem !important; } #national-cycling-routes .mr-lg-n7, #national-cycling-routes .mx-lg-n7 { margin-right: -3rem !important; } #national-cycling-routes .mb-lg-n7, #national-cycling-routes .my-lg-n7 { margin-bottom: -3rem !important; } #national-cycling-routes .ml-lg-n7, #national-cycling-routes .mx-lg-n7 { margin-left: -3rem !important; } #national-cycling-routes .m-lg-n8 { margin: -3.5rem !important; } #national-cycling-routes .mt-lg-n8, #national-cycling-routes .my-lg-n8 { margin-top: -3.5rem !important; } #national-cycling-routes .mr-lg-n8, #national-cycling-routes .mx-lg-n8 { margin-right: -3.5rem !important; } #national-cycling-routes .mb-lg-n8, #national-cycling-routes .my-lg-n8 { margin-bottom: -3.5rem !important; } #national-cycling-routes .ml-lg-n8, #national-cycling-routes .mx-lg-n8 { margin-left: -3.5rem !important; } #national-cycling-routes .m-lg-n10 { margin: -6rem !important; } #national-cycling-routes .mt-lg-n10, #national-cycling-routes .my-lg-n10 { margin-top: -6rem !important; } #national-cycling-routes .mr-lg-n10, #national-cycling-routes .mx-lg-n10 { margin-right: -6rem !important; } #national-cycling-routes .mb-lg-n10, #national-cycling-routes .my-lg-n10 { margin-bottom: -6rem !important; } #national-cycling-routes .ml-lg-n10, #national-cycling-routes .mx-lg-n10 { margin-left: -6rem !important; } #national-cycling-routes .m-lg-auto { margin: auto !important; } #national-cycling-routes .mt-lg-auto, #national-cycling-routes .my-lg-auto { margin-top: auto !important; } #national-cycling-routes .mr-lg-auto, #national-cycling-routes .mx-lg-auto { margin-right: auto !important; } #national-cycling-routes .mb-lg-auto, #national-cycling-routes .my-lg-auto { margin-bottom: auto !important; } #national-cycling-routes .ml-lg-auto, #national-cycling-routes .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { #national-cycling-routes .m-xl-0 { margin: 0 !important; } #national-cycling-routes .mt-xl-0, #national-cycling-routes .my-xl-0 { margin-top: 0 !important; } #national-cycling-routes .mr-xl-0, #national-cycling-routes .mx-xl-0 { margin-right: 0 !important; } #national-cycling-routes .mb-xl-0, #national-cycling-routes .my-xl-0 { margin-bottom: 0 !important; } #national-cycling-routes .ml-xl-0, #national-cycling-routes .mx-xl-0 { margin-left: 0 !important; } #national-cycling-routes .m-xl-1 { margin: 0.25rem !important; } #national-cycling-routes .mt-xl-1, #national-cycling-routes .my-xl-1 { margin-top: 0.25rem !important; } #national-cycling-routes .mr-xl-1, #national-cycling-routes .mx-xl-1 { margin-right: 0.25rem !important; } #national-cycling-routes .mb-xl-1, #national-cycling-routes .my-xl-1 { margin-bottom: 0.25rem !important; } #national-cycling-routes .ml-xl-1, #national-cycling-routes .mx-xl-1 { margin-left: 0.25rem !important; } #national-cycling-routes .m-xl-2 { margin: 0.5rem !important; } #national-cycling-routes .mt-xl-2, #national-cycling-routes .my-xl-2 { margin-top: 0.5rem !important; } #national-cycling-routes .mr-xl-2, #national-cycling-routes .mx-xl-2 { margin-right: 0.5rem !important; } #national-cycling-routes .mb-xl-2, #national-cycling-routes .my-xl-2 { margin-bottom: 0.5rem !important; } #national-cycling-routes .ml-xl-2, #national-cycling-routes .mx-xl-2 { margin-left: 0.5rem !important; } #national-cycling-routes .m-xl-3 { margin: 1rem !important; } #national-cycling-routes .mt-xl-3, #national-cycling-routes .my-xl-3 { margin-top: 1rem !important; } #national-cycling-routes .mr-xl-3, #national-cycling-routes .mx-xl-3 { margin-right: 1rem !important; } #national-cycling-routes .mb-xl-3, #national-cycling-routes .my-xl-3 { margin-bottom: 1rem !important; } #national-cycling-routes .ml-xl-3, #national-cycling-routes .mx-xl-3 { margin-left: 1rem !important; } #national-cycling-routes .m-xl-4 { margin: 1.5rem !important; } #national-cycling-routes .mt-xl-4, #national-cycling-routes .my-xl-4 { margin-top: 1.5rem !important; } #national-cycling-routes .mr-xl-4, #national-cycling-routes .mx-xl-4 { margin-right: 1.5rem !important; } #national-cycling-routes .mb-xl-4, #national-cycling-routes .my-xl-4 { margin-bottom: 1.5rem !important; } #national-cycling-routes .ml-xl-4, #national-cycling-routes .mx-xl-4 { margin-left: 1.5rem !important; } #national-cycling-routes .m-xl-5 { margin: 2rem !important; } #national-cycling-routes .mt-xl-5, #national-cycling-routes .my-xl-5 { margin-top: 2rem !important; } #national-cycling-routes .mr-xl-5, #national-cycling-routes .mx-xl-5 { margin-right: 2rem !important; } #national-cycling-routes .mb-xl-5, #national-cycling-routes .my-xl-5 { margin-bottom: 2rem !important; } #national-cycling-routes .ml-xl-5, #national-cycling-routes .mx-xl-5 { margin-left: 2rem !important; } #national-cycling-routes .m-xl-6 { margin: 2.5rem !important; } #national-cycling-routes .mt-xl-6, #national-cycling-routes .my-xl-6 { margin-top: 2.5rem !important; } #national-cycling-routes .mr-xl-6, #national-cycling-routes .mx-xl-6 { margin-right: 2.5rem !important; } #national-cycling-routes .mb-xl-6, #national-cycling-routes .my-xl-6 { margin-bottom: 2.5rem !important; } #national-cycling-routes .ml-xl-6, #national-cycling-routes .mx-xl-6 { margin-left: 2.5rem !important; } #national-cycling-routes .m-xl-7 { margin: 3rem !important; } #national-cycling-routes .mt-xl-7, #national-cycling-routes .my-xl-7 { margin-top: 3rem !important; } #national-cycling-routes .mr-xl-7, #national-cycling-routes .mx-xl-7 { margin-right: 3rem !important; } #national-cycling-routes .mb-xl-7, #national-cycling-routes .my-xl-7 { margin-bottom: 3rem !important; } #national-cycling-routes .ml-xl-7, #national-cycling-routes .mx-xl-7 { margin-left: 3rem !important; } #national-cycling-routes .m-xl-8 { margin: 3.5rem !important; } #national-cycling-routes .mt-xl-8, #national-cycling-routes .my-xl-8 { margin-top: 3.5rem !important; } #national-cycling-routes .mr-xl-8, #national-cycling-routes .mx-xl-8 { margin-right: 3.5rem !important; } #national-cycling-routes .mb-xl-8, #national-cycling-routes .my-xl-8 { margin-bottom: 3.5rem !important; } #national-cycling-routes .ml-xl-8, #national-cycling-routes .mx-xl-8 { margin-left: 3.5rem !important; } #national-cycling-routes .m-xl-10 { margin: 6rem !important; } #national-cycling-routes .mt-xl-10, #national-cycling-routes .my-xl-10 { margin-top: 6rem !important; } #national-cycling-routes .mr-xl-10, #national-cycling-routes .mx-xl-10 { margin-right: 6rem !important; } #national-cycling-routes .mb-xl-10, #national-cycling-routes .my-xl-10 { margin-bottom: 6rem !important; } #national-cycling-routes .ml-xl-10, #national-cycling-routes .mx-xl-10 { margin-left: 6rem !important; } #national-cycling-routes .p-xl-0 { padding: 0 !important; } #national-cycling-routes .pt-xl-0, #national-cycling-routes .py-xl-0 { padding-top: 0 !important; } #national-cycling-routes .pr-xl-0, #national-cycling-routes .px-xl-0 { padding-right: 0 !important; } #national-cycling-routes .pb-xl-0, #national-cycling-routes .py-xl-0 { padding-bottom: 0 !important; } #national-cycling-routes .pl-xl-0, #national-cycling-routes .px-xl-0 { padding-left: 0 !important; } #national-cycling-routes .p-xl-1 { padding: 0.25rem !important; } #national-cycling-routes .pt-xl-1, #national-cycling-routes .py-xl-1 { padding-top: 0.25rem !important; } #national-cycling-routes .pr-xl-1, #national-cycling-routes .px-xl-1 { padding-right: 0.25rem !important; } #national-cycling-routes .pb-xl-1, #national-cycling-routes .py-xl-1 { padding-bottom: 0.25rem !important; } #national-cycling-routes .pl-xl-1, #national-cycling-routes .px-xl-1 { padding-left: 0.25rem !important; } #national-cycling-routes .p-xl-2 { padding: 0.5rem !important; } #national-cycling-routes .pt-xl-2, #national-cycling-routes .py-xl-2 { padding-top: 0.5rem !important; } #national-cycling-routes .pr-xl-2, #national-cycling-routes .px-xl-2 { padding-right: 0.5rem !important; } #national-cycling-routes .pb-xl-2, #national-cycling-routes .py-xl-2 { padding-bottom: 0.5rem !important; } #national-cycling-routes .pl-xl-2, #national-cycling-routes .px-xl-2 { padding-left: 0.5rem !important; } #national-cycling-routes .p-xl-3 { padding: 1rem !important; } #national-cycling-routes .pt-xl-3, #national-cycling-routes .py-xl-3 { padding-top: 1rem !important; } #national-cycling-routes .pr-xl-3, #national-cycling-routes .px-xl-3 { padding-right: 1rem !important; } #national-cycling-routes .pb-xl-3, #national-cycling-routes .py-xl-3 { padding-bottom: 1rem !important; } #national-cycling-routes .pl-xl-3, #national-cycling-routes .px-xl-3 { padding-left: 1rem !important; } #national-cycling-routes .p-xl-4 { padding: 1.5rem !important; } #national-cycling-routes .pt-xl-4, #national-cycling-routes .py-xl-4 { padding-top: 1.5rem !important; } #national-cycling-routes .pr-xl-4, #national-cycling-routes .px-xl-4 { padding-right: 1.5rem !important; } #national-cycling-routes .pb-xl-4, #national-cycling-routes .py-xl-4 { padding-bottom: 1.5rem !important; } #national-cycling-routes .pl-xl-4, #national-cycling-routes .px-xl-4 { padding-left: 1.5rem !important; } #national-cycling-routes .p-xl-5 { padding: 2rem !important; } #national-cycling-routes .pt-xl-5, #national-cycling-routes .py-xl-5 { padding-top: 2rem !important; } #national-cycling-routes .pr-xl-5, #national-cycling-routes .px-xl-5 { padding-right: 2rem !important; } #national-cycling-routes .pb-xl-5, #national-cycling-routes .py-xl-5 { padding-bottom: 2rem !important; } #national-cycling-routes .pl-xl-5, #national-cycling-routes .px-xl-5 { padding-left: 2rem !important; } #national-cycling-routes .p-xl-6 { padding: 2.5rem !important; } #national-cycling-routes .pt-xl-6, #national-cycling-routes .py-xl-6 { padding-top: 2.5rem !important; } #national-cycling-routes .pr-xl-6, #national-cycling-routes .px-xl-6 { padding-right: 2.5rem !important; } #national-cycling-routes .pb-xl-6, #national-cycling-routes .py-xl-6 { padding-bottom: 2.5rem !important; } #national-cycling-routes .pl-xl-6, #national-cycling-routes .px-xl-6 { padding-left: 2.5rem !important; } #national-cycling-routes .p-xl-7 { padding: 3rem !important; } #national-cycling-routes .pt-xl-7, #national-cycling-routes .py-xl-7 { padding-top: 3rem !important; } #national-cycling-routes .pr-xl-7, #national-cycling-routes .px-xl-7 { padding-right: 3rem !important; } #national-cycling-routes .pb-xl-7, #national-cycling-routes .py-xl-7 { padding-bottom: 3rem !important; } #national-cycling-routes .pl-xl-7, #national-cycling-routes .px-xl-7 { padding-left: 3rem !important; } #national-cycling-routes .p-xl-8 { padding: 3.5rem !important; } #national-cycling-routes .pt-xl-8, #national-cycling-routes .py-xl-8 { padding-top: 3.5rem !important; } #national-cycling-routes .pr-xl-8, #national-cycling-routes .px-xl-8 { padding-right: 3.5rem !important; } #national-cycling-routes .pb-xl-8, #national-cycling-routes .py-xl-8 { padding-bottom: 3.5rem !important; } #national-cycling-routes .pl-xl-8, #national-cycling-routes .px-xl-8 { padding-left: 3.5rem !important; } #national-cycling-routes .p-xl-10 { padding: 6rem !important; } #national-cycling-routes .pt-xl-10, #national-cycling-routes .py-xl-10 { padding-top: 6rem !important; } #national-cycling-routes .pr-xl-10, #national-cycling-routes .px-xl-10 { padding-right: 6rem !important; } #national-cycling-routes .pb-xl-10, #national-cycling-routes .py-xl-10 { padding-bottom: 6rem !important; } #national-cycling-routes .pl-xl-10, #national-cycling-routes .px-xl-10 { padding-left: 6rem !important; } #national-cycling-routes .m-xl-n1 { margin: -0.25rem !important; } #national-cycling-routes .mt-xl-n1, #national-cycling-routes .my-xl-n1 { margin-top: -0.25rem !important; } #national-cycling-routes .mr-xl-n1, #national-cycling-routes .mx-xl-n1 { margin-right: -0.25rem !important; } #national-cycling-routes .mb-xl-n1, #national-cycling-routes .my-xl-n1 { margin-bottom: -0.25rem !important; } #national-cycling-routes .ml-xl-n1, #national-cycling-routes .mx-xl-n1 { margin-left: -0.25rem !important; } #national-cycling-routes .m-xl-n2 { margin: -0.5rem !important; } #national-cycling-routes .mt-xl-n2, #national-cycling-routes .my-xl-n2 { margin-top: -0.5rem !important; } #national-cycling-routes .mr-xl-n2, #national-cycling-routes .mx-xl-n2 { margin-right: -0.5rem !important; } #national-cycling-routes .mb-xl-n2, #national-cycling-routes .my-xl-n2 { margin-bottom: -0.5rem !important; } #national-cycling-routes .ml-xl-n2, #national-cycling-routes .mx-xl-n2 { margin-left: -0.5rem !important; } #national-cycling-routes .m-xl-n3 { margin: -1rem !important; } #national-cycling-routes .mt-xl-n3, #national-cycling-routes .my-xl-n3 { margin-top: -1rem !important; } #national-cycling-routes .mr-xl-n3, #national-cycling-routes .mx-xl-n3 { margin-right: -1rem !important; } #national-cycling-routes .mb-xl-n3, #national-cycling-routes .my-xl-n3 { margin-bottom: -1rem !important; } #national-cycling-routes .ml-xl-n3, #national-cycling-routes .mx-xl-n3 { margin-left: -1rem !important; } #national-cycling-routes .m-xl-n4 { margin: -1.5rem !important; } #national-cycling-routes .mt-xl-n4, #national-cycling-routes .my-xl-n4 { margin-top: -1.5rem !important; } #national-cycling-routes .mr-xl-n4, #national-cycling-routes .mx-xl-n4 { margin-right: -1.5rem !important; } #national-cycling-routes .mb-xl-n4, #national-cycling-routes .my-xl-n4 { margin-bottom: -1.5rem !important; } #national-cycling-routes .ml-xl-n4, #national-cycling-routes .mx-xl-n4 { margin-left: -1.5rem !important; } #national-cycling-routes .m-xl-n5 { margin: -2rem !important; } #national-cycling-routes .mt-xl-n5, #national-cycling-routes .my-xl-n5 { margin-top: -2rem !important; } #national-cycling-routes .mr-xl-n5, #national-cycling-routes .mx-xl-n5 { margin-right: -2rem !important; } #national-cycling-routes .mb-xl-n5, #national-cycling-routes .my-xl-n5 { margin-bottom: -2rem !important; } #national-cycling-routes .ml-xl-n5, #national-cycling-routes .mx-xl-n5 { margin-left: -2rem !important; } #national-cycling-routes .m-xl-n6 { margin: -2.5rem !important; } #national-cycling-routes .mt-xl-n6, #national-cycling-routes .my-xl-n6 { margin-top: -2.5rem !important; } #national-cycling-routes .mr-xl-n6, #national-cycling-routes .mx-xl-n6 { margin-right: -2.5rem !important; } #national-cycling-routes .mb-xl-n6, #national-cycling-routes .my-xl-n6 { margin-bottom: -2.5rem !important; } #national-cycling-routes .ml-xl-n6, #national-cycling-routes .mx-xl-n6 { margin-left: -2.5rem !important; } #national-cycling-routes .m-xl-n7 { margin: -3rem !important; } #national-cycling-routes .mt-xl-n7, #national-cycling-routes .my-xl-n7 { margin-top: -3rem !important; } #national-cycling-routes .mr-xl-n7, #national-cycling-routes .mx-xl-n7 { margin-right: -3rem !important; } #national-cycling-routes .mb-xl-n7, #national-cycling-routes .my-xl-n7 { margin-bottom: -3rem !important; } #national-cycling-routes .ml-xl-n7, #national-cycling-routes .mx-xl-n7 { margin-left: -3rem !important; } #national-cycling-routes .m-xl-n8 { margin: -3.5rem !important; } #national-cycling-routes .mt-xl-n8, #national-cycling-routes .my-xl-n8 { margin-top: -3.5rem !important; } #national-cycling-routes .mr-xl-n8, #national-cycling-routes .mx-xl-n8 { margin-right: -3.5rem !important; } #national-cycling-routes .mb-xl-n8, #national-cycling-routes .my-xl-n8 { margin-bottom: -3.5rem !important; } #national-cycling-routes .ml-xl-n8, #national-cycling-routes .mx-xl-n8 { margin-left: -3.5rem !important; } #national-cycling-routes .m-xl-n10 { margin: -6rem !important; } #national-cycling-routes .mt-xl-n10, #national-cycling-routes .my-xl-n10 { margin-top: -6rem !important; } #national-cycling-routes .mr-xl-n10, #national-cycling-routes .mx-xl-n10 { margin-right: -6rem !important; } #national-cycling-routes .mb-xl-n10, #national-cycling-routes .my-xl-n10 { margin-bottom: -6rem !important; } #national-cycling-routes .ml-xl-n10, #national-cycling-routes .mx-xl-n10 { margin-left: -6rem !important; } #national-cycling-routes .m-xl-auto { margin: auto !important; } #national-cycling-routes .mt-xl-auto, #national-cycling-routes .my-xl-auto { margin-top: auto !important; } #national-cycling-routes .mr-xl-auto, #national-cycling-routes .mx-xl-auto { margin-right: auto !important; } #national-cycling-routes .mb-xl-auto, #national-cycling-routes .my-xl-auto { margin-bottom: auto !important; } #national-cycling-routes .ml-xl-auto, #national-cycling-routes .mx-xl-auto { margin-left: auto !important; } } #national-cycling-routes .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } #national-cycling-routes .text-justify { text-align: justify !important; } #national-cycling-routes .text-wrap { white-space: normal !important; } #national-cycling-routes .text-nowrap { white-space: nowrap !important; } #national-cycling-routes .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #national-cycling-routes .text-left { text-align: left !important; } #national-cycling-routes .text-right { text-align: right !important; } #national-cycling-routes .text-center { text-align: center !important; } @media (min-width: 576px) { #national-cycling-routes .text-sm-left { text-align: left !important; } #national-cycling-routes .text-sm-right { text-align: right !important; } #national-cycling-routes .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { #national-cycling-routes .text-md-left { text-align: left !important; } #national-cycling-routes .text-md-right { text-align: right !important; } #national-cycling-routes .text-md-center { text-align: center !important; } } @media (min-width: 992px) { #national-cycling-routes .text-lg-left { text-align: left !important; } #national-cycling-routes .text-lg-right { text-align: right !important; } #national-cycling-routes .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { #national-cycling-routes .text-xl-left { text-align: left !important; } #national-cycling-routes .text-xl-right { text-align: right !important; } #national-cycling-routes .text-xl-center { text-align: center !important; } } #national-cycling-routes .text-lowercase { text-transform: lowercase !important; } #national-cycling-routes .text-uppercase { text-transform: uppercase !important; } #national-cycling-routes .text-capitalize { text-transform: capitalize !important; } #national-cycling-routes .font-weight-light { font-weight: 300 !important; } #national-cycling-routes .font-weight-lighter { font-weight: lighter !important; } #national-cycling-routes .font-weight-normal { font-weight: 400 !important; } #national-cycling-routes .font-weight-bold { font-weight: 700 !important; } #national-cycling-routes .font-weight-bolder { font-weight: bolder !important; } #national-cycling-routes .font-italic { font-style: italic !important; } #national-cycling-routes .text-white { color: #fff !important; } #national-cycling-routes .text-primary { color: #007bff !important; } #national-cycling-routes a.text-primary:hover, #national-cycling-routes a.text-primary:focus { color: #0056b3 !important; } #national-cycling-routes .text-secondary { color: #6c757d !important; } #national-cycling-routes a.text-secondary:hover, #national-cycling-routes a.text-secondary:focus { color: #494f54 !important; } #national-cycling-routes .text-success { color: #28a745 !important; } #national-cycling-routes a.text-success:hover, #national-cycling-routes a.text-success:focus { color: #19692c !important; } #national-cycling-routes .text-info { color: #17a2b8 !important; } #national-cycling-routes a.text-info:hover, #national-cycling-routes a.text-info:focus { color: #0f6674 !important; } #national-cycling-routes .text-warning { color: #ffc107 !important; } #national-cycling-routes a.text-warning:hover, #national-cycling-routes a.text-warning:focus { color: #ba8b00 !important; } #national-cycling-routes .text-danger { color: #dc3545 !important; } #national-cycling-routes a.text-danger:hover, #national-cycling-routes a.text-danger:focus { color: #a71d2a !important; } #national-cycling-routes .text-light { color: #f8f9fa !important; } #national-cycling-routes a.text-light:hover, #national-cycling-routes a.text-light:focus { color: #cbd3da !important; } #national-cycling-routes .text-dark { color: #343a40 !important; } #national-cycling-routes a.text-dark:hover, #national-cycling-routes a.text-dark:focus { color: #121416 !important; } #national-cycling-routes .text-body { color: #212529 !important; } #national-cycling-routes .text-muted { color: #6c757d !important; } #national-cycling-routes .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } #national-cycling-routes .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } #national-cycling-routes .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #national-cycling-routes .text-decoration-none { text-decoration: none !important; } #national-cycling-routes .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } #national-cycling-routes .text-reset { color: inherit !important; } #national-cycling-routes .container-fluid, #national-cycling-routes .container-sm, #national-cycling-routes .container-md, #national-cycling-routes .container-lg, #national-cycling-routes .container-xl { position: relative; padding: 0; } #national-cycling-routes *, #national-cycling-routes *:before, #national-cycling-routes *:after { box-sizing: border-box; } #national-cycling-routes *::-moz-selection { background-color: black; color: white !important; } #national-cycling-routes *::selection { background-color: black; color: white !important; } #national-cycling-routes .section .container { padding-bottom: 80px; padding-top: 80px; position: relative; } #national-cycling-routes .section .container.show-grid { padding-bottom: 40px; padding-top: 40px; } #national-cycling-routes .section .container.show-grid > .row { margin-bottom: 40px; margin-top: 40px; } #national-cycling-routes .section .container.show-grid > .row--no-margin { margin-bottom: 0; margin-top: 0; } #national-cycling-routes .section .container.show-grid:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 1px; background-image: repeating-linear-gradient(90deg, transparent, transparent 99px, 1px, 100px, transparent 100px); } @media (max-width: 1199.98px) { #national-cycling-routes .section .container.show-grid:before { background-image: repeating-linear-gradient(90deg, transparent, transparent 80px, 1px, 81px, transparent 81px); } } @media (max-width: 991.98px) { #national-cycling-routes .section .container.show-grid:before { display: none; } } #national-cycling-routes .section--shallow .container { padding-bottom: 40px; padding-top: 40px; } #national-cycling-routes .section--no-padding-top .container { padding-top: 0; } #national-cycling-routes .section--flat-base { border-bottom: 1px solid; } #national-cycling-routes .section--flat-base .container, #national-cycling-routes .section--flat-base .container.show-grid { padding-bottom: 0; } #national-cycling-routes .section--flat-base .container > .row, #national-cycling-routes .section--flat-base .container.show-grid > .row { margin-bottom: 0; } #national-cycling-routes .section--dark { background-color: #0f2c42; color: #cfcfcf; } #national-cycling-routes .section--lightgrey .container.show-grid:before { background-image: repeating-linear-gradient(90deg, transparent, transparent 99px, 1px, 100px, transparent 100px); } @media (max-width: 1199.98px) { #national-cycling-routes .section--lightgrey .container.show-grid:before { background-image: repeating-linear-gradient(90deg, transparent, transparent 80px, 1px, 81px, transparent 81px); } } @media (min-width: 576px) { #national-cycling-routes .layout { display: flex; } #national-cycling-routes .layout > .content { flex-grow: 1; } } #national-cycling-routes button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; cursor: pointer; display: inline-block; padding: 0; } #national-cycling-routes button:focus { box-shadow: none; outline-width: 3px; outline-style: solid; outline-color: Highlight; } #national-cycling-routes button:hover, #national-cycling-routes button:focus { color: #4c6c28; } #national-cycling-routes button:hover .icon, #national-cycling-routes button:focus .icon { fill: #4c6c28; stroke: #4c6c28; } #national-cycling-routes .content { width: 100%; flex-grow: 1; } #national-cycling-routes html { font-size: 15px; line-height: 1.4; } #national-cycling-routes body { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; color: #595959; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #national-cycling-routes h1, #national-cycling-routes .h1, #national-cycling-routes h2, #national-cycling-routes .h2, #national-cycling-routes h3, #national-cycling-routes .h3, #national-cycling-routes .route-card__title, #national-cycling-routes h4, #national-cycling-routes .contentSidebar__subheading, #national-cycling-routes .h4, #national-cycling-routes h6, #national-cycling-routes .h6 { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: #0f2c42; font-weight: normal; line-height: 1.4; } #national-cycling-routes h1:focus, #national-cycling-routes h1:focus-within, #national-cycling-routes .h1:focus, #national-cycling-routes .h1:focus-within, #national-cycling-routes h2:focus, #national-cycling-routes h2:focus-within, #national-cycling-routes .h2:focus, #national-cycling-routes .h2:focus-within, #national-cycling-routes h3:focus, #national-cycling-routes h3:focus-within, #national-cycling-routes .h3:focus, #national-cycling-routes .route-card__title:focus, #national-cycling-routes .h3:focus-within, #national-cycling-routes .route-card__title:focus-within, #national-cycling-routes h4:focus, #national-cycling-routes .contentSidebar__subheading:focus, #national-cycling-routes h4:focus-within, #national-cycling-routes .contentSidebar__subheading:focus-within, #national-cycling-routes .h4:focus, #national-cycling-routes .h4:focus-within, #national-cycling-routes h6:focus, #national-cycling-routes h6:focus-within, #national-cycling-routes .h6:focus, #national-cycling-routes .h6:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes h1, #national-cycling-routes .h1 { font-size: 52px; } @media (max-width: 767.98px) { #national-cycling-routes h1, #national-cycling-routes .h1 { font-size: 28px; } } #national-cycling-routes h2, #national-cycling-routes .h2 { font-size: 40px; text-transform: uppercase; } @media (max-width: 767.98px) { #national-cycling-routes h2, #national-cycling-routes .h2 { font-size: 30px; } } #national-cycling-routes h3, #national-cycling-routes .h3, #national-cycling-routes .route-card__title { font-size: 30px; text-transform: uppercase; } #national-cycling-routes h4, #national-cycling-routes .contentSidebar__subheading, #national-cycling-routes .h4 { font-size: 24px; text-transform: uppercase; } #national-cycling-routes h5, #national-cycling-routes .h5 { font-size: 18px; font-weight: 700; text-transform: uppercase; } #national-cycling-routes a { color: #3c3c3c; border-bottom: 1px solid #266ca1; text-decoration: none; transition: color 0.14s cubic-bezier(0.85, 0.15, 0.15, 0.85), background 0.14s cubic-bezier(0.85, 0.15, 0.15, 0.85), visibility 0s; } #national-cycling-routes a:hover, #national-cycling-routes a:focus { background-color: #266ca1; color: white; text-decoration: none; } #national-cycling-routes a:focus { box-shadow: none; outline-width: 3px; outline-style: solid; outline-color: Highlight; } #national-cycling-routes p { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; font-size: 15px; line-height: 20px; } #national-cycling-routes p.intro { font-size: 26px; } #national-cycling-routes .small { font-size: 12px; } #national-cycling-routes strong { font-weight: bold; } #national-cycling-routes em { font-style: italic; } #national-cycling-routes ul, #national-cycling-routes ol { margin: 0; padding: 0; list-style-type: none; } #national-cycling-routes ul.inline-list, #national-cycling-routes ol.inline-list { margin-left: 0; padding: 0; } #national-cycling-routes ul.inline-list li, #national-cycling-routes ol.inline-list li { display: inline-block; margin-right: 20px; } #national-cycling-routes ul.inline-list li:last-child, #national-cycling-routes ol.inline-list li:last-child { margin-right: 0; } #national-cycling-routes dl { margin-bottom: 0; } #national-cycling-routes dl dt { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; color: #4c6c28; font-size: 14px; text-transform: uppercase; } #national-cycling-routes dl dd { font-size: 24px; margin-bottom: 20px; } #national-cycling-routes dl dd:last-of-type { margin-bottom: 0; } #national-cycling-routes .rich-text ul, #national-cycling-routes .rich-text ol { margin-left: 100px; } #national-cycling-routes .rich-text ul li, #national-cycling-routes .rich-text ol li { margin-bottom: 1rem; padding-left: 35px; position: relative; } #national-cycling-routes .rich-text ul li:before, #national-cycling-routes .rich-text ol li:before { color: #4c6c28; display: block; left: 0; position: absolute; text-align: right; width: 25px; } #national-cycling-routes .rich-text ul li:before { content: "•"; } #national-cycling-routes .rich-text ol { counter-reset: li; } #national-cycling-routes .rich-text ol li { counter-increment: li; } #national-cycling-routes .rich-text ol li:before { content: counter(li) "."; } @media (max-width: 1199.98px) { #national-cycling-routes .rich-text ul, #national-cycling-routes .rich-text ol { margin-left: 80px; } } @media (max-width: 991.98px) { #national-cycling-routes .rich-text ul, #national-cycling-routes .rich-text ol { margin-left: 30px; } } @media (max-width: 767.98px) { #national-cycling-routes .rich-text ul, #national-cycling-routes .rich-text ol { margin-left: 20px; } } @media (max-width: 575.98px) { #national-cycling-routes .rich-text ul, #national-cycling-routes .rich-text ol { margin-left: 10px; } } #national-cycling-routes .text--primary { color: #4c6c28; } #national-cycling-routes blockquote { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; color: #4c6c28; font-size: 34px; } #national-cycling-routes .icon { fill: #3c3c3c; stroke: #3c3c3c; height: 16px; pointer-events: none; transition: all 0.14s cubic-bezier(0.85, 0.15, 0.15, 0.85); vertical-align: middle; width: 16px; } #national-cycling-routes .icon.icon--xs { height: 22px; width: 22px; } #national-cycling-routes .icon.icon--sm { height: 29px; width: 29px; } #national-cycling-routes .icon.icon--md { height: 36px; width: 36px; } #national-cycling-routes .icon.icon--lg { height: 52px; width: 52px; } #national-cycling-routes .icon.icon--xl { height: 78px; width: 78px; } #national-cycling-routes .icon.icon--light { fill: #cfcfcf; stroke: #cfcfcf; } #national-cycling-routes .icon.icon--white { fill: #ffffff; stroke: #ffffff; } #national-cycling-routes .icon-flipped-x { transform: scaleX(-1); } #national-cycling-routes .icon-flipped-y { transform: scaleY(-1); } .show-grid #national-cycling-routes .form-container { border-bottom: 1px solid; border-top: 1px solid; } .show-grid #national-cycling-routes .form-container .form { background-color: #ffffff; padding: 20px 100px; } #national-cycling-routes .form__title { font-size: 24px; } #national-cycling-routes .form__intro { margin-bottom: 40px; } #national-cycling-routes .form .form-field { margin-bottom: 15px; } #national-cycling-routes .form .form-field label { cursor: pointer; display: block; } #national-cycling-routes .form .form-field input[type=text], #national-cycling-routes .form .form-field textarea { border: 1px solid; font-size: 18px; line-height: 1; outline: none; padding: 15px20px; width: 100%; } #national-cycling-routes .form .form-field input[type=text]:focus, #national-cycling-routes .form .form-field textarea:focus { outline: 1px solid; } #national-cycling-routes .form .form-field textarea { line-height: 1.4; height: 200px; } #national-cycling-routes .form .form-field .btn, #national-cycling-routes .form .form-field button, #national-cycling-routes .form .form-field input[type=submit] { background-color: #4c6c28; min-width: 200px; text-align: center; } #national-cycling-routes .form .form-field .btn span:not(.accessible-hide), #national-cycling-routes .form .form-field button span:not(.accessible-hide), #national-cycling-routes .form .form-field input[type=submit] span:not(.accessible-hide) { display: block; width: 100%; } #national-cycling-routes .form .form-field--text input[type=text] { align-items: center; display: inline-flex; height: 55px; } #national-cycling-routes .form .form-field--select .styled-select { background-color: #ffffff; border: 1px solid; display: inline-block; margin: 0; padding: 0; position: relative; width: 100%; } #national-cycling-routes .form .form-field--select .styled-select select { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 1px solid transparent; border-radius: 0; cursor: pointer; display: inline-flex; font-size: 18px; height: 55px; line-height: 1; outline: none; padding: 15px50px15px20px; width: 100%; } #national-cycling-routes .form .form-field--select .styled-select .icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #national-cycling-routes .form .form-field--checkbox { padding: 11px 0; } #national-cycling-routes .form .form-field--checkbox label { align-items: center; display: block; padding-left: 50px; position: relative; } #national-cycling-routes .form .form-field--checkbox label:before { border: 1px solid; content: ""; height: 40px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.14s; width: 40px; } #national-cycling-routes .form .form-field--checkbox label:after { position: absolute; left: 15px; top: 50%; content: ""; border-bottom: 3px solid #ffffff; border-left: 3px solid #ffffff; width: 24px; height: 10px; opacity: 0; transform: rotate(-45deg) translateY(-10px); transition: opacity 0.14s; } #national-cycling-routes .form .form-field--checkbox label:hover:before { outline: 1px solid; } #national-cycling-routes .form .form-field--checkbox input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #national-cycling-routes .form .form-field--checkbox input:focus:not(:checked) + label:before { outline: 1px solid; } #national-cycling-routes .form .form-field--checkbox input:checked + label:before { background-color: #0f2c42; border-color: #0f2c42; } #national-cycling-routes .form .form-field--checkbox input:checked + label:after { opacity: 1; } #national-cycling-routes .form .form-field--inline-text { border: 1px solid; margin-bottom: 0; padding-right: 75px; position: relative; } #national-cycling-routes .form .form-field--inline-text input[type=text] { background: none; border: 1px solid transparent; border-right: 1px solid; color: #ffffff; padding: 20px; } #national-cycling-routes .form .form-field--inline-text input[type=text]:focus { border-right-width: 2px; outline: none; } #national-cycling-routes .form .form-field--inline-text .btn, #national-cycling-routes .form .form-field--inline-text button, #national-cycling-routes .form .form-field--inline-text input[type=submit] { height: 100%; min-width: 0; position: absolute; right: 0; top: 0; width: 75px; } #national-cycling-routes .form--inline .form-field { margin-bottom: 0; } #national-cycling-routes .form--inline .form-field--submit .btn, #national-cycling-routes .form--inline .form-field--submit button, #national-cycling-routes .form--inline .form-field--submit input[type=submit] { min-width: 0; width: 100%; } @media (max-width: 1199.98px) { #national-cycling-routes .form-container .form { padding: 20px 80px; } } @media (max-width: 991.98px) { #national-cycling-routes .form-container .form { padding: 20px40px; } .show-grid #national-cycling-routes .form-container { border-left: 1px solid; border-right: 1px solid; } #national-cycling-routes .form-field--inline-text { padding-right: 60px; } #national-cycling-routes .form-field--inline-text input[type=text] { padding: 16px; } #national-cycling-routes .form-field--inline-text button { width: 60px; } #national-cycling-routes .form--inline .form-field { margin-bottom: 15px; } } @media (max-width: 767.98px) { #national-cycling-routes .form-container .form { padding: 20px; } } #national-cycling-routes .search-form__title { color: #ffffff; margin-bottom: 40px; } #national-cycling-routes .accessibilityFilter { margin-bottom: 16px; } @media (max-width: 767.98px) { #national-cycling-routes .accessibilityFilter h3 { font-size: 25px; line-height: 25px; text-align: center; margin: 21px 0; } } #national-cycling-routes .accessibilityCheckbox { position: relative; padding: 0 0 4px; } #national-cycling-routes .accessibilityCheckbox input { opacity: 0; width: 0; position: absolute; left: 0; top: 0; } #national-cycling-routes .accessibilityCheckbox label { width: 100%; display: flex; align-items: center; font-size: 15px; margin-bottom: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } #national-cycling-routes .accessibilityCheckbox label > span { background: #b3b3b3; position: relative; height: 24px; width: 24px; border-radius: 12px; margin-right: 5px; } #national-cycling-routes .accessibilityCheckbox label > span .SVGInline { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #national-cycling-routes .accessibilityCheckbox label > span .SVGInline svg { fill: white; } #national-cycling-routes .accessibilityCheckbox input:checked + label > span { background: #4c6c28; } #national-cycling-routes .accessibilityCheckbox input:focus + label { box-shadow: none; outline-width: 3px; outline-style: solid; outline-color: Highlight; } #national-cycling-routes .backBar { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-size: 25px; text-transform: uppercase; height: 50px; padding: 0 12px; margin: 0 16px; width: calc(100% - 32px); display: flex; align-items: center; border-bottom: 0; color: #ffffff; text-decoration: none; } #national-cycling-routes .backBar:focus, #national-cycling-routes .backBar:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .backBar:hover, #national-cycling-routes .backBar:focus { color: #ffffff; } #national-cycling-routes .backBar svg { fill: #ffffff; margin-right: 8px; margin-top: -2px; width: 26px; height: 20px; } @media (min-width: 768px) { #national-cycling-routes .backBar { width: 100%; margin: 0; } } #national-cycling-routes .carousel { padding: 22px 0 0; width: 100%; max-width: 330px; margin: auto; margin-bottom: 40px; } #national-cycling-routes .carousel--padding { padding: 22px 15px 0; } #national-cycling-routes .carousel .slick-arrow { width: 30px; height: 30px; position: absolute; top: calc(50% - 18px); z-index: 20; border-radius: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAGKkwY+AAAABGdBTUEAALGPC/xhBQAAAL9JREFUKBVlkEEOgjAURKlxyZ10gdGEhIUHkrO55hQcwY0ILL5vWvotcZKh82eGn7SVmfXVP7Dn6CIsi8F7mHcNAXEt3anCWaODOEGhy5VDCOEJg4yUWX3cholThRgqHRU4MN5wcUMC4yNKp/+SqZb2xUZLQ2hUv0Rp1uZUc7xMNoatse6CmBYfwgZOW3nmTCuLjkuFUCVBPzUeloKggwsUXrD2nOEGdWFB5+7xzxh6IkEb/NnLDQ+CEf6u7GkSX+s03qGRoL1tAAAAAElFTkSuQmCC); background-size: 9px 14px; background-repeat: no-repeat; background-position: center; } #national-cycling-routes .carousel .slick-arrow:focus, #national-cycling-routes .carousel .slick-arrow:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .carousel .slick-arrow.slick-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAGKkwY+AAAABGdBTUEAALGPC/xhBQAAAL9JREFUKBVlkEEOgjAURKlxyZ10gdGEhIUHkrO55hQcwY0ILL5vWvotcZKh82eGn7SVmfXVP7Dn6CIsi8F7mHcNAXEt3anCWaODOEGhy5VDCOEJg4yUWX3cholThRgqHRU4MN5wcUMC4yNKp/+SqZb2xUZLQ2hUv0Rp1uZUc7xMNoatse6CmBYfwgZOW3nmTCuLjkuFUCVBPzUeloKggwsUXrD2nOEGdWFB5+7xzxh6IkEb/NnLDQ+CEf6u7GkSX+s03qGRoL1tAAAAAElFTkSuQmCC); left: -15px; transform: rotate(180deg); } #national-cycling-routes .carousel .slick-arrow.slick-next { right: -15px; } #national-cycling-routes .contentSidebar { z-index: 1; background-color: #ffffff; height: 100%; } @media (min-width: 768px) { #national-cycling-routes .contentSidebar { box-shadow: 0px 2px 25px -6px rgba(0, 0, 0, 0.75); } } #national-cycling-routes .contentSidebar__inner { padding: 22px 28px; } @media (max-width: 767.98px) { #national-cycling-routes .contentSidebar__inner { padding: 22px 16px; } } #national-cycling-routes .contentSidebar__outer { background-color: #ffffff; margin-left: 22px; } #national-cycling-routes .contentSidebar h2 { margin-top: 0; line-height: 30px; } @media (max-width: 767.98px) { #national-cycling-routes .contentSidebar h2 { line-height: 28px; margin-bottom: 8px; } } #national-cycling-routes .contentSidebar h4, #national-cycling-routes .contentSidebar .contentSidebar__subheading { margin: 0; font-size: 24px; } #national-cycling-routes .contentSidebar h3 { margin: 0; font-size: 40px; line-height: 40px; } #national-cycling-routes .contentSidebar p { font-size: 15px; letter-spacing: -0.5px; line-height: 20px; margin: 1rem 0; } #national-cycling-routes .contentSidebar p .downloadLink { margin-top: 0; margin-bottom: 0; } #national-cycling-routes .contentSidebar .grade { margin-top: -5px; } #national-cycling-routes .contentSidebar__subheading { color: #4c6c28; margin: 0; } #national-cycling-routes .contentSidebar__heading { margin-top: 0; } #national-cycling-routes .contentSidebar__copy { color: #595959; font-size: 15px; line-height: 20px; } #national-cycling-routes .contentSidebar .details { margin-top: 10px; } #national-cycling-routes .contentSidebar hr { display: block; height: 1px; border: 0; border-top: 2px solid #f1ede6; margin: 1em 0; padding: 0; } @media (max-width: 991.98px) { #national-cycling-routes .contentSidebar { margin: 0; } } #national-cycling-routes .cycleRoute { background-color: #f1ede6; padding: 28px; } #national-cycling-routes .details { display: flex; flex-wrap: wrap; font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: #6b6b6b; font-size: 18px; margin: 0; text-transform: uppercase; letter-spacing: -0.39; } #national-cycling-routes .details > span { display: flex; align-items: center; justify-content: center; margin-right: 10px; } #national-cycling-routes .details > span .SVGInline { margin: 0 3px 0.25rem 0; } #national-cycling-routes .details > span:last-child { margin-right: 0; } #national-cycling-routes .difficulty { margin-top: -2px; margin-left: 7px; } #national-cycling-routes .difficulty .SVGInline { display: inline-block; padding: 0; } #national-cycling-routes .downloadLink { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; background-color: #266ca1; color: #ffffff; display: inline-block; font-size: 18px; line-height: 1; margin-top: 10px; padding: 12px 12px 9px; text-decoration: none; text-transform: uppercase; transition: background-color 0.14s; } #national-cycling-routes .downloadLink:focus, #national-cycling-routes .downloadLink:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .downloadLink .SVGInline { display: inline-flex; fill: #ffffff; margin-left: 10px; } #national-cycling-routes .downloadLink:hover, #national-cycling-routes .downloadLink:focus { background-color: #13354e; color: #ffffff; } @media (max-width: 575.98px) { #national-cycling-routes .downloadLink { margin: auto; display: block; } } #national-cycling-routes .explained { background-color: #0f2c42; color: white; border-radius: 5px; margin-top: 28px; position: relative; padding: 23px; } #national-cycling-routes .explained a { color: white; } #national-cycling-routes .explained a:hover { text-decoration: underline; color: #f7f7f7; } #national-cycling-routes .explained__trigger { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-size: 18px; text-decoration: underline; text-transform: uppercase; color: #266ca1; } #national-cycling-routes .explained__trigger:focus, #national-cycling-routes .explained__trigger:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .explained__trigger:hover { color: #1c5078; } @media (max-width: 575.98px) { #national-cycling-routes .explained__trigger { margin: auto; display: block; } } #national-cycling-routes .explained h2 { color: white; font-size: 25px; } #national-cycling-routes .explained__heading { display: flex; justify-content: space-between; } #national-cycling-routes .explained__copy { word-wrap: break-word; } #national-cycling-routes .explained__close { margin-left: 30px; display: flex; align-items: center; } #national-cycling-routes .explained__close svg { fill: white; } #national-cycling-routes .explained__close:focus, #national-cycling-routes .explained__close:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .explained__logo { position: absolute; width: 84px; height: 84px; top: -42px; left: calc(50% - 42px); } #national-cycling-routes .explained__level { padding: 7px 0; } #national-cycling-routes .explained__level h3 { display: flex; align-items: center; font-size: 20px; color: #ffffff; margin: 0; } #national-cycling-routes .explained__level h3 svg { fill: white; margin-top: -1px; } #national-cycling-routes .explained__level p { font-size: 15px; color: white; } #national-cycling-routes .filterBox { padding: 22px 28px; height: 100%; position: relative; flex-grow: 1; display: block; } @media (max-width: 767.98px) { #national-cycling-routes .filterBox { padding: 21px 18px; } } #national-cycling-routes .filterBox__subheading { color: #4c6c28; margin: 0; } @media (max-width: 767.98px) { #national-cycling-routes .filterBox__subheading { font-size: 24px; line-height: 18px; } } #national-cycling-routes .filterBox__heading { margin-top: 0; line-height: 30px; } @media (max-width: 767.98px) { #national-cycling-routes .filterBox__heading { line-height: 28px; margin-bottom: 8px; } } #national-cycling-routes .filterBox__copy { color: #595959; font-size: 15px; line-height: 20px; } #national-cycling-routes .filterBox hr { display: block; height: 1px; border: 0; border-top: 2px solid #ffffff; margin: 1em 0; padding: 0; } #national-cycling-routes .filterBox__footer { background-color: #e8d9ba; text-align: center; padding: 10px 0; } @media (max-width: 767.98px) { #national-cycling-routes .filterBox__footer { margin: 10px -18px -21px; } } #national-cycling-routes .filterBox__loader { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(232, 217, 186, 0.9); } #national-cycling-routes .filterBox__loader p { position: relative; z-index: 2; } @-webkit-keyframes dash { to { stroke-dashoffset: 1000; } } @keyframes dash { to { stroke-dashoffset: 1000; } } #national-cycling-routes .filterBox--loading .filterBox__loader { display: flex; } #national-cycling-routes .filterNearbyAttractions { background-color: #f1ede6; width: calc(100% + 48px); margin: 17px -24px; padding: 20px 22px 13px; } #national-cycling-routes .filterNearbyAttractions--open { min-width: 586px; padding-left: 30px; } @media (max-width: 990px) { #national-cycling-routes .filterNearbyAttractions--open { min-width: 220px !important; } } #national-cycling-routes .filterNearbyAttractions--open .filterNearbyAttractions__filters { display: grid; padding-top: 0px; grid-template-columns: repeat(auto-fill, 30%); -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 990px) { #national-cycling-routes .filterNearbyAttractions--open .filterNearbyAttractions__filters { grid-template-columns: repeat(auto-fill, 100%); min-width: 240px !important; } } #national-cycling-routes .filterNearbyAttractions--open .filterNearbyAttractions__button .SVGInline { transform: rotate(-45deg); background-color: black; } #national-cycling-routes .filterNearbyAttractions--open .filterNearbyAttractions__button .SVGInline:focus, #national-cycling-routes .filterNearbyAttractions--open .filterNearbyAttractions__button .SVGInline:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .filterNearbyAttractions__filter, #national-cycling-routes .filterNearbyAttractions__link { height: 48px; flex-basis: 50%; display: inline-flex; font-size: 13px; letter-spacing: -0.3; line-height: 21px; display: flex; align-items: center; margin: 0; font-weight: normal; position: relative; color: #595959; padding-right: 30px; cursor: pointer; } #national-cycling-routes .filterNearbyAttractions__filter img, #national-cycling-routes .filterNearbyAttractions__link img { position: absolute; right: 0; width: 20px; height: 20px; } #national-cycling-routes .filterNearbyAttractions__filter:focus, #national-cycling-routes .filterNearbyAttractions__filter:focus-within, #national-cycling-routes .filterNearbyAttractions__link:focus, #national-cycling-routes .filterNearbyAttractions__link:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .filterNearbyAttractions__filter .toggleSwitch, #national-cycling-routes .filterNearbyAttractions__link .toggleSwitch { margin-right: 5px; } #national-cycling-routes .filterNearbyAttractions__filter a, #national-cycling-routes .filterNearbyAttractions__link a { color: #595959; text-decoration: none; border-bottom: none; } #national-cycling-routes .filterNearbyAttractions__filter a:hover, #national-cycling-routes .filterNearbyAttractions__filter a:focus, #national-cycling-routes .filterNearbyAttractions__link a:hover, #national-cycling-routes .filterNearbyAttractions__link a:focus { background: transparent; } #national-cycling-routes .filterNearbyAttractions__filter .SVGInline, #national-cycling-routes .filterNearbyAttractions__link .SVGInline { padding-left: 18px; padding-right: 10px; } #national-cycling-routes .filterNearbyAttractions__filter .SVGInline svg, #national-cycling-routes .filterNearbyAttractions__link .SVGInline svg { fill: #4c6c28; } #national-cycling-routes .filterNearbyAttractions__filters { display: flex; padding: 10px 0px 0px; flex-wrap: wrap; } #national-cycling-routes .filterNearbyAttractions__button { width: 100%; display: none; align-items: center; } #national-cycling-routes .filterNearbyAttractions__button:focus { outline: none; } #national-cycling-routes .filterNearbyAttractions__button b { font-size: 23px; margin: 0; } #national-cycling-routes .filterNearbyAttractions__button .SVGInline { transition: all 0.25s ease-in-out; display: flex; justify-content: center; align-items: center; margin-left: auto; height: 24px; width: 24px; border-radius: 12px; background-color: #e2cea7; } #national-cycling-routes .filterNearbyAttractions__button .SVGInline svg { fill: white; } #national-cycling-routes .filterNearbyAttractions__control { display: flex; justify-content: space-between; } #national-cycling-routes .filterNearbyAttractions__control :focus span { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } @media (min-width: 768px) { #national-cycling-routes .filterNearbyAttractions { z-index: 1001; margin: 0; position: absolute; top: 0; right: 0; width: 320px; } #national-cycling-routes .filterNearbyAttractions h3 { text-align: left; } #national-cycling-routes .filterNearbyAttractions__filters { display: none; } #national-cycling-routes .filterNearbyAttractions__filters .filterNearbyAttractions__open + { display: flex; } #national-cycling-routes .filterNearbyAttractions__button { display: flex; } } #national-cycling-routes .leaflet-cluster-anim .leaflet-marker-icon, #national-cycling-routes .leaflet-cluster-anim .leaflet-marker-shadow { transition: transform 0.3s ease-out, opacity 0.3s ease-in; } #national-cycling-routes .leaflet-cluster-spider-leg { transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } #national-cycling-routes .marker-cluster-small { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .marker-cluster-small div { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .marker-cluster-medium { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .marker-cluster-medium div { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .marker-cluster-large { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .marker-cluster-large div { background-color: rgba(38, 108, 161, 0.6); } #national-cycling-routes .leaflet-oldie .marker-cluster-small { background-color: #266ca1; } #national-cycling-routes .leaflet-oldie .marker-cluster-small div { background-color: #266ca1; } #national-cycling-routes .leaflet-oldie .marker-cluster-medium { background-color: #266ca1; } #national-cycling-routes .leaflet-oldie .marker-cluster-medium div { background-color: #266ca1; } #national-cycling-routes .leaflet-oldie .marker-cluster-large { background-color: #266ca1; } #national-cycling-routes .leaflet-oldie .marker-cluster-large div { background-color: #266ca1; } #national-cycling-routes .marker-cluster { background-clip: padding-box; border-radius: 20px; } #national-cycling-routes .marker-cluster div { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font-size: 12px; color: white; } #national-cycling-routes .marker-cluster span { line-height: 30px; } #national-cycling-routes .grade { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: #757575; text-transform: uppercase; font-size: 25px; display: block; } #national-cycling-routes .grade svg { fill: #595959; height: 12px; width: 12px; } #national-cycling-routes .itinerary { max-width: 347px; padding-bottom: 15px; margin: 0 15px; cursor: pointer; } #national-cycling-routes .itinerary a { text-decoration: none; } #national-cycling-routes .itinerary__count { width: 100%; text-align: center; margin-bottom: 1rem; } #national-cycling-routes .itinerary__inner { display: flex; justify-content: flex-start; flex-wrap: wrap; } @media (min-width: 768px) { #national-cycling-routes .itinerary__inner { justify-content: flex-start; } } #national-cycling-routes .itinerary__container { padding: 34px 22px 0; justify-content: center; background-color: #ececec; } @media (min-width: 768px) { #national-cycling-routes .itinerary__container { padding: 47px; padding-top: 1rem; min-height: 100vh; } } #national-cycling-routes .itinerary__name { display: inline-block; margin-bottom: 0; font-size: 30px; line-height: 30px; margin-top: 19px; line-height: 24px; } #national-cycling-routes .itinerary__name a { border-bottom: none; } #national-cycling-routes .itinerary__name a:hover, #national-cycling-routes .itinerary__name a:focus { background: transparent; color: #3c3c3c; } #national-cycling-routes .itinerary__name a:focus { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; } #national-cycling-routes .itinerary__grade { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: #757575; font-size: 24px; margin-bottom: 6px; display: flex; } #national-cycling-routes .itinerary__grade .levels__difficulty { margin-left: 15px; } #national-cycling-routes .itinerary__grade svg { fill: #595959; } #national-cycling-routes .itinerary__image { max-width: 100%; position: relative; } #national-cycling-routes .itinerary__image img { max-width: 100%; } #national-cycling-routes .itinerary__image:after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; background-color: #89bf4d; } #national-cycling-routes .itinerary__copy { font-size: 17px; margin-bottom: 10px; } #national-cycling-routes .itinerary__items { display: flex; flex-wrap: wrap; } #national-cycling-routes .levels__heading { font-size: 30px; line-height: 30px; margin: 29px 0 5px; } @media (max-width: 767.98px) { #national-cycling-routes .levels__heading { font-size: 25px; line-height: 25px; text-align: center; margin: 21px 0; } } #national-cycling-routes .levels__group { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } #national-cycling-routes .levels__group input[type=radio]:checked ~ span { color: #ffffff; } #national-cycling-routes .levels__group input[type=radio]:checked ~ span svg { fill: #ffffff; } #national-cycling-routes .levels__group input[type=radio]:focus ~ span { outline-width: 3px; outline-style: solid; outline-color: Highlight; } @media (max-width: 767.98px) { #national-cycling-routes .levels__group { justify-content: center; } } #national-cycling-routes .levels__item { cursor: pointer; position: relative; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; min-width: 80px; text-align: center; } #national-cycling-routes .levels__item > span { display: flex; letter-spacing: -0.3px; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #595959; font-size: 13px; font-weight: 600; padding: 8px; } #national-cycling-routes .levels__item > span svg { fill: #595959; } #national-cycling-routes .levels__item > span:hover { background-color: #266ca1; color: #ffffff; } #national-cycling-routes .levels__item > span:hover svg { fill: #ffffff; } #national-cycling-routes .levels__item input { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; } #national-cycling-routes .ws-dms-loader { display: inline-block; position: relative; width: 64px; height: 64px; } #national-cycling-routes .ws-dms-loader__outer { width: 100%; display: flex; justify-content: center; } #national-cycling-routes .ws-dms-loader div { display: inline-block; position: absolute; left: 6px; width: 13px; background: #fff; -webkit-animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } #national-cycling-routes .ws-dms-loader div:nth-child(1) { left: 6px; -webkit-animation-delay: -0.24s; animation-delay: -0.24s; } #national-cycling-routes .ws-dms-loader div:nth-child(2) { left: 26px; -webkit-animation-delay: -0.12s; animation-delay: -0.12s; } #national-cycling-routes .ws-dms-loader div:nth-child(3) { left: 45px; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes loader { 0% { top: 6px; height: 51px; } 50%, 100% { top: 19px; height: 26px; } } @keyframes loader { 0% { top: 6px; height: 51px; } 50%, 100% { top: 19px; height: 26px; } } #national-cycling-routes .page-loader { padding: 4rem 0; } #national-cycling-routes .page-loader__loader { border: 16px solid #f3f3f3; border-top: 16px solid #266ca1; border-radius: 50%; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #national-cycling-routes .map__container { height: 338px; width: 100%; display: block; } #national-cycling-routes .map__container:focus { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } @media (min-width: 576px) { #national-cycling-routes .map__container { height: 550px; } } @media (min-width: 768px) { #national-cycling-routes .map__container { height: 100vh; } } #national-cycling-routes .map__container .leaflet-popup--daytrip .leaflet-popup-content, #national-cycling-routes .map__container .leaflet-popup--stage .leaflet-popup-content { margin: 13px 9px 9px; } #national-cycling-routes .map__container .leaflet-popup__link { cursor: pointer; } #national-cycling-routes .map__container .leaflet-popup__link:hover { background: transparent; text-decoration: none; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper { border-radius: 0; color: #ffffff; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper a { border-bottom: 0; font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: inherit; font-size: 21px; text-transform: uppercase; line-height: 1; margin: 0; text-decoration: none; color: white; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper a .leaflet-popup__link--small { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; font-size: 16px; margin-top: 5px; text-transform: none; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper a .leaflet-popup__link--small:hover { text-decoration: none; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper a { color: inherit; } #national-cycling-routes .map__container .leaflet-popup-content-wrapper a span { font-size: 16px; text-decoration: none; } #national-cycling-routes .map__container .leaflet-popup-tip { display: none; } #national-cycling-routes .map__container .leaflet-popup a.leaflet-popup-close-button { display: none; } #national-cycling-routes .map__container .leaflet-popup a.leaflet-popup-close-button, #national-cycling-routes .map__container .leaflet-popup button.leaflet-popup-close-button { background: #000000; color: white; border-radius: 50%; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); height: 20px; line-height: 20px; padding: 0; right: 10px; text-align: center; top: 10px; width: 20px; font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; font-size: 20px; } #national-cycling-routes .map__container .leaflet-popup a.leaflet-popup-close-button:hover, #national-cycling-routes .map__container .leaflet-popup button.leaflet-popup-close-button:hover { background: white; color: black; } #national-cycling-routes .map__container .leaflet-popup__dms { padding: 0; } #national-cycling-routes .map__container .leaflet-popup__dms .leaflet-popup-content-wrapper { background: #266ca1; padding: 0; } #national-cycling-routes .map__container .leaflet-popup__dms a.leaflet-popup-close-button, #national-cycling-routes .map__container .leaflet-popup__dms button.leaflet-popup-close-button { background: #266ca1; } #national-cycling-routes .map__container .leaflet-popup__dms .leaflet-popup-content { margin: 0; } #national-cycling-routes .map__container .leaflet-popup__dms-image { max-width: 100%; } #national-cycling-routes .map__container .leaflet-popup__dms-details { padding: 15px; } #national-cycling-routes .map__container .leaflet-popup__dms-url { color: #ffffff; display: block; font-size: 18px; padding: 15px; text-align: center; text-decoration: none; transition: all 0.14s; width: 100%; } #national-cycling-routes .map__container .leaflet-popup__dms-url .SVGInline { fill: #ffffff; transition: all 0.14s; } #national-cycling-routes .map__container .leaflet-popup__dms-url:hover, #national-cycling-routes .map__container .leaflet-popup__dms-url:focus { background-color: #ffffff; color: #266ca1; } #national-cycling-routes .map__container .leaflet-popup__dms-url:hover .SVGInline, #national-cycling-routes .map__container .leaflet-popup__dms-url:focus .SVGInline { fill: #266ca1; } #national-cycling-routes .map__placeholder { background: #0f2c42; border: 10px solid #4c6c28; max-height: 100vh; height: 100%; top: 0; } #national-cycling-routes .map .leaflet-container { background-color: #266ca1 !important; } #national-cycling-routes .route-cards { padding: 1.7333333333rem 1.8666666667rem; } #national-cycling-routes .route-cards__heading { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-size: 1.6rem; line-height: 1.4; margin-bottom: 0.5333333333rem; color: #0f2c42; text-transform: uppercase; } @media (max-width: 767.98px) { #national-cycling-routes .route-cards__heading { font-size: 24px; } } #national-cycling-routes .route-card { cursor: pointer; background-color: #ebe4d7; margin-bottom: 1.4rem; position: relative; border-bottom: #89bf4d 9px solid; border-bottom-color: var(--highlight); padding: 1.3333333333rem; transition: all 0.2s ease-out; } #national-cycling-routes .route-card--focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .route-card:hover, #national-cycling-routes .route-card--focus-within { background-color: #0f2c42; } #national-cycling-routes .route-card:hover .route-card__heading svg > path, #national-cycling-routes .route-card:hover .route-card__heading svg > g, #national-cycling-routes .route-card--focus-within .route-card__heading svg > path, #national-cycling-routes .route-card--focus-within .route-card__heading svg > g { color: white; fill: white; } #national-cycling-routes .route-card__heading { display: flex; justify-content: space-between; text-decoration: none; border-bottom: none; } #national-cycling-routes .route-card__heading:focus { outline: none; background: transparent; color: inherit; } #national-cycling-routes .route-card__heading:hover { background-color: transparent; } #national-cycling-routes .route-card__heading svg { transform: scaleX(-1); margin-left: 1rem; width: 26px; } #national-cycling-routes .route-card__heading svg > g, #national-cycling-routes .route-card__heading svg > path { fill: #0f2c42; transition: all 0.2s ease-out; } #national-cycling-routes .route-card__title { font-size: 2.1333333333rem; transition: all 0.2s ease-out; flex-wrap: wrap; } #national-cycling-routes .route-card:hover, #national-cycling-routes .route-card:hover .route-card__title, #national-cycling-routes .route-card:hover .route-card__heading, #national-cycling-routes .route-card--focus-within, #national-cycling-routes .route-card--focus-within .route-card__title { color: white; } #national-cycling-routes .route-card__shadow { transition: 0.2s all ease-out; content: " "; position: absolute; width: calc(100% - 80px); height: 60%; z-index: -1; bottom: 0; top: auto; left: 40px; box-shadow: 0px 0px 17px 8px var(--highlight); } #national-cycling-routes .route-card:hover #national-cycling-routes .route-card__shadow { transform: scale(1.1) translateY(3px); } #national-cycling-routes .routeDirection h4, #national-cycling-routes .routeDirection .contentSidebar__subheading { font-size: 28px; line-height: 28px; } #national-cycling-routes .routeDirection__control { display: flex; position: relative; justify-content: space-between; align-items: center; margin: 19px 13px 10px; } #national-cycling-routes .routeDirection__control::after { content: " "; position: absolute; width: calc(100% - 60px); height: 5px; left: 30px; top: calc(50% - 2px); background-color: #757575; } #national-cycling-routes .routeDirection__button { width: 36px; height: 36px; position: absolute; left: calc(50% - 18px); top: calc(50% - 18px); border-radius: 18px; z-index: 2; display: flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; transform-origin: center; border-bottom: none; } #national-cycling-routes .routeDirection__button--flipped { transform: rotate(180deg); } #national-cycling-routes .routeDirection__button svg { fill: #ffffff; } #national-cycling-routes .routeDirection__image { width: 60px; height: 60px; border-radius: 50%; border: 3px solid #ffffff; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); display: flex; position: relative; justify-content: center; align-items: center; z-index: 2; } #national-cycling-routes .routeDirection__imageOuter:first-child { margin-right: auto; } #national-cycling-routes .routeDirection__imageOuter:last-child { margin-left: auto; } #national-cycling-routes .routeDirection__image figure { width: 54px; height: 54px; border-radius: 50%; margin-bottom: 0; background-size: cover; } @media (max-width: 767.98px) { #national-cycling-routes .routeDirection__image { width: 86px; height: 86px; } #national-cycling-routes .routeDirection__image figure { width: 75px; height: 75px; } } #national-cycling-routes .routeDirection__names { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-size: 20px; text-transform: uppercase; color: #0f2c42; display: flex; width: 100%; justify-content: space-between; } #national-cycling-routes .sidebar { width: 400px; flex-basis: 400px; flex-grow: 0; flex-shrink: 0; } @media (max-width: 991.98px) { #national-cycling-routes .sidebar { width: auto; } } #national-cycling-routes .stage { height: 100%; position: relative; z-index: 0; background-color: #f7f7f7; text-align: center; } @media (min-width: 768px) { #national-cycling-routes .stage { box-shadow: 0px 2px 25px -6px rgba(0, 0, 0, 0.75); } } #national-cycling-routes .stage h3 { font-size: 20px; } #national-cycling-routes .stage:after { content: " "; height: 50px; width: 100%; background: #4c6c28; position: absolute; top: 0; left: 0; z-index: -1; } #national-cycling-routes .stage .contentSidebar { z-index: 4; } #national-cycling-routes .stage .contentSidebar h3 { font-size: 20px; line-height: 20px; } #national-cycling-routes .stage .contentSidebar p { line-height: 21px; margin-top: 5px; font-size: 15px; padding: 0 20px; } #national-cycling-routes .stage .details { margin-top: 12px; margin-bottom: 19px; justify-content: center; } @media (min-width: 768px) { #national-cycling-routes .stage { margin-left: 22px; text-align: left; } #national-cycling-routes .stage .contentSidebar { z-index: 4; } #national-cycling-routes .stage .contentSidebar h3 { font-size: 28px; line-height: 28px; } #national-cycling-routes .stage .contentSidebar p { line-height: 24px; font-size: 17px; margin-top: 5px; padding: 0; } #national-cycling-routes .stage .details { margin-top: 12px; justify-content: flex-start; } } @media (max-width: 991.98px) { #national-cycling-routes .stage { margin-left: 0px; } } #national-cycling-routes .stageCard { border: 8px solid #f1ede6; margin-top: 24px; margin-bottom: 24px; padding: 23px; text-align: center; position: relative; cursor: pointer; } #national-cycling-routes .stageCard:focus, #national-cycling-routes .stageCard:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .stageCard--withBottomLine { margin-bottom: 48px; } #national-cycling-routes .stageCard--withBottomLine::before { content: " "; position: absolute; bottom: -30px; height: 50px; width: 14px; left: calc(50% - 7px); background-color: #ffffff; } #national-cycling-routes .stageCard--withBottomLine::after { content: " "; position: absolute; bottom: -30px; height: 50px; left: calc(50% - 2px); width: 4px; border-radius: 2px; background-color: #4c6c28; } #national-cycling-routes .stageCard .details { justify-content: center; margin: 10px 0; } #national-cycling-routes .stageCard .SVGInline { width: 36px; height: 36px; position: absolute; left: calc(50% - 18px); top: -18px; background: #ffffff; } #national-cycling-routes .stageCard .SVGInline svg { width: 36px; height: 36px; transition: all 0.2s; } #national-cycling-routes .stageCard h3 { font-size: 20px; } #national-cycling-routes .stageCard p, #national-cycling-routes .stageCard a { font-size: 15px; } #national-cycling-routes .stageLink { background-color: #266ca1; color: white; flex-grow: 1; padding: 20px; cursor: pointer; display: flex; flex-basis: 50%; justify-content: center; align-items: center; flex-direction: column; } #national-cycling-routes .stageLink h4, #national-cycling-routes .stageLink .contentSidebar__subheading { color: white; font-size: 20px; line-height: 21px; } #national-cycling-routes .stageLink a { color: white; font-size: 16px; border-bottom: none; } #national-cycling-routes .stageLink a:hover, #national-cycling-routes .stageLink a:focus { color: white; background-color: transparent; } #national-cycling-routes .stageLinks { margin-left: -28px; margin-right: -28px; margin-bottom: -22px; margin-top: 40px; } #national-cycling-routes .stageLink .SVGInline { fill: white; margin-top: 3px; } #national-cycling-routes .stageLink__prev { background-color: #0f2c42; } #national-cycling-routes .stageLink:focus, #national-cycling-routes .stageLink:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .stageMap { position: relative; } #national-cycling-routes .stop { line-height: 24px; text-align: center; } #national-cycling-routes .stop__heading { display: flex; align-items: center; flex-direction: column; } #national-cycling-routes .stop__heading h4, #national-cycling-routes .stop__heading .contentSidebar__subheading { font-size: 21px; } #national-cycling-routes .stop__heading h4:focus, #national-cycling-routes .stop__heading .contentSidebar__subheading:focus, #national-cycling-routes .stop__heading h4:focus-within, #national-cycling-routes .stop__heading .contentSidebar__subheading:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .stop img { max-width: 100%; } @media (min-width: 768px) { #national-cycling-routes .stop { text-align: left; } #national-cycling-routes .stop__heading { flex-direction: row; justify-content: space-between; margin-bottom: 10px; } #national-cycling-routes .stop__heading h4, #national-cycling-routes .stop__heading .contentSidebar__subheading { font-size: 24px; line-height: 24px; } } #national-cycling-routes .stopLink { display: block; margin-top: 26px; flex-grow: 1; cursor: pointer; word-wrap: break-word; } #national-cycling-routes .stopLink__prev { margin-right: 10px; text-align: left; flex-basis: 50%; } #national-cycling-routes .stopLink__next { margin-left: 10px; text-align: right; flex-basis: 50%; } #national-cycling-routes .stopLink span { display: block; color: #0f2c42; font-size: 23px; line-height: 23px; font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; } #national-cycling-routes .stopLink a { font-size: 18px; border: none; color: #266ca1; border-bottom: 1px solid #266ca1; } #national-cycling-routes .stopLink a:focus, #national-cycling-routes .stopLink a:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .stopLink a:hover, #national-cycling-routes .stopLink a:focus { background-color: transparent; color: #266ca1; border-bottom: none; } #national-cycling-routes .stopLinks { display: flex; justify-content: space-between; } #national-cycling-routes .stopPicker { display: flex; align-items: center; flex-direction: column; margin-bottom: 16px; } #national-cycling-routes .stopPicker h4, #national-cycling-routes .stopPicker .contentSidebar__subheading { font-size: 18px; color: #757575; margin-bottom: 2px; } #national-cycling-routes .stopPicker__group { display: inline-flex; position: relative; } #national-cycling-routes .stopPicker__group::after { content: " "; background-color: #ececec; position: absolute; width: calc(100% - 14px); top: 6px; height: 2px; left: 7px; z-index: 1; } #national-cycling-routes .stopPicker__stop { background-color: #888888; width: 14px; height: 14px; border-radius: 7px; z-index: 2; position: relative; border-bottom: none; } #national-cycling-routes .stopPicker__stop:focus, #national-cycling-routes .stopPicker__stop:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .stopPicker__stop::after { content: " "; width: 4px; height: 4px; border-radius: 2px; background-color: white; position: absolute; top: calc(50% - 2px); left: calc(50% - 2px); z-index: 3; } #national-cycling-routes .stopPicker__stop.active { background-color: #3c3c3c; } #national-cycling-routes .stopPicker__stop + .stopPicker__stop { margin-left: 15px; } @media (min-width: 768px) { #national-cycling-routes .stopPicker { align-items: flex-end; } } #national-cycling-routes .tabs { position: relative; margin: 17px 15px; } @media (min-width: 768px) { #national-cycling-routes .tabs { margin: 0; } #national-cycling-routes .tabs .map__container { height: calc(100vh - 52px); } #national-cycling-routes .tabs .itinerary__container { min-height: calc(100vh - 52px); } } #national-cycling-routes .tabs--no-margin { margin: 0; } #national-cycling-routes .tabs__list { display: flex; height: 50px; background-color: #1b4565; padding: 0 20px; z-index: 1000; } #national-cycling-routes .tabs__item { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; color: white; text-transform: uppercase; font-size: 27px; padding: 5px 12px 3px; display: flex; align-items: center; position: relative; color: #7b9ab2; cursor: pointer; margin-bottom: 0; margin-right: 1px; } #national-cycling-routes .tabs__item:focus, #national-cycling-routes .tabs__item:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .tabs__item:hover { color: #ffffff; } #national-cycling-routes .tabs__item:focus { color: white; outline-width: 0; background-color: rgba(255, 255, 255, 0.125); } #national-cycling-routes .tabs__item svg { fill: #7b9ab2; } #national-cycling-routes .tabs__item.active { color: #ffffff; } #national-cycling-routes .tabs__item.active svg { fill: #ffffff; } #national-cycling-routes .tabs__item + button:after { content: " "; height: 20px; width: 2px; background: white; position: absolute; top: calc(50% - 10px); left: -2px; } #national-cycling-routes .tabs__item > span { margin-top: -4px; padding-left: 7px; } #national-cycling-routes .toggleSwitch { width: 36px; height: 20px; position: relative; padding: 2px 3px; cursor: pointer; } #national-cycling-routes .toggleSwitch input { position: absolute; z-index: 2000; width: 100%; height: 100%; opacity: 0; left: 0; cursor: pointer; } #national-cycling-routes .toggleSwitch input:checked + .toggleSwitch__slider { background-color: #266ca1; } #national-cycling-routes .toggleSwitch input:checked + .toggleSwitch__slider:after { box-shadow: none; transform: translateX(100%); background-color: #0b5288; } #national-cycling-routes .toggleSwitch .toggleSwitch__slider { position: absolute; top: calc(50% - 2px); left: 0; width: 30px; height: 8px; border-radius: 4px; background-color: #ead5a5; } #national-cycling-routes .toggleSwitch .toggleSwitch__slider:after { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); content: " "; position: absolute; width: 15px; height: 15px; top: -50%; left: 0; transition: all 0.1s ease-in-out; border-radius: 50%; background-color: #a97c50; } #national-cycling-routes .transcript__button { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-weight: 400; font-size: 18px; text-decoration: underline; text-transform: uppercase; color: #266ca1; } #national-cycling-routes .video { position: relative; margin-top: 22px; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } #national-cycling-routes .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #national-cycling-routes .header { padding: 50px 0; color: #161616; } #national-cycling-routes .header__heading { color: #161616; font-family: "EvelethSlantRegular", "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 900; line-height: 1.13; letter-spacing: 4.5px; max-width: 670px; font-size: 30px; line-height: 34px; margin-bottom: 1.75rem; } #national-cycling-routes .header p { font-size: 18px; line-height: 1.5; } #national-cycling-routes .header__logo img { width: 100%; height: auto; } #national-cycling-routes .header__logo--sustrans { max-width: 129px; } @media (max-width: 991.98px) { #national-cycling-routes .header__logo--sustrans { width: 77px; } } #national-cycling-routes .header__logo--ts { max-width: 80px; margin-left: 1rem; } @media (max-width: 991.98px) { #national-cycling-routes .header__logo--ts { width: 30px; } } #national-cycling-routes .ws-dms-loader { display: inline-block; position: relative; width: 64px; height: 64px; } #national-cycling-routes .ws-dms-loader__outer { width: 100%; display: flex; justify-content: center; } #national-cycling-routes .ws-dms-loader div { display: inline-block; position: absolute; left: 6px; width: 13px; background: #fff; -webkit-animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } #national-cycling-routes .ws-dms-loader div:nth-child(1) { left: 6px; -webkit-animation-delay: -0.24s; animation-delay: -0.24s; } #national-cycling-routes .ws-dms-loader div:nth-child(2) { left: 26px; -webkit-animation-delay: -0.12s; animation-delay: -0.12s; } #national-cycling-routes .ws-dms-loader div:nth-child(3) { left: 45px; -webkit-animation-delay: 0; animation-delay: 0; } @keyframes loader { 0% { top: 6px; height: 51px; } 50%, 100% { top: 19px; height: 26px; } } #national-cycling-routes .page-loader { padding: 4rem 0; } #national-cycling-routes .page-loader__loader { border: 16px solid #f3f3f3; border-top: 16px solid #266ca1; border-radius: 50%; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #national-cycling-routes .no-script { color: #161616; min-height: 325px; text-align: center; background: #ebe4d7; display: flex; align-items: center; justify-content: center; margin-bottom: 63px; } #national-cycling-routes .no-script h2 { color: #161616; font-weight: 400; font-size: 36px; } #national-cycling-routes .no-script p { font-size: 18px; line-height: 1.5; color: #161616; } #national-cycling-routes .slick-slider { position: relative; display: block; box-sizing: border-box; margin-bottom: 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #national-cycling-routes .slick-list { position: relative; display: block; margin: 0; padding: 0; } #national-cycling-routes .slick-list:focus { outline: none; } #national-cycling-routes .slick-list.dragging { cursor: pointer; cursor: hand; } #national-cycling-routes .slick-slider .slick-track, #national-cycling-routes .slick-slider .slick-list { transform: translate3d(0, 0, 0); } #national-cycling-routes .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } #national-cycling-routes .slick-track:before, #national-cycling-routes .slick-track:after { display: table; content: ""; } #national-cycling-routes .slick-track:after { clear: both; } #national-cycling-routes .slick-loading .slick-track { visibility: hidden; } #national-cycling-routes .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } #national-cycling-routes [dir=rtl] .slick-slide { float: right; } #national-cycling-routes .slick-slide img { display: block; } #national-cycling-routes .slick-slide.slick-loading img { display: none; } #national-cycling-routes .slick-slide.dragging img { pointer-events: none; } #national-cycling-routes .slick-initialized .slick-slide { display: block; } #national-cycling-routes .slick-loading .slick-slide { visibility: hidden; } #national-cycling-routes .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } #national-cycling-routes .slick-arrow.slick-hidden { display: none; } #national-cycling-routes .slick-arrow.left-arrow:after, #national-cycling-routes .slick-arrow.slick-prev:after, #national-cycling-routes .slick-arrow.right-arrow:after, #national-cycling-routes .slick-arrow.slick-next:after { background-image: none !important; } #national-cycling-routes .slick-dots { position: absolute; bottom: -24px; width: 100%; display: flex !important; justify-content: center; } #national-cycling-routes .slick-dots li { background: rgba(0, 0, 0, 0.3); border: 0; border-radius: 50%; display: block; font-size: 0.00001em; height: 14px; margin: 0 3px; width: 14px; } #national-cycling-routes .slick-dots li:focus, #national-cycling-routes .slick-dots li:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .slick-dots li:hover { background: rgba(0, 0, 0, 0.3); } #national-cycling-routes .leaflet-pane, #national-cycling-routes .leaflet-tile, #national-cycling-routes .leaflet-marker-icon, #national-cycling-routes .leaflet-marker-shadow, #national-cycling-routes .leaflet-tile-container, #national-cycling-routes .leaflet-pane > svg, #national-cycling-routes .leaflet-pane > canvas, #national-cycling-routes .leaflet-zoom-box, #national-cycling-routes .leaflet-image-layer, #national-cycling-routes .leaflet-layer { position: absolute; left: 0; top: 0; } #national-cycling-routes .leaflet-container { overflow: hidden; } #national-cycling-routes .leaflet-tile, #national-cycling-routes .leaflet-marker-icon, #national-cycling-routes .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } #national-cycling-routes .leaflet-tile:focus, #national-cycling-routes .leaflet-tile:focus-within, #national-cycling-routes .leaflet-marker-icon:focus, #national-cycling-routes .leaflet-marker-icon:focus-within, #national-cycling-routes .leaflet-marker-shadow:focus, #national-cycling-routes .leaflet-marker-shadow:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .leaflet-tile:focus, #national-cycling-routes .leaflet-marker-icon:focus, #national-cycling-routes .leaflet-marker-shadow:focus { z-index: 3000; position: relative; } #national-cycling-routes .leaflet-marker-icon-circle { position: relative; } #national-cycling-routes .leaflet-marker-icon-circle:focus { outline: none; } #national-cycling-routes .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } #national-cycling-routes .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } #national-cycling-routes .leaflet-marker-icon, #national-cycling-routes .leaflet-marker-shadow { display: block; } #national-cycling-routes .leaflet-container .leaflet-overlay-pane svg, #national-cycling-routes .leaflet-container .leaflet-marker-pane img, #national-cycling-routes .leaflet-container .leaflet-shadow-pane img, #national-cycling-routes .leaflet-container .leaflet-tile-pane img, #national-cycling-routes .leaflet-container img.leaflet-image-layer, #national-cycling-routes .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } #national-cycling-routes .leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; } #national-cycling-routes .leaflet-container.leaflet-touch-drag { /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } #national-cycling-routes .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; } #national-cycling-routes .leaflet-container { -webkit-tap-highlight-color: transparent; } #national-cycling-routes .leaflet-container h3 a { color: inherit; } #national-cycling-routes .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } #national-cycling-routes .leaflet-tile { filter: inherit; visibility: hidden; } #national-cycling-routes .leaflet-tile-loaded { visibility: inherit; } #national-cycling-routes .leaflet-zoom-box { width: 0; height: 0; box-sizing: border-box; z-index: 800; } #national-cycling-routes .leaflet-overlay-pane svg { -moz-user-select: none; } #national-cycling-routes .leaflet-pane { z-index: 400; } #national-cycling-routes .leaflet-tile-pane { z-index: 200; } #national-cycling-routes .leaflet-overlay-pane { z-index: 400; } #national-cycling-routes .leaflet-shadow-pane { z-index: 500; } #national-cycling-routes .leaflet-marker-pane { z-index: 600; } #national-cycling-routes .leaflet-tooltip-pane { z-index: 650; } #national-cycling-routes .leaflet-popup-pane { z-index: 700; } #national-cycling-routes .leaflet-map-pane canvas { z-index: 100; } #national-cycling-routes .leaflet-map-pane svg { z-index: 200; } #national-cycling-routes .leaflet-vml-shape { width: 1px; height: 1px; } #national-cycling-routes .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } #national-cycling-routes .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } #national-cycling-routes .leaflet-top, #national-cycling-routes .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } #national-cycling-routes .leaflet-top { top: 0; } #national-cycling-routes .leaflet-right { right: 0; } #national-cycling-routes .leaflet-bottom { bottom: 0; } #national-cycling-routes .leaflet-left { left: 0; } #national-cycling-routes .leaflet-control { float: left; clear: both; } #national-cycling-routes .leaflet-right .leaflet-control { float: right; } #national-cycling-routes .leaflet-top .leaflet-control { margin-top: 10px; } #national-cycling-routes .leaflet-bottom .leaflet-control { margin-bottom: 10px; } #national-cycling-routes .leaflet-left .leaflet-control { margin-left: 10px; } #national-cycling-routes .leaflet-right .leaflet-control { margin-right: 10px; } #national-cycling-routes .leaflet-fade-anim .leaflet-tile { will-change: opacity; } #national-cycling-routes .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; } #national-cycling-routes .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } #national-cycling-routes .leaflet-zoom-animated { transform-origin: 0 0; } #national-cycling-routes .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } #national-cycling-routes .leaflet-zoom-anim .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } #national-cycling-routes .leaflet-zoom-anim .leaflet-tile, #national-cycling-routes .leaflet-pan-anim .leaflet-tile { transition: none; } #national-cycling-routes .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } #national-cycling-routes .leaflet-interactive { cursor: pointer; } #national-cycling-routes .leaflet-grab { cursor: -webkit-grab; cursor: grab; } #national-cycling-routes .leaflet-crosshair, #national-cycling-routes .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } #national-cycling-routes .leaflet-popup-pane, #national-cycling-routes .leaflet-control { cursor: auto; } #national-cycling-routes .leaflet-dragging .leaflet-grab, #national-cycling-routes .leaflet-dragging .leaflet-grab .leaflet-interactive, #national-cycling-routes .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } #national-cycling-routes .leaflet-marker-icon, #national-cycling-routes .leaflet-marker-shadow, #national-cycling-routes .leaflet-image-layer, #national-cycling-routes .leaflet-pane > svg path, #national-cycling-routes .leaflet-tile-container { pointer-events: none; } #national-cycling-routes .leaflet-marker-icon.leaflet-interactive, #national-cycling-routes .leaflet-image-layer.leaflet-interactive, #national-cycling-routes .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } #national-cycling-routes .leaflet-container { background: #ddd; outline: 0; } #national-cycling-routes .leaflet-container a { color: #0078a8; } #national-cycling-routes .leaflet-container a.leaflet-active { outline: 2px solid orange; } #national-cycling-routes .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } #national-cycling-routes .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } #national-cycling-routes .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } #national-cycling-routes .leaflet-bar a, #national-cycling-routes .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } #national-cycling-routes .leaflet-bar a, #national-cycling-routes .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } #national-cycling-routes .leaflet-bar a:hover { background-color: #f4f4f4; } #national-cycling-routes .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } #national-cycling-routes .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } #national-cycling-routes .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } #national-cycling-routes .leaflet-bar a:focus:focus, #national-cycling-routes .leaflet-bar a:focus:focus-within { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } #national-cycling-routes .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } #national-cycling-routes .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } #national-cycling-routes .leaflet-control-zoom-in, #national-cycling-routes .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } #national-cycling-routes .leaflet-touch .leaflet-control-zoom-in, #national-cycling-routes .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } #national-cycling-routes .leaflet-control-zoom-in { position: relative; } #national-cycling-routes .leaflet-control-zoom-in:before { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; position: absolute; background: white; font-size: 16px; font-weight: 400; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; transform: translateY(-50%); min-width: 75px; padding: 5px 0; content: "Zoom In"; top: 50%; left: calc(100% + 12px); opacity: 0; } #national-cycling-routes .leaflet-control-zoom-in:hover:before, #national-cycling-routes .leaflet-control-zoom-in:focus:before { opacity: 1; } #national-cycling-routes .leaflet-control-zoom-out { position: relative; } #national-cycling-routes .leaflet-control-zoom-out:before { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; position: absolute; background: white; font-size: 16px; font-weight: 400; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; transform: translateY(-50%); min-width: 75px; padding: 5px 0; content: "Zoom out"; top: 50%; left: calc(100% + 12px); opacity: 0; } #national-cycling-routes .leaflet-control-zoom-out:hover:before, #national-cycling-routes .leaflet-control-zoom-out:focus:before { opacity: 1; } #national-cycling-routes .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } #national-cycling-routes .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } #national-cycling-routes .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } #national-cycling-routes .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } #national-cycling-routes .leaflet-control-layers .leaflet-control-layers-list, #national-cycling-routes .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } #national-cycling-routes .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } #national-cycling-routes .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } #national-cycling-routes .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } #national-cycling-routes .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } #national-cycling-routes .leaflet-control-layers label { display: block; } #national-cycling-routes .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } #national-cycling-routes .leaflet-default-icon-path { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } #national-cycling-routes .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } #national-cycling-routes .leaflet-control-attribution, #national-cycling-routes .leaflet-control-scale-line { padding: 0 5px; color: #333; } #national-cycling-routes .leaflet-control-attribution a { text-decoration: none; } #national-cycling-routes .leaflet-control-attribution a:hover { text-decoration: underline; } #national-cycling-routes .leaflet-container .leaflet-control-attribution, #national-cycling-routes .leaflet-container .leaflet-control-scale { font-size: 11px; } #national-cycling-routes .leaflet-left .leaflet-control-scale { margin-left: 5px; } #national-cycling-routes .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } #national-cycling-routes .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } #national-cycling-routes .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } #national-cycling-routes .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } #national-cycling-routes .leaflet-touch .leaflet-control-attribution, #national-cycling-routes .leaflet-touch .leaflet-control-layers, #national-cycling-routes .leaflet-touch .leaflet-bar { box-shadow: none; } #national-cycling-routes .leaflet-touch .leaflet-control-layers, #national-cycling-routes .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } #national-cycling-routes .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } #national-cycling-routes .leaflet-popup-content-wrapper { margin: 20px; padding: 1px; text-align: left; border-radius: 12px; } #national-cycling-routes .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; min-width: 400px; max-width: 400px; width: auto !important; text-align: center; } #national-cycling-routes .leaflet-popup-content p { margin: 18px 0; line-height: 120% !important; } #national-cycling-routes .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } #national-cycling-routes .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; transform: rotate(45deg); } #national-cycling-routes .leaflet-popup-content-wrapper, #national-cycling-routes .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } #national-cycling-routes .leaflet-container a.leaflet-popup-close-button, #national-cycling-routes button.leaflet-popup-close-button { position: absolute; top: 10px; right: 10px; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } #national-cycling-routes .leaflet-container a.leaflet-popup-close-button:focus, #national-cycling-routes button.leaflet-popup-close-button:focus { box-shadow: none; outline-width: 3px; outline-style: solid; outline-color: Highlight; background: white !important; color: black !important; outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .leaflet-container a.leaflet-popup-close-button, #national-cycling-routes button.leaflet-popup-close-button:hover { color: #343434; } #national-cycling-routes .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } #national-cycling-routes .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } #national-cycling-routes .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } #national-cycling-routes .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } #national-cycling-routes .leaflet-oldie .leaflet-control-zoom, #national-cycling-routes .leaflet-oldie .leaflet-control-layers, #national-cycling-routes .leaflet-oldie .leaflet-popup-content-wrapper, #national-cycling-routes .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } #national-cycling-routes .map__container .leaflet-popup-pane p { margin: 5px 0; padding: 0; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list .leaflet-popup-content-wrapper { padding: 0; background: #f3ede6; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list .leaflet-popup-content-wrapper::after { content: ""; position: absolute; margin-left: -8px; bottom: 12px; left: 50%; border-top: 8px solid #f3ede6; border-right: 8px solid transparent; border-left: 8px solid transparent; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list .leaflet-popup-content { margin: 0; padding-bottom: 0.5em; display: flex; flex-direction: column; align-items: center; max-width: 300px; min-width: 200px; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list .leaflet-popup-content a:focus { box-shadow: none; outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list .h2 { margin: 0 0 0.25em 0; padding: 0.5em; font-size: 23px; width: 100%; line-height: 1; text-align: center; text-transform: uppercase; color: #ffffff; background-color: #002c40; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a { font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; margin: 4px 0; text-transform: uppercase; color: #3c3c3c; width: 100%; text-align: center; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:hover, #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:focus, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:hover, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:focus { text-decoration: none; background-color: transparent; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:hover .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:hover .route-card__title, #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:focus .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:focus .route-card__title, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:hover .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:hover .route-card__title, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:focus .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:focus .route-card__title { text-decoration: none; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button:focus, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a:focus { outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; box-shadow: 0px 0px 10px 0px #266ca1; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list button .route-card__title, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a .h3, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a .route-card__title { text-decoration: underline; font-size: 23px; margin-bottom: 0; line-height: 1; color: #266ca1; } #national-cycling-routes .map__container .leaflet-popup--itinerary-list button .leaflet--gradelength, #national-cycling-routes .map__container .leaflet-popup--itinerary-list a .leaflet--gradelength { font-size: 16px; text-transform: uppercase; line-height: 1; margin-top: 2px; display: block; } #national-cycling-routes .map__container .leaflet-popup--itinerary-point .leaflet-popup-content, #national-cycling-routes .map__container .leaflet-popup--itinerary-stage .leaflet-popup-content { min-width: 200px; } #national-cycling-routes .map__container .leaflet-popup__dms-detail-heading a { color: white; font-family: "alternate-gothic-no-2-d", "Arial Narrow", "sans-serif"; font-weight: 400; font-size: 30px; line-height: 1; } #national-cycling-routes .map__container .leaflet-popup__dms-detail-heading a:focus { box-shadow: none; outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; } #national-cycling-routes .map__container .leaflet-popup__dms-details a:hover { color: #cdcdcd; } #national-cycling-routes .map__container .leaflet-popup__dms-details a:focus { box-shadow: none; outline-width: 3px !important; outline-style: solid !important; outline-color: Highlight !important; } #national-cycling-routes .map__container .leaflet-popup__dms a.leaflet-popup-close-button, #national-cycling-routes .map__container .leaflet-popup__dms button.leaflet-popup-close-button { color: white !important; font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; } #national-cycling-routes .map__container .leaflet-popup__dms a.leaflet-popup-close-button:hover, #national-cycling-routes .map__container .leaflet-popup__dms button.leaflet-popup-close-button:hover { background-color: white !important; color: black; } #national-cycling-routes .map__container .leaflet-popup__dms .leaflet-popup-content { text-align: left; } @media (max-width: 991.98px) { #national-cycling-routes .map__container .leaflet-popup__dms .leaflet-popup-content { min-width: 200px; } #national-cycling-routes .map__container .leaflet-popup__dms p { display: none; } #national-cycling-routes .map__container .leaflet-popup__dms-details, #national-cycling-routes .map__container .leaflet-popup__dms-url { padding: 10px; } #national-cycling-routes .map__container .leaflet-popup__dms-url { font-size: 16px; } } #national-cycling-routes .leaflet-div-icon svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #national-cycling-routes .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } #national-cycling-routes .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } #national-cycling-routes .leaflet-tooltip-top:before, #national-cycling-routes .leaflet-tooltip-bottom:before, #national-cycling-routes .leaflet-tooltip-left:before, #national-cycling-routes .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } #national-cycling-routes .leaflet-tooltip-bottom { margin-top: 6px; } #national-cycling-routes .leaflet-tooltip-top { margin-top: -6px; } #national-cycling-routes .leaflet-tooltip-bottom:before, #national-cycling-routes .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } #national-cycling-routes .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } #national-cycling-routes .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } #national-cycling-routes .leaflet-tooltip-left { margin-left: -6px; } #national-cycling-routes .leaflet-tooltip-right { margin-left: 6px; } #national-cycling-routes .leaflet-tooltip-left:before, #national-cycling-routes .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } #national-cycling-routes .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } #national-cycling-routes .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } #national-cycling-routes .leaflet-marker-pin { width: 34px; height: 46px; } #national-cycling-routes .leaflet-popup__link:focus { outline: 3px solid Highlight !important; } #national-cycling-routes .leaflet-anchor-focus:focus .leaflet-anchor-focus__container, #national-cycling-routes .leaflet-anchor-focus:focus-within .leaflet-anchor-focus__container { border: 3px solid #B5D5FF; } #national-cycling-routes .leaflet-anchor-focus__container { border: 3px solid transparent; } #national-cycling-routes .leaflet-popup__link--view { font-family: "source-sans-pro", "Arial", "sans-serif"; font-weight: 400; text-transform: none; font-size: 14px; text-decoration: underline; } a:hover #national-cycling-routes .leaflet-popup__link--view { text-decoration: none; } #national-cycling-routes a:hover .leaflet-popup__link--view { text-decoration: none; } #national-cycling-routes .mapboxgl-control-container { display: none; } #national-cycling-routes .row:before, #national-cycling-routes .row:after { display: inline-block !important; } #national-cycling-routes #cycling-routes-mount { position: relative; }.mapboxgl-map { font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif; overflow: hidden; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mapboxgl-map:-webkit-full-screen { width: 100%; height: 100%; } .mapboxgl-canary { background-color: salmon; } .mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass { cursor: -webkit-grab; cursor: grab; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active { cursor: -webkit-grabbing; cursor: grabbing; } .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas { touch-action: pan-x pan-y; } .mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas { touch-action: pinch-zoom; } .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas { touch-action: none; } .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; } .mapboxgl-ctrl-top-left { top: 0; left: 0; } .mapboxgl-ctrl-top-right { top: 0; right: 0; } .mapboxgl-ctrl-bottom-left { bottom: 0; left: 0; } .mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; } .mapboxgl-ctrl { clear: both; pointer-events: auto; } .mapboxgl-ctrl-top-left .mapboxgl-ctrl { margin: 10px 0 0 10px; float: left; } .mapboxgl-ctrl-top-right .mapboxgl-ctrl { margin: 10px 10px 0 0; float: right; } .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0 0 10px 10px; float: left; } .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; } .mapboxgl-ctrl-group { border-radius: 4px; overflow: hidden; background: #fff; } .mapboxgl-ctrl-group:not(:empty) { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .mapboxgl-ctrl-group > button { width: 30px; height: 30px; display: block; padding: 0; outline: none; border: 0; box-sizing: border-box; background-color: transparent; cursor: pointer; } .mapboxgl-ctrl-group > button + button { border-top: 1px solid #ddd; } /* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */ .mapboxgl-ctrl > button::-moz-focus-inner { border: 0; padding: 0; } .mapboxgl-ctrl > button:hover { background-color: rgba(0, 0, 0, 0.05); } .mapboxgl-ctrl-icon, .mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mapboxgl-ctrl-icon { padding: 5px; } .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out { background-image: svg-load('svg/mapboxgl-ctrl-zoom-out.svg'); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in { background-image: svg-load('svg/mapboxgl-ctrl-zoom-in.svg'); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate { background-image: svg-load('svg/mapboxgl-ctrl-geolocate.svg', fill=#333); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled { background-image: svg-load('svg/mapboxgl-ctrl-geolocate.svg', fill=#aaa); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active { background-image: svg-load('svg/mapboxgl-ctrl-geolocate.svg', fill=#33b5e5); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error { background-image: svg-load('svg/mapboxgl-ctrl-geolocate.svg', fill=#e58978); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background { background-image: svg-load('svg/mapboxgl-ctrl-geolocate-background.svg', fill=#33b5e5); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error { background-image: svg-load('svg/mapboxgl-ctrl-geolocate-background.svg', fill=#e54e33); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting { -webkit-animation: mapboxgl-spin 2s infinite linear; animation: mapboxgl-spin 2s infinite linear; } @-webkit-keyframes mapboxgl-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes mapboxgl-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen { background-image: svg-load('svg/mapboxgl-ctrl-fullscreen.svg'); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink { background-image: svg-load('svg/mapboxgl-ctrl-shrink.svg'); } .mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow { width: 20px; height: 20px; margin: 5px; background-image: svg-load('svg/mapboxgl-ctrl-compass.svg'); background-repeat: no-repeat; display: inline-block; } a.mapboxgl-ctrl-logo { width: 85px; height: 21px; margin: 0 0 -3px -3px; display: block; background-repeat: no-repeat; cursor: pointer; background-image: svg-load('svg/mapboxgl-ctrl-logo.svg'); } a.mapboxgl-ctrl-logo.mapboxgl-compact { width: 21px; height: 21px; background-image: svg-load('svg/mapboxgl-ctrl-logo-compact.svg'); } .mapboxgl-ctrl.mapboxgl-ctrl-attrib { padding: 0 5px; background-color: rgba(255, 255, 255, 0.5); margin: 0; } @media screen { .mapboxgl-ctrl-attrib.mapboxgl-compact { margin: 10px; position: relative; background-color: #fff; border-radius: 3px 12px 12px 3px; } .mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 2px 24px 2px 4px; visibility: visible; } .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover, .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 2px 4px 2px 24px; border-radius: 12px 3px 3px 12px; } .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner { display: none; } .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner { display: block; } .mapboxgl-ctrl-attrib.mapboxgl-compact::after { content: ''; cursor: pointer; position: absolute; background-image: svg-load('svg/mapboxgl-ctrl-attrib.svg'); background-color: rgba(255, 255, 255, 0.5); width: 24px; height: 24px; box-sizing: border-box; border-radius: 12px; } .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0; right: 0; } .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after { top: 0; right: 0; } .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after { top: 0; left: 0; } .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0; left: 0; } } .mapboxgl-ctrl-attrib a { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .mapboxgl-ctrl-attrib a:hover { color: inherit; text-decoration: underline; } /* stylelint-disable-next-line selector-class-pattern */ .mapboxgl-ctrl-attrib .mapbox-improve-map { font-weight: bold; margin-left: 2px; } .mapboxgl-attrib-empty { display: none; } .mapboxgl-ctrl-scale { background-color: rgba(255, 255, 255, 0.75); font-size: 10px; border-width: medium 2px 2px; border-style: none solid solid; border-color: #333; padding: 0 5px; color: #333; box-sizing: border-box; } .mapboxgl-popup { position: absolute; top: 0; left: 0; display: flex; will-change: transform; pointer-events: none; } .mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right { flex-direction: column; } .mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right { flex-direction: column-reverse; } .mapboxgl-popup-anchor-left { flex-direction: row; } .mapboxgl-popup-anchor-right { flex-direction: row-reverse; } .mapboxgl-popup-tip { width: 0; height: 0; border: 10px solid transparent; z-index: 1; } .mapboxgl-popup-anchor-top .mapboxgl-popup-tip { align-self: center; border-top: none; border-bottom-color: #fff; } .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip { align-self: flex-start; border-top: none; border-left: none; border-bottom-color: #fff; } .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { align-self: flex-end; border-top: none; border-right: none; border-bottom-color: #fff; } .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { align-self: center; border-bottom: none; border-top-color: #fff; } .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip { align-self: flex-start; border-bottom: none; border-left: none; border-top-color: #fff; } .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip { align-self: flex-end; border-bottom: none; border-right: none; border-top-color: #fff; } .mapboxgl-popup-anchor-left .mapboxgl-popup-tip { align-self: center; border-left: none; border-right-color: #fff; } .mapboxgl-popup-anchor-right .mapboxgl-popup-tip { align-self: center; border-right: none; border-left-color: #fff; } .mapboxgl-popup-close-button { position: absolute; right: 0; top: 0; border: 0; border-radius: 0 3px 0 0; cursor: pointer; background-color: transparent; } .mapboxgl-popup-close-button:hover { background-color: rgba(0, 0, 0, 0.05); } .mapboxgl-popup-content { position: relative; background: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 10px 10px 15px; pointer-events: auto; } .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content { border-top-left-radius: 0; } .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content { border-top-right-radius: 0; } .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content { border-bottom-left-radius: 0; } .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content { border-bottom-right-radius: 0; } .mapboxgl-marker { position: absolute; top: 0; left: 0; will-change: transform; } .mapboxgl-user-location-dot { background-color: #1da1f2; width: 15px; height: 15px; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); } .mapboxgl-user-location-dot::before { background-color: #1da1f2; content: ''; width: 15px; height: 15px; border-radius: 50%; position: absolute; -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite; animation: mapboxgl-user-location-dot-pulse 2s infinite; } .mapboxgl-user-location-dot::after { border-radius: 50%; border: 2px solid #fff; content: ''; height: 19px; left: -2px; position: absolute; top: -2px; width: 19px; box-sizing: border-box; } @-webkit-keyframes mapboxgl-user-location-dot-pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 70% { -webkit-transform: scale(3); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes mapboxgl-user-location-dot-pulse { 0% { transform: scale(1); opacity: 1; } 70% { transform: scale(3); opacity: 0; } 100% { transform: scale(1); opacity: 0; } } .mapboxgl-user-location-dot-stale { background-color: #aaa; } .mapboxgl-user-location-dot-stale::after { display: none; } .mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active { cursor: crosshair; } .mapboxgl-boxzoom { position: absolute; top: 0; left: 0; width: 0; height: 0; background: #fff; border: 2px dotted #202020; opacity: 0.5; } @media print { /* stylelint-disable-next-line selector-class-pattern */ .mapbox-improve-map { display: none; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }