@charset "UTF-8";
/* ======================================================================================================== */
/* SRC/SCSS/MAIN.SCSS */
/* ======================================================================================================== */
/* RESETS */
/* ========================================================================== */
/* ======================================================================================================== */
/* SRC/SCSS/RESET/_NORMALIZE.SCSS */
/* ======================================================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
color: #222;
font-size: 1em;
line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Media Queries
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
display: none !important;
visibility: hidden; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
*zoom: 1; }
/* ==========================================================================
Print styles
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/* ======================================================================================================== */
/* SRC/SCSS/RESET/_WORDPRESS.SCSS */
/* ======================================================================================================== */
#wpadminbar,
#ajax-links,
#body-classes {
display: none !important; }
html,
html.touch,
html.no-touch,
#html-wrapper {
margin-top: 0px !important; }
/* ======================================================================================================== */
/* SRC/SCSS/RESET/_RESET.SCSS */
/* ======================================================================================================== */
#js,
html,
body {
padding: 0 !important; }
article,
div,
fieldset,
figure,
form,
footer,
header,
nav,
section {
display: block;
position: relative;
padding: 0;
margin: 0;
border: none;
box-sizing: border-box; }
a {
outline: none !important;
text-decoration: none;
color: inherit; }
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ol,
ul,
blockquote {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal; }
figure {
line-height: 0;
background-color: transparent; }
img,
video,
iframe {
max-width: 100%;
max-height: none;
height: auto;
width: auto; }
mark {
background-color: transparent; }
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-position: center;
background-repeat: no-repeat;
-webkit-transform-origin: center;
transform-origin: center;
outline: none !important; }
ul,
li {
list-style: none; }
input,
button,
textarea {
outline: none !important; }
p:empty {
display: none !important; }
/* ======================================================================================================== */
/* SRC/SCSS/RESET/_SMOOTH.SCSS */
/* ======================================================================================================== */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* VENDOR */
/* ========================================================================== */
.glide {
position: relative;
width: 100%;
box-sizing: border-box; }
.glide * {
box-sizing: inherit; }
.glide__track {
overflow: hidden; }
.glide__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform; }
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: initial;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent; }
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none; }
.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.glide--rtl {
direction: rtl; }
/* SCSS UTILS */
/* ========================================================================== */
/* ======================================================================================================== */
/* SRC/SCSS/UTILS/VARIABLES.SCSS */
/* ======================================================================================================== */
/* Break Points */
/* margins */
/* gutter */
/* large-gutter */
/* space */
/* space */
/* Max site width */
/* Number of columns */
/* Colors */
/* Animations */
/* ease in helpers */
/* ease out helpers */
/* ======================================================================================================== */
/* SRC/SCSS/UTILS/MIXINS.SCSS */
/* ======================================================================================================== */
/* media queries */
/* fill parent element */
/* ======================================================================================================== */
/* SRC/SCSS/UTILS/FIGURE.SCSS */
/* ======================================================================================================== */
.u-figure {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: #f6f6f6; }
.u-figure img {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
opacity: 0; }
.u-figure video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
opacity: 1; }
.u-figure--contain img {
-o-object-fit: contain;
object-fit: contain; }
.u-figure--contain video {
-o-object-fit: contain;
object-fit: contain; }
.u-figure.state-media-loaded img {
opacity: 1; }
.u-figure.state-media-loaded video {
opacity: 1; }
.state-page-loaded .u-figure img {
transition: opacity 400ms; }
.state-page-loaded .u-figure video {
transition: opacity 400ms; }
.u-figure--center video,
.u-figure--center img {
-o-object-position: 50% 50%;
object-position: 50% 50%; }
.u-figure--top-left video,
.u-figure--top-left img {
-o-object-position: 0% 0%;
object-position: 0% 0%; }
.u-figure--top video,
.u-figure--top img {
-o-object-position: 50% 0%;
object-position: 50% 0%; }
.u-figure--top-right video,
.u-figure--top-right img {
-o-object-position: 100% 0%;
object-position: 100% 0%; }
.u-figure--left video,
.u-figure--left img {
-o-object-position: 0% 50%;
object-position: 0% 50%; }
.u-figure--right video,
.u-figure--right img {
-o-object-position: 100% 50%;
object-position: 100% 50%; }
.u-figure--bottom-left video,
.u-figure--bottom-left img {
-o-object-position: 0% 100%;
object-position: 0% 100%; }
.u-figure--bottom video,
.u-figure--bottom img {
-o-object-position: 50% 100%;
object-position: 50% 100%; }
.u-figure--bottom-right video,
.u-figure--bottom-right img {
-o-object-position: 100% 100%;
object-position: 100% 100%; }
.u-figure--transparent {
background-color: transparent !important; }
.u-filter img {
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important; }
.u-m-show {
display: none; }
@media screen and (min-width: 47.5rem) {
.u-m-show {
display: block; } }
.u-m-show--flex {
display: none; }
@media screen and (min-width: 47.5rem) {
.u-m-show--flex {
display: flex; } }
.u-m-hide {
display: block; }
@media screen and (min-width: 47.5rem) {
.u-m-hide {
display: none; } }
.u-m-hide--flex {
display: flex; }
@media screen and (min-width: 47.5rem) {
.u-m-hide--flex {
display: none; } }
.u-l-show {
display: none; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-show {
display: block; } }
.u-l-show--flex {
display: none; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-show--flex {
display: flex; } }
.u-l-hide {
display: block; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-hide {
display: none; } }
.u-l-hide--flex {
display: flex; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-hide--flex {
display: none; } }
.u-xl-show {
display: none; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-show {
display: block; } }
.u-xl-show--flex {
display: none; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-show--flex {
display: flex; } }
.u-xl-hide {
display: block; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-hide {
display: none; } }
.u-xl-hide--flex {
display: flex; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-hide--flex {
display: none; } }
.u-portrait-hide {
display: block; }
@media screen and (orientation: portrait) {
.u-portrait-hide {
display: none; } }
.u-portrait-show {
display: none; }
@media screen and (orientation: portrait) {
.u-portrait-show {
display: block; } }
/* LAYOUT */
/* ========================================================================== */
.l-content {
width: 100%;
margin: 0 auto;
max-width: 79.5rem; }
@media screen and (min-width: 30em) {
.l-content {
max-width: 80rem; } }
@media screen and (min-width: 47.5rem) {
.l-content {
max-width: 81.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-content {
max-width: 82.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-content {
max-width: 83.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-content {
max-width: 84.5rem; } }
/* ======================================================================================================== */
/* SRC/SCSS/LAYOUT/_GRID.SCSS */
/* ======================================================================================================== */
.l-grid {
margin-right: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin-left: calc(1rem - 0.25rem);
width: calc(100% - 2rem + 0.5rem); }
@media screen and (min-width: 30em) {
.l-grid {
margin-left: calc(1.25rem - 0.25rem);
width: calc(100% - 2.5rem + 0.5rem); } }
@media screen and (min-width: 47.5rem) {
.l-grid {
margin-left: calc(2rem - 0.25rem);
width: calc(100% - 4rem + 0.5rem); } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid {
margin-left: calc(2.5rem - 0.25rem);
width: calc(100% - 5rem + 0.5rem); } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid {
margin-left: calc(3rem - 0.25rem);
width: calc(100% - 6rem + 0.5rem); } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid {
margin-left: calc(3.5rem - 0.25rem);
width: calc(100% - 7rem + 0.5rem); } }
.l-grid--large {
margin-left: calc(1rem - 0.625rem);
width: calc(100% - 2rem + 1.25rem); }
@media screen and (min-width: 30em) {
.l-grid--large {
margin-left: calc(1.25rem - 0.625rem);
width: calc(100% - 2.5rem + 1.25rem); } }
@media screen and (min-width: 47.5rem) {
.l-grid--large {
margin-left: calc(2rem - 1rem);
width: calc(100% - 4rem + 2rem); } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid--large {
margin-left: calc(2.5rem - 1.25rem);
width: calc(100% - 5rem + 2.5rem); } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--large {
margin-left: calc(3rem - 1.25rem);
width: calc(100% - 6rem + 2.5rem); } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--large {
margin-left: calc(3.5rem - 1.25rem);
width: calc(100% - 7rem + 2.5rem); } }
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); }
@media screen and (min-width: 30em) {
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); } }
@media screen and (min-width: 47.5rem) {
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--inset {
margin-left: -0.25rem;
width: calc(100% + 0.5rem); } }
.l-grid--inset.l-grid--large {
margin-left: -0.625rem;
width: calc(100% + 1.25rem); }
@media screen and (min-width: 30em) {
.l-grid--inset.l-grid--large {
margin-left: -0.625rem;
width: calc(100% + 1.25rem); } }
@media screen and (min-width: 47.5rem) {
.l-grid--inset.l-grid--large {
margin-left: -1rem;
width: calc(100% + 2rem); } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid--inset.l-grid--large {
margin-left: -1.25rem;
width: calc(100% + 2.5rem); } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--inset.l-grid--large {
margin-left: -1.25rem;
width: calc(100% + 2.5rem); } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--inset.l-grid--large {
margin-left: -1.25rem;
width: calc(100% + 2.5rem); } }
.l-grid--no-max-width {
max-width: 9999px; }
.l-grid--block {
display: block; }
.l-grid--xs-start {
align-items: flex-start; }
.l-grid--xs-middle {
align-items: center; }
.l-grid--xs-end {
align-items: flex-end; }
.l-grid--xs-even {
align-items: stretch; }
.l-grid--xs-top-bottom {
align-content: space-between; }
.l-grid--xs-center {
justify-content: center; }
.l-grid--xs-justified {
justify-content: space-between; }
.l-grid--max-width {
max-width: calc(90rem - 2rem + 0.5rem);
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 30em) {
.l-grid--max-width {
max-width: calc(90rem - 2.5rem + 0.5rem);
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 47.5rem) {
.l-grid--max-width {
max-width: calc(90rem - 4rem + 0.5rem);
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid--max-width {
max-width: calc(90rem - 5rem + 0.5rem);
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--max-width {
max-width: calc(90rem - 6rem + 0.5rem);
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--max-width {
max-width: calc(90rem - 7rem + 0.5rem);
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 30em) {
.l-grid--s-start {
align-items: flex-start; }
.l-grid--s-middle {
align-items: center; }
.l-grid--s-end {
align-items: flex-end; }
.l-grid--s-even {
align-items: stretch; }
.l-grid--s-center {
justify-content: center; }
.l-grid--s-justified {
justify-content: space-between; } }
@media screen and (min-width: 47.5rem) {
.l-grid--m-start {
align-items: flex-start; }
.l-grid--m-middle {
align-items: center; }
.l-grid--m-end {
align-items: flex-end; }
.l-grid--m-even {
align-items: stretch; }
.l-grid--m-space-content {
align-content: space-between; }
.l-grid--m-center {
justify-content: center; }
.l-grid--m-justified {
justify-content: space-between; }
.l-grid--m-reverse {
flex-direction: row-reverse; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid--l-start {
align-items: flex-start; }
.l-grid--l-middle {
align-items: center; }
.l-grid--l-end {
align-items: flex-end; }
.l-grid--l-even {
align-items: stretch; }
.l-grid--l-center {
justify-content: center; }
.l-grid--l-justified {
justify-content: space-between; }
.l-grid--l-reverse {
flex-direction: row-reverse; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--xl-start {
align-items: flex-start; }
.l-grid--xl-middle {
align-items: center; }
.l-grid--xl-end {
align-items: flex-end; }
.l-grid--xl-even {
align-items: stretch; }
.l-grid--xl-center {
justify-content: center; }
.l-grid--xl-justified {
justify-content: space-between; }
.l-grid--xl-reverse {
flex-direction: row-reverse; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid--xxl-start {
align-items: flex-start; }
.l-grid--xxl-middle {
align-items: center; }
.l-grid--xxl-end {
align-items: flex-end; }
.l-grid--xxl-even {
align-items: stretch; }
.l-grid--xxl-center {
justify-content: center; }
.l-grid--xxl-justified {
justify-content: space-between; }
.l-grid--xxl-reverse {
flex-direction: row-reverse; } }
.l-grid__col {
min-height: 0.0625rem;
width: 100%;
display: block;
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 0.625rem;
padding-right: 0.625rem; }
.l-grid__col--xs-1-6 {
width: 16.6666666667%; }
.l-grid__col--xs-2-6 {
width: 33.3333333333%; }
.l-grid__col--xs-3-6 {
width: 50%; }
.l-grid__col--xs-4-6 {
width: 66.6666666667%; }
.l-grid__col--xs-5-6 {
width: 83.3333333333%; }
.l-grid__col--xs-6-6 {
width: 100%; }
.l-grid__col--xs-push-0-6 {
margin-left: 0%; }
.l-grid__col--xs-push-1-6 {
margin-left: 16.6666666667%; }
.l-grid__col--xs-push-2-6 {
margin-left: 33.3333333333%; }
.l-grid__col--xs-push-3-6 {
margin-left: 50%; }
.l-grid__col--xs-push-4-6 {
margin-left: 66.6666666667%; }
.l-grid__col--xs-push-5-6 {
margin-left: 83.3333333333%; }
.l-grid__col--xs-push-6-6 {
margin-left: 100%; }
@media screen and (min-width: 30em) {
.l-grid__col {
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 0.625rem;
padding-right: 0.625rem; }
.l-grid__col--s-1-6 {
width: 16.6666666667%; }
.l-grid__col--s-2-6 {
width: 33.3333333333%; }
.l-grid__col--s-3-6 {
width: 50%; }
.l-grid__col--s-4-6 {
width: 66.6666666667%; }
.l-grid__col--s-5-6 {
width: 83.3333333333%; }
.l-grid__col--s-6-6 {
width: 100%; }
.l-grid__col--s-push-0-6 {
margin-left: 0%; }
.l-grid__col--s-push-1-6 {
margin-left: 16.6666666667%; }
.l-grid__col--s-push-2-6 {
margin-left: 33.3333333333%; }
.l-grid__col--s-push-3-6 {
margin-left: 50%; }
.l-grid__col--s-push-4-6 {
margin-left: 66.6666666667%; }
.l-grid__col--s-push-5-6 {
margin-left: 83.3333333333%; }
.l-grid__col--s-push-6-6 {
margin-left: 100%; } }
@media screen and (min-width: 47.5rem) {
.l-grid__col {
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 1rem;
padding-right: 1rem; }
.l-grid__col--m-1-12 {
width: 8.3333333333%; }
.l-grid__col--m-2-12 {
width: 16.6666666667%; }
.l-grid__col--m-3-12 {
width: 25%; }
.l-grid__col--m-4-12 {
width: 33.3333333333%; }
.l-grid__col--m-5-12 {
width: 41.6666666667%; }
.l-grid__col--m-6-12 {
width: 50%; }
.l-grid__col--m-7-12 {
width: 58.3333333333%; }
.l-grid__col--m-8-12 {
width: 66.6666666667%; }
.l-grid__col--m-9-12 {
width: 75%; }
.l-grid__col--m-10-12 {
width: 83.3333333333%; }
.l-grid__col--m-11-12 {
width: 91.6666666667%; }
.l-grid__col--m-12-12 {
width: 100%; }
.l-grid__col--m-push-0-12 {
margin-left: 0%; }
.l-grid__col--m-push-1-12 {
margin-left: 8.3333333333%; }
.l-grid__col--m-push-2-12 {
margin-left: 16.6666666667%; }
.l-grid__col--m-push-3-12 {
margin-left: 25%; }
.l-grid__col--m-push-4-12 {
margin-left: 33.3333333333%; }
.l-grid__col--m-push-5-12 {
margin-left: 41.6666666667%; }
.l-grid__col--m-push-6-12 {
margin-left: 50%; }
.l-grid__col--m-push-7-12 {
margin-left: 58.3333333333%; }
.l-grid__col--m-push-8-12 {
margin-left: 66.6666666667%; }
.l-grid__col--m-push-9-12 {
margin-left: 75%; }
.l-grid__col--m-push-10-12 {
margin-left: 83.3333333333%; }
.l-grid__col--m-push-11-12 {
margin-left: 91.6666666667%; }
.l-grid__col--m-push-12-12 {
margin-left: 100%; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-grid__col {
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.l-grid__col--l-1-12 {
width: 8.3333333333%; }
.l-grid__col--l-2-12 {
width: 16.6666666667%; }
.l-grid__col--l-3-12 {
width: 25%; }
.l-grid__col--l-4-12 {
width: 33.3333333333%; }
.l-grid__col--l-5-12 {
width: 41.6666666667%; }
.l-grid__col--l-6-12 {
width: 50%; }
.l-grid__col--l-7-12 {
width: 58.3333333333%; }
.l-grid__col--l-8-12 {
width: 66.6666666667%; }
.l-grid__col--l-9-12 {
width: 75%; }
.l-grid__col--l-10-12 {
width: 83.3333333333%; }
.l-grid__col--l-11-12 {
width: 91.6666666667%; }
.l-grid__col--l-12-12 {
width: 100%; }
.l-grid__col--l-push-0-12 {
margin-left: 0%; }
.l-grid__col--l-push-1-12 {
margin-left: 8.3333333333%; }
.l-grid__col--l-push-2-12 {
margin-left: 16.6666666667%; }
.l-grid__col--l-push-3-12 {
margin-left: 25%; }
.l-grid__col--l-push-4-12 {
margin-left: 33.3333333333%; }
.l-grid__col--l-push-5-12 {
margin-left: 41.6666666667%; }
.l-grid__col--l-push-6-12 {
margin-left: 50%; }
.l-grid__col--l-push-7-12 {
margin-left: 58.3333333333%; }
.l-grid__col--l-push-8-12 {
margin-left: 66.6666666667%; }
.l-grid__col--l-push-9-12 {
margin-left: 75%; }
.l-grid__col--l-push-10-12 {
margin-left: 83.3333333333%; }
.l-grid__col--l-push-11-12 {
margin-left: 91.6666666667%; }
.l-grid__col--l-push-12-12 {
margin-left: 100%; }
.l-grid__col--l-1-24 {
width: 4.1666666667%; }
.l-grid__col--l-2-24 {
width: 8.3333333333%; }
.l-grid__col--l-3-24 {
width: 12.5%; }
.l-grid__col--l-4-24 {
width: 16.6666666667%; }
.l-grid__col--l-5-24 {
width: 20.8333333333%; }
.l-grid__col--l-6-24 {
width: 25%; }
.l-grid__col--l-7-24 {
width: 29.1666666667%; }
.l-grid__col--l-8-24 {
width: 33.3333333333%; }
.l-grid__col--l-9-24 {
width: 37.5%; }
.l-grid__col--l-10-24 {
width: 41.6666666667%; }
.l-grid__col--l-11-24 {
width: 45.8333333333%; }
.l-grid__col--l-12-24 {
width: 50%; }
.l-grid__col--l-13-24 {
width: 54.1666666667%; }
.l-grid__col--l-14-24 {
width: 58.3333333333%; }
.l-grid__col--l-15-24 {
width: 62.5%; }
.l-grid__col--l-16-24 {
width: 66.6666666667%; }
.l-grid__col--l-17-24 {
width: 70.8333333333%; }
.l-grid__col--l-18-24 {
width: 75%; }
.l-grid__col--l-19-24 {
width: 79.1666666667%; }
.l-grid__col--l-20-24 {
width: 83.3333333333%; }
.l-grid__col--l-21-24 {
width: 87.5%; }
.l-grid__col--l-22-24 {
width: 91.6666666667%; }
.l-grid__col--l-23-24 {
width: 95.8333333333%; }
.l-grid__col--l-24-24 {
width: 100%; }
.l-grid__col--l-push-0-24 {
margin-left: 0%; }
.l-grid__col--l-push-1-24 {
margin-left: 4.1666666667%; }
.l-grid__col--l-push-2-24 {
margin-left: 8.3333333333%; }
.l-grid__col--l-push-3-24 {
margin-left: 12.5%; }
.l-grid__col--l-push-4-24 {
margin-left: 16.6666666667%; }
.l-grid__col--l-push-5-24 {
margin-left: 20.8333333333%; }
.l-grid__col--l-push-6-24 {
margin-left: 25%; }
.l-grid__col--l-push-7-24 {
margin-left: 29.1666666667%; }
.l-grid__col--l-push-8-24 {
margin-left: 33.3333333333%; }
.l-grid__col--l-push-9-24 {
margin-left: 37.5%; }
.l-grid__col--l-push-10-24 {
margin-left: 41.6666666667%; }
.l-grid__col--l-push-11-24 {
margin-left: 45.8333333333%; }
.l-grid__col--l-push-12-24 {
margin-left: 50%; }
.l-grid__col--l-push-13-24 {
margin-left: 54.1666666667%; }
.l-grid__col--l-push-14-24 {
margin-left: 58.3333333333%; }
.l-grid__col--l-push-15-24 {
margin-left: 62.5%; }
.l-grid__col--l-push-16-24 {
margin-left: 66.6666666667%; }
.l-grid__col--l-push-17-24 {
margin-left: 70.8333333333%; }
.l-grid__col--l-push-18-24 {
margin-left: 75%; }
.l-grid__col--l-push-19-24 {
margin-left: 79.1666666667%; }
.l-grid__col--l-push-20-24 {
margin-left: 83.3333333333%; }
.l-grid__col--l-push-21-24 {
margin-left: 87.5%; }
.l-grid__col--l-push-22-24 {
margin-left: 91.6666666667%; }
.l-grid__col--l-push-23-24 {
margin-left: 95.8333333333%; }
.l-grid__col--l-push-24-24 {
margin-left: 100%; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid__col {
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.l-grid__col--xl-1-12 {
width: 8.3333333333%; }
.l-grid__col--xl-2-12 {
width: 16.6666666667%; }
.l-grid__col--xl-3-12 {
width: 25%; }
.l-grid__col--xl-4-12 {
width: 33.3333333333%; }
.l-grid__col--xl-5-12 {
width: 41.6666666667%; }
.l-grid__col--xl-6-12 {
width: 50%; }
.l-grid__col--xl-7-12 {
width: 58.3333333333%; }
.l-grid__col--xl-8-12 {
width: 66.6666666667%; }
.l-grid__col--xl-9-12 {
width: 75%; }
.l-grid__col--xl-10-12 {
width: 83.3333333333%; }
.l-grid__col--xl-11-12 {
width: 91.6666666667%; }
.l-grid__col--xl-12-12 {
width: 100%; }
.l-grid__col--xl-push-0-12 {
margin-left: 0%; }
.l-grid__col--xl-push-1-12 {
margin-left: 8.3333333333%; }
.l-grid__col--xl-push-2-12 {
margin-left: 16.6666666667%; }
.l-grid__col--xl-push-3-12 {
margin-left: 25%; }
.l-grid__col--xl-push-4-12 {
margin-left: 33.3333333333%; }
.l-grid__col--xl-push-5-12 {
margin-left: 41.6666666667%; }
.l-grid__col--xl-push-6-12 {
margin-left: 50%; }
.l-grid__col--xl-push-7-12 {
margin-left: 58.3333333333%; }
.l-grid__col--xl-push-8-12 {
margin-left: 66.6666666667%; }
.l-grid__col--xl-push-9-12 {
margin-left: 75%; }
.l-grid__col--xl-push-10-12 {
margin-left: 83.3333333333%; }
.l-grid__col--xl-push-11-12 {
margin-left: 91.6666666667%; }
.l-grid__col--xl-push-12-12 {
margin-left: 100%; }
.l-grid__col--xl-1-24 {
width: 4.1666666667%; }
.l-grid__col--xl-2-24 {
width: 8.3333333333%; }
.l-grid__col--xl-3-24 {
width: 12.5%; }
.l-grid__col--xl-4-24 {
width: 16.6666666667%; }
.l-grid__col--xl-5-24 {
width: 20.8333333333%; }
.l-grid__col--xl-6-24 {
width: 25%; }
.l-grid__col--xl-7-24 {
width: 29.1666666667%; }
.l-grid__col--xl-8-24 {
width: 33.3333333333%; }
.l-grid__col--xl-9-24 {
width: 37.5%; }
.l-grid__col--xl-10-24 {
width: 41.6666666667%; }
.l-grid__col--xl-11-24 {
width: 45.8333333333%; }
.l-grid__col--xl-12-24 {
width: 50%; }
.l-grid__col--xl-13-24 {
width: 54.1666666667%; }
.l-grid__col--xl-14-24 {
width: 58.3333333333%; }
.l-grid__col--xl-15-24 {
width: 62.5%; }
.l-grid__col--xl-16-24 {
width: 66.6666666667%; }
.l-grid__col--xl-17-24 {
width: 70.8333333333%; }
.l-grid__col--xl-18-24 {
width: 75%; }
.l-grid__col--xl-19-24 {
width: 79.1666666667%; }
.l-grid__col--xl-20-24 {
width: 83.3333333333%; }
.l-grid__col--xl-21-24 {
width: 87.5%; }
.l-grid__col--xl-22-24 {
width: 91.6666666667%; }
.l-grid__col--xl-23-24 {
width: 95.8333333333%; }
.l-grid__col--xl-24-24 {
width: 100%; }
.l-grid__col--xl-push-0-24 {
margin-left: 0%; }
.l-grid__col--xl-push-1-24 {
margin-left: 4.1666666667%; }
.l-grid__col--xl-push-2-24 {
margin-left: 8.3333333333%; }
.l-grid__col--xl-push-3-24 {
margin-left: 12.5%; }
.l-grid__col--xl-push-4-24 {
margin-left: 16.6666666667%; }
.l-grid__col--xl-push-5-24 {
margin-left: 20.8333333333%; }
.l-grid__col--xl-push-6-24 {
margin-left: 25%; }
.l-grid__col--xl-push-7-24 {
margin-left: 29.1666666667%; }
.l-grid__col--xl-push-8-24 {
margin-left: 33.3333333333%; }
.l-grid__col--xl-push-9-24 {
margin-left: 37.5%; }
.l-grid__col--xl-push-10-24 {
margin-left: 41.6666666667%; }
.l-grid__col--xl-push-11-24 {
margin-left: 45.8333333333%; }
.l-grid__col--xl-push-12-24 {
margin-left: 50%; }
.l-grid__col--xl-push-13-24 {
margin-left: 54.1666666667%; }
.l-grid__col--xl-push-14-24 {
margin-left: 58.3333333333%; }
.l-grid__col--xl-push-15-24 {
margin-left: 62.5%; }
.l-grid__col--xl-push-16-24 {
margin-left: 66.6666666667%; }
.l-grid__col--xl-push-17-24 {
margin-left: 70.8333333333%; }
.l-grid__col--xl-push-18-24 {
margin-left: 75%; }
.l-grid__col--xl-push-19-24 {
margin-left: 79.1666666667%; }
.l-grid__col--xl-push-20-24 {
margin-left: 83.3333333333%; }
.l-grid__col--xl-push-21-24 {
margin-left: 87.5%; }
.l-grid__col--xl-push-22-24 {
margin-left: 91.6666666667%; }
.l-grid__col--xl-push-23-24 {
margin-left: 95.8333333333%; }
.l-grid__col--xl-push-24-24 {
margin-left: 100%; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-grid__col {
padding-left: 0.25rem;
padding-right: 0.25rem; }
.l-grid--large .l-grid__col {
padding-left: 1.25rem;
padding-right: 1.25rem; }
.l-grid__col--xxl-1-12 {
width: 8.3333333333%; }
.l-grid__col--xxl-2-12 {
width: 16.6666666667%; }
.l-grid__col--xxl-3-12 {
width: 25%; }
.l-grid__col--xxl-4-12 {
width: 33.3333333333%; }
.l-grid__col--xxl-5-12 {
width: 41.6666666667%; }
.l-grid__col--xxl-6-12 {
width: 50%; }
.l-grid__col--xxl-7-12 {
width: 58.3333333333%; }
.l-grid__col--xxl-8-12 {
width: 66.6666666667%; }
.l-grid__col--xxl-9-12 {
width: 75%; }
.l-grid__col--xxl-10-12 {
width: 83.3333333333%; }
.l-grid__col--xxl-11-12 {
width: 91.6666666667%; }
.l-grid__col--xxl-12-12 {
width: 100%; }
.l-grid__col--xxl-push-0-12 {
margin-left: 0%; }
.l-grid__col--xxl-push-1-12 {
margin-left: 8.3333333333%; }
.l-grid__col--xxl-push-2-12 {
margin-left: 16.6666666667%; }
.l-grid__col--xxl-push-3-12 {
margin-left: 25%; }
.l-grid__col--xxl-push-4-12 {
margin-left: 33.3333333333%; }
.l-grid__col--xxl-push-5-12 {
margin-left: 41.6666666667%; }
.l-grid__col--xxl-push-6-12 {
margin-left: 50%; }
.l-grid__col--xxl-push-7-12 {
margin-left: 58.3333333333%; }
.l-grid__col--xxl-push-8-12 {
margin-left: 66.6666666667%; }
.l-grid__col--xxl-push-9-12 {
margin-left: 75%; }
.l-grid__col--xxl-push-10-12 {
margin-left: 83.3333333333%; }
.l-grid__col--xxl-push-11-12 {
margin-left: 91.6666666667%; }
.l-grid__col--xxl-push-12-12 {
margin-left: 100%; }
.l-grid__col--xl-1-24 {
width: 4.1666666667%; }
.l-grid__col--xl-2-24 {
width: 8.3333333333%; }
.l-grid__col--xl-3-24 {
width: 12.5%; }
.l-grid__col--xl-4-24 {
width: 16.6666666667%; }
.l-grid__col--xl-5-24 {
width: 20.8333333333%; }
.l-grid__col--xl-6-24 {
width: 25%; }
.l-grid__col--xl-7-24 {
width: 29.1666666667%; }
.l-grid__col--xl-8-24 {
width: 33.3333333333%; }
.l-grid__col--xl-9-24 {
width: 37.5%; }
.l-grid__col--xl-10-24 {
width: 41.6666666667%; }
.l-grid__col--xl-11-24 {
width: 45.8333333333%; }
.l-grid__col--xl-12-24 {
width: 50%; }
.l-grid__col--xl-13-24 {
width: 54.1666666667%; }
.l-grid__col--xl-14-24 {
width: 58.3333333333%; }
.l-grid__col--xl-15-24 {
width: 62.5%; }
.l-grid__col--xl-16-24 {
width: 66.6666666667%; }
.l-grid__col--xl-17-24 {
width: 70.8333333333%; }
.l-grid__col--xl-18-24 {
width: 75%; }
.l-grid__col--xl-19-24 {
width: 79.1666666667%; }
.l-grid__col--xl-20-24 {
width: 83.3333333333%; }
.l-grid__col--xl-21-24 {
width: 87.5%; }
.l-grid__col--xl-22-24 {
width: 91.6666666667%; }
.l-grid__col--xl-23-24 {
width: 95.8333333333%; }
.l-grid__col--xl-24-24 {
width: 100%; }
.l-grid__col--xl-push-0-24 {
margin-left: 0%; }
.l-grid__col--xl-push-1-24 {
margin-left: 4.1666666667%; }
.l-grid__col--xl-push-2-24 {
margin-left: 8.3333333333%; }
.l-grid__col--xl-push-3-24 {
margin-left: 12.5%; }
.l-grid__col--xl-push-4-24 {
margin-left: 16.6666666667%; }
.l-grid__col--xl-push-5-24 {
margin-left: 20.8333333333%; }
.l-grid__col--xl-push-6-24 {
margin-left: 25%; }
.l-grid__col--xl-push-7-24 {
margin-left: 29.1666666667%; }
.l-grid__col--xl-push-8-24 {
margin-left: 33.3333333333%; }
.l-grid__col--xl-push-9-24 {
margin-left: 37.5%; }
.l-grid__col--xl-push-10-24 {
margin-left: 41.6666666667%; }
.l-grid__col--xl-push-11-24 {
margin-left: 45.8333333333%; }
.l-grid__col--xl-push-12-24 {
margin-left: 50%; }
.l-grid__col--xl-push-13-24 {
margin-left: 54.1666666667%; }
.l-grid__col--xl-push-14-24 {
margin-left: 58.3333333333%; }
.l-grid__col--xl-push-15-24 {
margin-left: 62.5%; }
.l-grid__col--xl-push-16-24 {
margin-left: 66.6666666667%; }
.l-grid__col--xl-push-17-24 {
margin-left: 70.8333333333%; }
.l-grid__col--xl-push-18-24 {
margin-left: 75%; }
.l-grid__col--xl-push-19-24 {
margin-left: 79.1666666667%; }
.l-grid__col--xl-push-20-24 {
margin-left: 83.3333333333%; }
.l-grid__col--xl-push-21-24 {
margin-left: 87.5%; }
.l-grid__col--xl-push-22-24 {
margin-left: 91.6666666667%; }
.l-grid__col--xl-push-23-24 {
margin-left: 95.8333333333%; }
.l-grid__col--xl-push-24-24 {
margin-left: 100%; } }
.l-top-space {
margin-top: 3rem; }
@media screen and (min-width: 30em) {
.l-top-space {
margin-top: 3rem; } }
@media screen and (min-width: 47.5rem) {
.l-top-space {
margin-top: 3rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-top-space {
margin-top: 3rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-space {
margin-top: 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-space {
margin-top: 3rem; } }
.l-bottom-space {
margin-bottom: 3rem; }
@media screen and (min-width: 30em) {
.l-bottom-space {
margin-bottom: 3rem; } }
@media screen and (min-width: 47.5rem) {
.l-bottom-space {
margin-bottom: 3rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-bottom-space {
margin-bottom: 3rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-space {
margin-bottom: 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-space {
margin-bottom: 3rem; } }
.l-top-lrg-space {
margin-top: 3rem; }
@media screen and (min-width: 30em) {
.l-top-lrg-space {
margin-top: 3rem; } }
@media screen and (min-width: 47.5rem) {
.l-top-lrg-space {
margin-top: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-top-lrg-space {
margin-top: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-lrg-space {
margin-top: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-lrg-space {
margin-top: 5rem; } }
.l-bottom-lrg-space {
margin-bottom: 3rem; }
@media screen and (min-width: 30em) {
.l-bottom-lrg-space {
margin-bottom: 3rem; } }
@media screen and (min-width: 47.5rem) {
.l-bottom-lrg-space {
margin-bottom: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-bottom-lrg-space {
margin-bottom: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-lrg-space {
margin-bottom: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-lrg-space {
margin-bottom: 5rem; } }
.l-top-sml-space {
margin-top: 1.5rem; }
@media screen and (min-width: 30em) {
.l-top-sml-space {
margin-top: 1.5rem; } }
@media screen and (min-width: 47.5rem) {
.l-top-sml-space {
margin-top: 1.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-top-sml-space {
margin-top: 1.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-sml-space {
margin-top: 1.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-top-sml-space {
margin-top: 1.5rem; } }
.l-bottom-sml-space {
margin-bottom: 1.5rem; }
@media screen and (min-width: 30em) {
.l-bottom-sml-space {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 47.5rem) {
.l-bottom-sml-space {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.l-bottom-sml-space {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-sml-space {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.l-bottom-sml-space {
margin-bottom: 1.5rem; } }
/* COMPONENTS */
/* ========================================================================== */
body {
transition: margin-top 400ms; }
.state-hide-announcement body {
margin-top: 0 !important; }
.state-remove-announcement body {
margin-top: 0 !important;
transition: none !important; }
body.state-hide-announcement {
margin-top: 0 !important; }
body.state-remove-announcement {
margin-top: 0 !important;
transition: none !important; }
.c-cover {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
position: fixed;
z-index: 9999;
background-color: white;
opacity: 1;
visibility: visible;
transition: opacity 250ms, visibility 0ms linear 250ms, left 0ms linear 250ms; }
.state-page-loaded .c-cover {
opacity: 0;
visibility: hidden;
left: -9999px; }
/* ======================================================================================================== */
/* SRC/SCSS/COMPONENTS/WRAPPER.SCSS */
/* ======================================================================================================== */
body {
background-color: var(--ispt-bg); }
.c-site-wrapper {
display: block;
position: relative;
min-height: calc(100vh + 0.25rem);
min-height: calc((var(--vh, 1vh) * 100) + 0.25rem);
overflow: hidden; }
.c-site-wrapper.state-parallax-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
will-change: transform;
overflow: hidden; }
.state-site-loaded .c-site-wrapper.state-parallax-fixed {
will-change: transform; }
.state-site-loaded.state-parallax-full-chrome .c-site-wrapper.state-parallax-fixed {
transition: -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.state-do-resize .c-site-wrapper {
transition: none !important; }
.c-paragraph, .c-popup__privacy, .c-popup__close, .c-popup__text, .c-thumbs__thumb__excerpt, .c-menu-item__list, .c-stores__entry__text, .c-stores__entry__hours, .c-sec-header__nav, .c-sec-header__hours, .c-site-search__input, .c-search-results__item__link, .c-search-results__item__type, .c-search-results__item__heading, .c-bottom-footer__text, .c-footer__menu, .scope-form--page .gform_wrapper form .gform_body, .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container, .scope-form .gform_wrapper form .gform_body, .scope-form .gform_wrapper .gform_validation_errors *, .scope-form .privacy p, .scope-form .gform_confirmation_message, .c-website, .c-location, .c-phone, .c-trading-hours__td, .c-trading-hours__note, .scope-text p,
.scope-text ul,
.scope-text ol, .scope-text h5, .scope-text h4:after, .scope-text h3:after, .scope-text h2:after, .scope-text h1:after, .scope-text, .c-button, .c-subheading, .c-map-buttons__button, .c-offers-filters__button, .c-contact__subheading, .c-wh__button, .c-style-card__button, .c-store-card__visit, .c-thumbs__thumb__more, .c-thumbs__thumb__heading, .c-thumbs__thumb__text, .c-menu-item__list__link, .c-menu-item__button, .c-menu-item__link, .c-letter-filters__link, .c-letter-filters__item, .c-letter-filters, .c-stores__entry__button, .c-stores__entry__title, .c-stores__entry__inner, .c-single__links__link, .c-search__input, .c-footer__heading, .c-share__heading, .c-store__details__heading, .c-trading-hours__td--header, .scope-text h4, .scope-text h3 {
font-family: var(--ispt-regular-type-stack);
font-weight: var(--ispt-regular-type-weight);
color: var(--ispt-primary-text-color);
font-size: 0.9375rem;
line-height: 1.4375em;
letter-spacing: var(--ispt-regular-type-spacing); }
.c-paragraph--bold, .scope-text strong, .scope-text h5, .c-subheading, .c-map-buttons__button, .c-offers-filters__button, .c-contact__subheading, .c-wh__button, .c-style-card__button, .c-store-card__visit, .c-thumbs__thumb__more, .c-thumbs__thumb__heading, .c-thumbs__thumb__text, .c-menu-item__list__link, .c-menu-item__button, .c-menu-item__link, .c-letter-filters__link, .c-letter-filters__item, .c-letter-filters, .c-stores__entry__button, .c-stores__entry__title, .c-stores__entry__inner, .c-single__links__link, .c-search__input, .c-footer__heading, .c-share__heading, .c-store__details__heading, .c-trading-hours__td--header, .scope-text h4, .scope-text h3 {
font-family: var(--ispt-bold-type-stack);
font-weight: var(--ispt-bold-type-weight); }
.c-paragraph--space {
margin-bottom: 1em; }
.c-paragraph--center, .c-thumbs__thumb__excerpt, .c-stores__entry__text, .c-stores__entry__hours {
text-align: center; }
.c-paragraph--xsmall, .c-popup__privacy, .c-bottom-footer__text, .scope-form .privacy p {
font-size: 0.75rem; }
.scope-reverse .c-paragraph, .scope-reverse .c-popup__privacy, .scope-reverse .c-popup__close, .scope-reverse .c-popup__text, .scope-reverse .c-thumbs__thumb__excerpt, .scope-reverse .c-menu-item__list, .scope-reverse .c-stores__entry__text, .scope-reverse .c-stores__entry__hours, .scope-reverse .c-sec-header__nav, .scope-reverse .c-sec-header__hours, .scope-reverse .c-site-search__input, .scope-reverse .c-search-results__item__link, .scope-reverse .c-search-results__item__type, .scope-reverse .c-search-results__item__heading, .scope-reverse .c-bottom-footer__text, .scope-reverse .c-footer__menu, .scope-reverse .scope-form--page .gform_wrapper form .gform_body, .scope-form--page .gform_wrapper form .scope-reverse .gform_body, .scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container, .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .scope-reverse .ginput_container, .scope-reverse .scope-form .gform_wrapper form .gform_body, .scope-form .gform_wrapper form .scope-reverse .gform_body, .scope-reverse .scope-form .gform_wrapper .gform_validation_errors *, .scope-form .gform_wrapper .gform_validation_errors .scope-reverse *, .scope-reverse .scope-form .privacy p, .scope-form .privacy .scope-reverse p, .scope-reverse .scope-form .gform_confirmation_message, .scope-form .scope-reverse .gform_confirmation_message, .scope-reverse .c-website, .scope-reverse .c-location, .scope-reverse .c-phone, .scope-reverse .c-trading-hours__td, .scope-reverse .c-trading-hours__note, .scope-reverse .scope-text p, .scope-text .scope-reverse p,
.scope-reverse .scope-text ul,
.scope-text .scope-reverse ul,
.scope-reverse .scope-text ol,
.scope-text .scope-reverse ol, .scope-reverse .scope-text h5, .scope-text .scope-reverse h5, .scope-reverse .scope-text h4:after, .scope-text .scope-reverse h4:after, .scope-reverse .scope-text h3:after, .scope-text .scope-reverse h3:after, .scope-reverse .scope-text h2:after, .scope-text .scope-reverse h2:after, .scope-reverse .scope-text h1:after, .scope-text .scope-reverse h1:after, .scope-reverse .scope-text, .scope-reverse .c-button, .scope-reverse .c-subheading, .scope-reverse .c-map-buttons__button, .scope-reverse .c-offers-filters__button, .scope-reverse .c-contact__subheading, .scope-reverse .c-wh__button, .scope-reverse .c-style-card__button, .scope-reverse .c-store-card__visit, .scope-reverse .c-thumbs__thumb__more, .scope-reverse .c-thumbs__thumb__heading, .scope-reverse .c-thumbs__thumb__text, .scope-reverse .c-menu-item__list__link, .scope-reverse .c-menu-item__button, .scope-reverse .c-menu-item__link, .scope-reverse .c-letter-filters__link, .scope-reverse .c-letter-filters__item, .scope-reverse .c-letter-filters, .scope-reverse .c-stores__entry__button, .scope-reverse .c-stores__entry__title, .scope-reverse .c-stores__entry__inner, .scope-reverse .c-single__links__link, .scope-reverse .c-search__input, .scope-reverse .c-footer__heading, .scope-reverse .c-share__heading, .scope-reverse .c-store__details__heading, .scope-reverse .c-trading-hours__td--header, .scope-reverse .scope-text h4, .scope-text .scope-reverse h4, .scope-reverse .scope-text h3, .scope-text .scope-reverse h3 {
color: white; }
.c-paragraph--underline, .scope-text a {
position: relative;
display: inline-block; }
.c-paragraph--underline:after, .scope-text a:after {
content: '';
position: absolute;
height: 0.0625rem;
top: 1.125em;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-paragraph--underline:after, .scope-reverse .scope-text a:after, .scope-text .scope-reverse a:after {
background-color: white; }
.state-no-touch .c-paragraph--underline:hover:after, .state-no-touch .scope-text a:hover:after, .scope-text .state-no-touch a:hover:after {
width: 0; }
.c-paragraph--hover-underline, .c-footer__menu__link {
position: relative;
display: inline-block; }
.c-paragraph--hover-underline:after, .c-footer__menu__link:after {
content: '';
position: absolute;
height: 0.0625rem;
top: 1.125em;
left: 0;
width: 0%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-paragraph--hover-underline:after, .scope-reverse .c-footer__menu__link:after {
background-color: white; }
.state-no-touch .c-paragraph--hover-underline:hover:after, .state-no-touch .c-footer__menu__link:hover:after {
width: 100%; }
.c-subheading, .c-map-buttons__button, .c-offers-filters__button, .c-contact__subheading, .c-wh__button, .c-style-card__button, .c-store-card__visit, .c-thumbs__thumb__more, .c-thumbs__thumb__heading, .c-thumbs__thumb__text, .c-menu-item__list__link, .c-menu-item__button, .c-menu-item__link, .c-letter-filters__link, .c-letter-filters__item, .c-letter-filters, .c-stores__entry__button, .c-stores__entry__title, .c-stores__entry__inner, .c-single__links__link, .c-search__input, .c-footer__heading, .c-share__heading, .c-store__details__heading, .c-trading-hours__td--header, .scope-text h4, .scope-text h3 {
color: var(--ispt-primary-text-color);
font-size: 0.875rem;
line-height: 1.25em;
text-transform: uppercase;
letter-spacing: var(--ispt-bold-type-spacing); }
.c-subheading--center, .c-offers-filters__button, .c-thumbs__thumb__more, .c-thumbs__thumb__heading, .c-stores__entry__button, .c-stores__entry__title {
text-align: center; }
.scope-reverse .c-subheading, .scope-reverse .c-map-buttons__button, .scope-reverse .c-offers-filters__button, .scope-reverse .c-contact__subheading, .scope-reverse .c-wh__button, .scope-reverse .c-style-card__button, .scope-reverse .c-store-card__visit, .scope-reverse .c-thumbs__thumb__more, .scope-reverse .c-thumbs__thumb__heading, .scope-reverse .c-thumbs__thumb__text, .scope-reverse .c-menu-item__list__link, .scope-reverse .c-menu-item__button, .scope-reverse .c-menu-item__link, .scope-reverse .c-letter-filters__link, .scope-reverse .c-letter-filters__item, .scope-reverse .c-letter-filters, .scope-reverse .c-stores__entry__button, .scope-reverse .c-stores__entry__title, .scope-reverse .c-stores__entry__inner, .scope-reverse .c-single__links__link, .scope-reverse .c-search__input, .scope-reverse .c-footer__heading, .scope-reverse .c-share__heading, .scope-reverse .c-store__details__heading, .scope-reverse .c-trading-hours__td--header, .scope-reverse .scope-text h4, .scope-text .scope-reverse h4, .scope-reverse .scope-text h3, .scope-text .scope-reverse h3 {
color: white; }
.c-heading, .c-popup__title, .c-instagram__heading, .c-wh__text__heading, .c-style-card__title, .c-store-card__title, .c-single__banner-text__subheading, .c-single__banner-text__heading, .c-single__header__text, .c-menu__list__sub-outer, .c-menu__list__link, .scope-quote p, .scope-text h2, .scope-text h1 {
font-family: var(--ispt-headline-type-stack);
font-weight: var(--ispt-headline-type-weight);
letter-spacing: var(--ispt-headline-type-spacing);
color: var(--ispt-primary-text-color);
font-size: 1.875rem;
line-height: 1.2em; }
@media screen and (min-width: 47.5rem) {
.c-heading--large, .c-single--page .c-single__header__text, .c-single--stores .c-single__header__text, .c-single--store .c-single__header__text, .c-single--archive .c-single__header__text {
font-size: 3.375rem; } }
.c-heading--center, .c-popup__title, .c-single__header__text {
text-align: center; }
.scope-reverse .c-heading, .scope-reverse .c-popup__title, .scope-reverse .c-instagram__heading, .scope-reverse .c-wh__text__heading, .scope-reverse .c-style-card__title, .scope-reverse .c-store-card__title, .scope-reverse .c-single__banner-text__subheading, .scope-reverse .c-single__banner-text__heading, .scope-reverse .c-single__header__text, .scope-reverse .c-menu__list__sub-outer, .scope-reverse .c-menu__list__link, .scope-reverse .scope-quote p, .scope-quote .scope-reverse p, .scope-reverse .scope-text h2, .scope-text .scope-reverse h2, .scope-reverse .scope-text h1, .scope-text .scope-reverse h1 {
color: white; }
.c-buttons {
display: flex; }
.c-button {
display: block;
position: relative;
box-sizing: border-box;
font-size: 0.75rem;
line-height: 2.375rem;
height: 2.5rem;
text-transform: uppercase;
border: 0.0625rem solid black;
border-color: var(--ispt-primary-text-color);
background-color: var(--ispt-bg);
border-radius: 1.25rem;
padding-left: 1.0625rem;
padding-right: 1.0625rem;
min-width: 6rem;
text-decoration: none !important;
text-align: center;
transition: background-color 250ms, color 250ms;
white-space: nowrap; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-button {
font-size: 0.875rem;
height: 3rem;
border-radius: 1.5rem;
min-width: 8rem;
line-height: 2.875rem;
padding-left: 1.25rem;
padding-right: 1.25rem; } }
.c-button--inline {
min-width: 0px; }
a.c-button:hover {
color: white;
background-color: var(--ispt-primary-text-color); }
.c-button.state-link-active {
color: white;
background-color: var(--ispt-primary-text-color); }
.c-button + .c-button {
margin-left: 0.625rem; }
@media screen and (min-width: 47.5rem) {
.c-button + .c-button {
margin-left: 1rem; } }
p a,
.scope-text li a {
font-weight: var(--ispt-bold-type-weight);
text-decoration: underline; }
.scope-text {
max-width: 60em; }
.scope-text h1:after {
content: '';
display: block;
height: 1em; }
.scope-text h2:after {
content: '';
display: block;
height: 1em; }
.scope-text h3:after {
content: '';
display: block;
height: 1em; }
.scope-text h4:after {
content: '';
display: block;
height: 1em; }
.scope-text h5 {
margin-bottom: 1em; }
.scope-text p,
.scope-text ul,
.scope-text ol {
margin-bottom: 1em; }
.scope-text p:last-child,
.scope-text ul:last-child,
.scope-text ol:last-child {
margin-bottom: 0; }
.scope-text p.no-space,
.scope-text ul.no-space,
.scope-text ol.no-space {
margin-bottom: 0; }
.scope-text ol li {
position: relative;
display: block;
padding-left: 1.5em; }
.scope-text ol li:before {
content: '';
position: absolute;
top: 0;
left: 0; }
.scope-text ol li:nth-child(1):before {
content: "1."; }
.scope-text ol li:nth-child(2):before {
content: "2."; }
.scope-text ol li:nth-child(3):before {
content: "3."; }
.scope-text ol li:nth-child(4):before {
content: "4."; }
.scope-text ol li:nth-child(5):before {
content: "5."; }
.scope-text ol li:nth-child(6):before {
content: "6."; }
.scope-text ol li:nth-child(7):before {
content: "7."; }
.scope-text ol li:nth-child(8):before {
content: "8."; }
.scope-text ol li:nth-child(9):before {
content: "9."; }
.scope-text ol li:nth-child(10):before {
content: "10."; }
.scope-text ol li:nth-child(11):before {
content: "11."; }
.scope-text ol li:nth-child(12):before {
content: "12."; }
.scope-text ol li:nth-child(13):before {
content: "13."; }
.scope-text ol li:nth-child(14):before {
content: "14."; }
.scope-text ol li:nth-child(15):before {
content: "15."; }
.scope-text ol li:nth-child(16):before {
content: "16."; }
.scope-text ol li:nth-child(17):before {
content: "17."; }
.scope-text ol li:nth-child(18):before {
content: "18."; }
.scope-text ol li:nth-child(19):before {
content: "19."; }
.scope-text ol li:nth-child(20):before {
content: "20."; }
.scope-text ul li {
position: relative;
display: block;
padding-left: 0.75em; }
.scope-text ul li:before {
content: '•';
position: absolute;
top: 0;
left: 0; }
.c-trading-hours {
width: 100%; }
.c-trading-hours__wrap {
max-width: 25.625rem;
margin-left: auto;
margin-right: auto; }
.c-trading-hours__note {
margin-top: 1em; }
.c-trading-hours__td {
text-align: left;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: relative; }
.c-trading-hours__td:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-trading-hours__td:after {
background-color: white; }
.c-trading-hours__td--header {
text-align: left;
padding-top: 0; }
.c-social-icons {
z-index: 101;
display: flex; }
.c-social-icons__icon {
position: relative;
display: block;
height: 1.5rem;
width: auto;
text-indent: -9999px;
margin-right: 0.875rem;
transition: opacity 250ms; }
.c-social-icons__icon--facebook {
width: 0.75rem; }
.c-social-icons__icon--instagram {
width: 1.5rem; }
.c-social-icons__icon--twitter {
width: 2.0625rem; }
.c-social-icons__icon svg {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.c-social-icons__icon svg * {
fill: var(--ispt-primary-text-color); }
.state-no-touch .c-social-icons__icon:hover {
opacity: 0.5; }
.c-share {
max-width: 15rem; }
.c-share__heading, .c-store__details__heading {
position: relative;
display: block;
padding-bottom: 0.5em;
margin-bottom: 0.625em; }
.c-share__heading:after, .c-store__details__heading:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-share__heading:after, .scope-reverse .c-store__details__heading:after {
background-color: white; }
.c-share__icons {
display: flex;
height: 1.25rem; }
.c-share__icons__icon {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.c-share__icons__facebook {
position: relative;
display: block;
width: 0.5625rem;
height: 1.25rem;
margin-right: 0.5rem;
text-indent: -9999px; }
.c-share__icons__facebook * {
fill: var(--ispt-primary-text-color) !important; }
.c-share__icons__email {
position: relative;
display: block;
width: 1.3125rem;
height: 1.25rem;
margin-right: 0.5rem;
text-indent: -9999px;
fill: var(--ispt-primary-text-color) !important; }
.c-share__icons__twitter {
position: relative;
display: block;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.5rem;
text-indent: -9999px;
fill: var(--ispt-primary-text-color) !important; }
.c-phone {
line-height: 1.25rem;
display: inline-block;
position: relative;
padding-left: 1.125rem; }
.c-phone__icon {
width: 0.875rem;
height: 1.25rem;
position: absolute;
top: 0;
left: 0; }
.c-phone__icon * {
fill: var(--ispt-primary-text-color) !important; }
.c-location {
line-height: 1.25rem;
display: inline-block;
position: relative;
padding-left: 1.125rem; }
.c-location__icon {
width: 0.875rem;
height: 1.25rem;
position: absolute;
top: 0;
left: 0; }
.c-location__icon * {
fill: var(--ispt-primary-text-color) !important; }
.c-website {
line-height: 1.25rem;
display: inline-block;
position: relative;
padding-left: 1.375rem; }
.c-website__icon {
width: 1.125rem;
height: 1.25rem;
position: absolute;
top: 0;
left: 0; }
.c-website__icon * {
fill: var(--ispt-primary-text-color) !important; }
.scope-form .gform_confirmation_message {
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important; }
.scope-form .privacy p {
margin-top: 1em; }
.scope-form .gform_wrapper {
margin: 0; }
.scope-form .gform_wrapper .gform_validation_errors {
border-width: 1px !important;
box-shadow: none !important; }
.scope-form .gform_wrapper .gform_validation_errors * {
color: #c02b0a; }
.scope-form .gform_wrapper form .validation_error {
display: none !important; }
.scope-form .gform_wrapper form .gform_body {
font-size: 0.875rem !important;
padding-top: 0; }
.scope-form .gform_wrapper form .gform_body .gform_fields {
grid-column-gap: 0.5rem !important;
grid-row-gap: 0 !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield {
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
width: 100% !important;
max-width: 100% !important;
background-color: transparent !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield label {
display: none; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label {
display: block !important;
text-transform: uppercase; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::-webkit-input-placeholder {
color: #c02b0a !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container :-ms-input-placeholder {
color: #c02b0a !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::-moz-placeholder {
color: #c02b0a !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::placeholder {
color: #c02b0a !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container .faux-select,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container input,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container textarea {
color: #c02b0a !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error input,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error textarea {
border-bottom-color: red !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container {
border: none !important;
padding: 0 !important;
overflow: visible; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_required {
display: none !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h1,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h2,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h3,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h4,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h5,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h6,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .faux-select,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="text"],
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="email"],
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="number"],
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="tel"],
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="file"],
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea {
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
color: var(--ispt-primary-text-color) !important;
background-color: transparent !important;
font-size: 0.875rem !important;
text-transform: uppercase;
padding: 0 0 0.75rem !important;
margin: 0 0 0.75rem !important;
border: none !important;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
border-radius: 0 !important;
max-width: 100%;
width: 100%;
border: none !important;
border-bottom: 1px solid black !important;
border-color: var(--ispt-border-color) !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h1.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h2.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h3.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h4.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h5.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h6.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .faux-select.state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="text"].state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="email"].state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="number"].state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="tel"].state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="file"].state-error,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea.state-error {
color: red !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h1:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h2:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h3:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h4:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h5:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield h6:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .faux-select:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="text"]:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="email"]:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="number"]:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="tel"]:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="file"]:after,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea:after {
display: none; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input[type="file"] {
font-family: var(--ispt-regular-type-stack) !important;
font-weight: var(--ispt-regular-type-weight) !important;
text-transform: none; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input::-webkit-file-upload-button {
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
background-color: var(--ispt-primary-text-color) !important;
font-size: 0.875rem !important;
text-transform: uppercase;
padding: 0.375rem 0.75rem !important;
margin: 0 0.5rem 0 0 !important;
border: none !important;
appearance: none;
-webkit-appearance: none;
border-radius: 0 !important;
width: auto;
border: none !important;
color: white !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input::file-selector-button {
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
background-color: var(--ispt-primary-text-color) !important;
font-size: 0.875rem !important;
text-transform: uppercase;
padding: 0.375rem 0.75rem !important;
margin: 0 0.5rem 0 0 !important;
border: none !important;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
border-radius: 0 !important;
width: auto;
border: none !important;
color: white !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield select {
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
color: var(--ispt-primary-text-color) !important;
background-color: transparent !important;
font-size: 0.875rem !important;
text-transform: uppercase;
padding-left: 0;
padding-right: 0;
border-top: none;
border-left: none;
border-right: none;
border-color: var(--ispt-border-color) !important;
margin: -0.75rem 0 0.75rem !important;
padding: 0.625rem 0 0.75rem !important;
border-radius: 0;
outline: none;
-webkit-appearance: none; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield select option {
font-size: 0.75rem !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .faux-select:before {
content: '↓';
position: absolute;
right: 0; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea {
height: 15em;
resize: none; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield ::-webkit-input-placeholder {
color: var(--ispt-primary-text-color) !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield ::-moz-placeholder {
color: var(--ispt-primary-text-color) !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield :-ms-input-placeholder {
color: var(--ispt-primary-text-color) !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield ::placeholder {
color: var(--ispt-primary-text-color) !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea:focus::-webkit-input-placeholder, .scope-form .gform_wrapper form .gform_body .gform_fields .gfield input:focus::-webkit-input-placeholder {
color: transparent !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea:focus::-moz-placeholder, .scope-form .gform_wrapper form .gform_body .gform_fields .gfield input:focus::-moz-placeholder {
color: transparent !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea:focus:-ms-input-placeholder, .scope-form .gform_wrapper form .gform_body .gform_fields .gfield input:focus:-ms-input-placeholder {
color: transparent !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield textarea:focus::placeholder,
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield input:focus::placeholder {
color: transparent !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .gfield_description {
display: none !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_select:after {
content: '>';
top: 0.25rem;
right: 0;
position: absolute;
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
color: var(--ispt-primary-text-color) !important;
background-color: transparent !important;
font-size: 0.875rem !important;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield {
margin-bottom: 0.75rem !important;
border-bottom: 1px solid black !important;
padding-bottom: 0.75rem !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield legend {
line-height: 1 !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
color: var(--ispt-primary-text-color) !important;
background-color: transparent !important;
font-size: 0.875rem !important;
text-transform: uppercase; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio .gchoice,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox .gchoice {
width: 100%;
display: flex;
align-items: center;
display: block; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio .gchoice label,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox .gchoice label {
display: block !important;
font-family: var(--gbl-regular-type-stack) !important;
font-weight: var(--gbl-regular-type-weight) !important;
color: var(--gbl-primary-text-color) !important;
font-size: 0.875rem !important;
padding-left: 1.4375rem; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio .gchoice label:after,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox .gchoice label:after {
content: '';
position: absolute;
top: calc(50% - 0.5rem);
left: 0;
width: 1rem;
height: 1rem;
background-image: url("../img/tick-unselected.svg");
background-size: contain;
background-repeat: no-repeat; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio .gchoice input,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox .gchoice input {
position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0.001;
cursor: pointer; }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio .gchoice input:checked + label:after,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox .gchoice input:checked + label:after {
background-image: url("../img/tick-selected.svg"); }
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_radio button,
.scope-form .gform_wrapper form .gform_body .gform_fields fieldset.gfield .ginput_container .gfield_checkbox button {
margin-top: 0.75rem;
width: auto !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
font-size: 0.75rem !important;
height: 1.75rem !important;
line-height: 1.75rem !important;
background-color: transparent;
color: var(--ispt-primary-text-color) !important;
border: 1px solid black !important;
border-color: var(--ispt-primary-text-color) !important;
border-radius: 0.875rem !important;
padding: 0 !important;
text-align: center;
margin: 0.75rem 0 0 !important;
padding: 0 0.75rem !important;
-webkit-appearance: none !important;
text-transform: uppercase !important; }
.scope-form .gform_wrapper form .gform_body .gform_fields .ginput_container_consent label {
display: block !important;
font-family: var(--gbl-regular-type-stack) !important;
font-weight: var(--gbl-regular-type-weight) !important;
color: var(--gbl-primary-text-color) !important;
font-size: 0.75rem !important;
padding-left: 1.25rem; }
.scope-form .gform_wrapper form .gform_body .gform_fields .ginput_container_consent label:after {
content: '';
position: absolute;
top: calc(50% - 0.375rem);
left: 0;
width: 0.75rem;
height: 0.75rem;
background-image: url("../img/tick-unselected.svg");
background-size: contain;
background-repeat: no-repeat; }
.scope-form .gform_wrapper form .gform_body .gform_fields .ginput_container_consent input {
position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0.001;
cursor: pointer; }
.scope-form .gform_wrapper form .gform_body .gform_fields .ginput_container_consent input:checked + label:after {
background-image: url("../img/tick-selected.svg"); }
.scope-form .gform_wrapper form .gform_footer {
margin: 0;
padding: 0.75rem 0 0 !important; }
.scope-form .gform_wrapper form .gform_footer .gform_button {
width: 100% !important;
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important;
font-size: 0.875rem !important;
height: 2.125rem !important;
line-height: 2.125rem !important;
background-color: transparent;
color: var(--ispt-primary-text-color) !important;
border: 1px solid black !important;
border-color: var(--ispt-primary-text-color) !important;
border-radius: 1.0625rem !important;
padding: 0 !important;
text-align: center;
margin: 0 !important;
padding: 0 !important;
-webkit-appearance: none !important;
text-transform: uppercase !important; }
@media screen and (min-width: 47.5rem) {
.scope-form .gform_wrapper form .gform_footer .gform_button {
max-width: 12.75rem; } }
body img.gform_ajax_spinner {
display: none !important; }
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
width: 100% !important;
margin-right: 0 !important;
max-width: 100% !important; }
.scope-reverse .scope-form .gform_wrapper .gform_validation_errors * {
color: white; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::-webkit-input-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container :-ms-input-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::-moz-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container ::placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container .faux-select,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container input,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .ginput_container textarea {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error input,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error textarea {
border-bottom-color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .faux-select,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="text"],
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="email"],
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="number"],
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="tel"],
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea {
color: var(--ispt-bg) !important;
border-color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .faux-select.state-error,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="text"].state-error,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="email"].state-error,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="number"].state-error,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="tel"].state-error,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea.state-error {
color: red !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ::-webkit-input-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ::-moz-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container :-ms-input-placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ::placeholder {
color: var(--ispt-bg) !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea:focus::-webkit-input-placeholder, .scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:focus::-webkit-input-placeholder {
color: transparent !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea:focus::-moz-placeholder, .scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:focus::-moz-placeholder {
color: transparent !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea:focus:-ms-input-placeholder, .scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:focus:-ms-input-placeholder {
color: transparent !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea:focus::placeholder,
.scope-reverse .scope-form .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:focus::placeholder {
color: transparent !important; }
.scope-reverse .scope-form .gform_wrapper form .gform_footer .gform_button {
color: var(--ispt-bg) !important;
border-color: var(--ispt-bg) !important; }
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h1,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h2,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h3,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h4,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h5,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h6,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield .faux-select,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield input[type="text"],
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield input[type="email"],
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield input[type="number"],
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield input[type="tel"],
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield textarea {
font-family: var(--ispt-regular-type-stack) !important;
font-weight: var(--ispt-regular-type-weight) !important;
font-size: 0.9375rem !important;
text-transform: none; }
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h1,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h2,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h3,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h4,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h5,
.scope-form--page .gform_wrapper form .gform_body .gform_fields .gfield h6 {
font-family: var(--ispt-bold-type-stack) !important;
font-weight: var(--ispt-bold-type-weight) !important; }
.scope-form--page .gform_wrapper form .gform_footer {
margin: 0;
padding: 0; }
.scope-form--page .gform_wrapper form .gform_footer .gform_button {
width: 100% !important;
border-radius: 0 !important;
height: 4rem !important;
line-height: 3.875rem !important; }
@media screen and (min-width: 47.5rem) {
.scope-form--page .gform_wrapper form .gform_footer .gform_button {
max-width: 10rem; } }
.c-menu-button {
width: 2.75rem;
height: 1.4375rem;
display: block;
position: relative; }
.c-menu-button__line {
height: 0.1875rem;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--ispt-primary-text-color);
transition: background-color 500ms, top 500ms, opacity 500ms, -webkit-transform 500ms;
transition: background-color 500ms, transform 500ms, top 500ms, opacity 500ms;
transition: background-color 500ms, transform 500ms, top 500ms, opacity 500ms, -webkit-transform 500ms; }
.state-not-scrolled.state-landing .c-menu-button__line {
background-color: white !important; }
.c-menu .c-menu-button__line {
background-color: white !important; }
.c-menu-button__line--top {
top: 0; }
.state-menu-open .c-menu-button__line--top {
top: 0.625rem;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.c-menu-button__line--middle {
top: 0.625rem; }
.state-menu-open .c-menu-button__line--middle {
top: 0.625rem;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0; }
.c-menu-button__line--bottom {
top: 1.25rem; }
.state-menu-open .c-menu-button__line--bottom {
top: 0.625rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.c-header {
position: fixed;
top: 2.5rem;
left: 0;
width: 100%;
background-color: white;
transition: background-color 500ms;
height: calc(var(--ispt-logo-mobile-height) + 1rem + 1rem);
z-index: 9000;
top: 2.5rem; }
@media screen and (min-width: 47.5rem) {
.c-header {
top: 3.875rem;
height: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem); } }
.scope-medium-logo .c-header {
height: calc(var(--ispt-logo-mobile-height) + 1.375rem + 1.375rem); }
@media screen and (min-width: 47.5rem) {
.scope-medium-logo .c-header {
height: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem); } }
.scope-small-logo .c-header {
height: calc(var(--ispt-logo-mobile-height) + 1.875rem + 1.875rem); }
@media screen and (min-width: 47.5rem) {
.scope-small-logo .c-header {
height: calc(var(--ispt-logo-height) + 3rem + 3rem); } }
.state-landing .c-header {
background-color: rgba(255, 255, 255, 0); }
.state-scrolled.state-landing .c-header {
background-color: white; }
.c-header__spacer {
height: calc(var(--ispt-logo-mobile-height) + 1rem + 1rem + 2.5rem); }
@media screen and (min-width: 47.5rem) {
.c-header__spacer {
height: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem + 3.875rem); } }
.scope-medium-logo .c-header__spacer {
height: calc(var(--ispt-logo-mobile-height) + 1.375rem + 1.375rem + 2.5rem); }
@media screen and (min-width: 47.5rem) {
.scope-medium-logo .c-header__spacer {
height: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem + 3.875rem); } }
.scope-small-logo .c-header__spacer {
height: calc(var(--ispt-logo-mobile-height) + 1.875rem + 1.875rem + 2.5rem); }
@media screen and (min-width: 47.5rem) {
.scope-small-logo .c-header__spacer {
height: calc(var(--ispt-logo-height) + 3rem + 3rem + 3.875rem); } }
.c-header__logo {
display: block;
position: absolute;
width: calc(var(--ispt-logo-mobile-width));
height: calc(var(--ispt-logo-mobile-height));
left: 1rem;
top: calc(50% - (var(--ispt-logo-mobile-height) * 0.5)); }
@media screen and (min-width: 30em) {
.c-header__logo {
left: 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.c-header__logo {
width: calc(var(--ispt-logo-width));
height: calc(var(--ispt-logo-height));
top: calc(50% - (var(--ispt-logo-height) * 0.5));
left: 2rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-header__logo {
left: 2.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-header__logo {
left: 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-header__logo {
left: 3.5rem; } }
.c-header__logo__inner {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-image: var(--ispt-logo);
background-size: contain;
background-position: right;
text-indent: -9999px; }
.c-header__logo svg {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.c-header__logo svg * {
transition: fill 500ms; }
.state-not-scrolled.state-landing .c-header__logo svg * {
fill: white !important; }
.c-header__buttons {
display: block;
position: absolute;
height: 1.5rem;
display: flex;
right: 1rem;
top: calc((var(--ispt-logo-mobile-height) * 0.5) + 1rem - 0.75rem); }
@media screen and (min-width: 30em) {
.c-header__buttons {
right: 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.c-header__buttons {
right: 2rem;
top: calc((var(--ispt-logo-height) * 0.5) + 1.25rem - 0.75rem); } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-header__buttons {
right: 2.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-header__buttons {
right: 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-header__buttons {
right: 3.5rem; } }
.scope-medium-logo .c-header__buttons {
top: calc((var(--ispt-logo-mobile-height) * 0.5) + 1.375rem - 0.75rem); }
@media screen and (min-width: 47.5rem) {
.scope-medium-logo .c-header__buttons {
top: calc((var(--ispt-logo-height) * 0.5) + 2.125rem - 0.75rem); } }
.scope-small-logo .c-header__buttons {
top: calc((var(--ispt-logo-mobile-height) * 0.5) + 1.875rem - 0.75rem); }
@media screen and (min-width: 47.5rem) {
.scope-small-logo .c-header__buttons {
top: calc((var(--ispt-logo-height) * 0.5) + 3rem - 0.75rem); } }
.c-menu .c-header__buttons {
-webkit-transform: translate;
transform: translate; }
.c-menu {
position: fixed;
width: 100%;
height: calc(100% + 2.5rem);
overflow: hidden;
right: 0;
top: 0;
z-index: 9000;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
background-color: var(--ispt-sec-header-bg); }
@media screen and (min-width: 47.5rem) {
.c-menu {
width: auto;
height: calc(100% + 3.875rem); } }
.state-menu-open .c-menu {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
.c-menu__scroller {
width: calc(100% + 3rem);
overflow-x: hidden;
overflow-y: scroll; }
.c-menu__content {
width: calc(100% - 3rem);
padding: calc(var(--ispt-logo-mobile-height) + 1rem + 1rem + 1.25rem) 1rem 2.5rem 1rem; }
@media screen and (min-width: 30em) {
.c-menu__content {
padding: calc(var(--ispt-logo-mobile-height) + 1rem + 1rem + 1.25rem) 1.25rem 2.5rem 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.c-menu__content {
padding: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem + 1.25rem) 4rem 2.5rem 1.25rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-menu__content {
padding: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem + 1.25rem) 5rem 2.5rem 1.25rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-menu__content {
padding: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem + 1.25rem) 6rem 2.5rem 1.25rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-menu__content {
padding: calc(var(--ispt-logo-height) + 1.25rem + 1.25rem + 1.25rem) 7rem 2.5rem 1.25rem; } }
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-mobile-height) + 1.375rem + 1.375rem + 1.25rem) 1rem 2.5rem 1rem; }
@media screen and (min-width: 30em) {
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-mobile-height) + 1.375rem + 1.375rem + 1.25rem) 1.25rem 2.5rem 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem + 1.25rem) 4rem 2.5rem 1.25rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem + 1.25rem) 5rem 2.5rem 1.25rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem + 1.25rem) 6rem 2.5rem 1.25rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.scope-medium-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 2.125rem + 2.125rem + 1.25rem) 7rem 2.5rem 1.25rem; } }
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-mobile-height) + 1.875rem + 1.875rem + 1.25rem) 1rem 2.5rem 1rem; }
@media screen and (min-width: 30em) {
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-mobile-height) + 1.875rem + 1.875rem + 1.25rem) 1.25rem 2.5rem 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 3rem + 3rem + 1.25rem) 4rem 2.5rem 1.25rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 3rem + 3rem + 1.25rem) 5rem 2.5rem 1.25rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 3rem + 3rem + 1.25rem) 6rem 2.5rem 1.25rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.scope-small-logo .c-menu__content {
padding: calc(var(--ispt-logo-height) + 3rem + 3rem + 1.25rem) 7rem 2.5rem 1.25rem; } }
.c-menu__list {
display: block; }
@media screen and (min-width: 47.5rem) {
.c-menu__list {
min-width: 21.5rem; } }
.c-menu__list__item {
display: flex;
flex-wrap: wrap; }
.c-menu__list__link {
display: block;
position: relative;
white-space: nowrap;
line-height: 1em;
margin-bottom: 0.625em;
color: white; }
.c-menu__list__link:after {
content: '';
position: absolute;
height: 0.0625rem;
top: 1.125em;
left: 0;
width: 0%;
background-color: white;
transition: width 500ms; }
.state-no-touch .c-menu__list__link:hover:after {
width: 100%; }
.c-menu__list__link.state-link-active:after {
width: 100%; }
.c-menu__list__sub-outer {
display: block;
padding-left: 1em;
width: 100%;
overflow: hidden;
height: 0;
transition: height 400ms linear 250ms; }
.state-sub-open .c-menu__list__sub-outer {
height: auto;
transition: height 400ms; }
.c-menu__list__sub-inner {
position: relative;
display: block;
opacity: 0;
transition: opacity 250ms; }
.state-sub-open .c-menu__list__sub-inner {
opacity: 1;
transition: opacity 250ms linear 400ms; }
.c-menu__buttons {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms; }
.state-menu-open .c-menu__buttons {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
.c-footer {
background-color: var(--ispt-sec-bg);
padding-top: 3rem;
padding-bottom: 1.25rem; }
@media screen and (min-width: 30em) {
.c-footer {
padding-top: 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-footer {
padding-top: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-footer {
padding-top: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-footer {
padding-top: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-footer {
padding-top: 5rem; } }
.c-footer__heading {
position: relative;
display: block;
padding-bottom: 0.875rem;
margin-bottom: 1.125rem; }
.c-footer__heading:after {
content: '';
height: 0.0625rem;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-footer__space {
width: 100%;
display: block;
height: 0rem; }
@media screen and (min-width: 30em) {
.c-footer__space {
height: 0rem; } }
@media screen and (min-width: 47.5rem) {
.c-footer__space {
height: 2rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-footer__space {
height: 2rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-footer__space {
height: 2rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-footer__space {
height: 2rem; } }
.c-footer__copyright {
display: block;
position: relative;
padding-bottom: 0.9375rem; }
.c-footer__copyright:after {
content: '';
height: 0.0625rem;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-footer p a {
font-weight: inherit !important; }
.c-bottom-footer {
background-color: var(--ispt-sec-bg);
padding: 0.75rem 0 2.5rem; }
@media screen and (min-width: 30em) {
.c-bottom-footer {
padding: 0.75rem 0 2.5rem; } }
@media screen and (min-width: 47.5rem) {
.c-bottom-footer {
padding: 0.75rem 0 2.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-bottom-footer {
padding: 0.75rem 0 2.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-bottom-footer {
padding: 0.75rem 0 2.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-bottom-footer {
padding: 0.75rem 0 2.5rem; } }
@media screen and (min-width: 47.5rem) {
.c-bottom-footer__inner {
display: flex;
align-content: center;
align-items: center;
justify-content: space-between; } }
.c-bottom-footer__text {
max-width: 35em;
margin-bottom: 0.75rem; }
@media screen and (min-width: 47.5rem) {
.c-bottom-footer__text {
margin-bottom: 0; } }
.c-bottom-footer__logo {
display: block;
position: relative;
text-indent: -9999px;
height: 3.125rem; }
.c-bottom-footer__logo span {
position: absolute;
left: -9999px; }
.c-bottom-footer__logo svg {
display: block;
position: relative;
width: auto;
height: 3.125rem; }
.c-search {
z-index: 1000;
display: block;
position: relative;
width: 100% !important; }
.c-search ::-webkit-input-placeholder {
color: var(--ispt-primary-text-color); }
.c-search ::-moz-placeholder {
color: var(--ispt-primary-text-color); }
.c-search :-ms-input-placeholder {
color: var(--ispt-primary-text-color); }
.c-search ::placeholder {
color: var(--ispt-primary-text-color); }
.c-search input:focus::-webkit-input-placeholder {
color: transparent !important; }
.c-search input:focus::-moz-placeholder {
color: transparent !important; }
.c-search input:focus:-ms-input-placeholder {
color: transparent !important; }
.c-search input:focus::placeholder {
color: transparent !important; }
.c-search__dropdown {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: -1; }
.c-search__input {
border: none;
line-height: 1;
-webkit-appearance: none;
box-shadow: none;
text-align: left;
border-radius: 0;
outline: none;
font-family: var(--ispt-bold-type-stack);
font-weight: var(--ispt-bold-type-weight);
width: 100%;
max-width: 100%;
border-bottom: 1px solid black;
border-color: var(--ispt-border-color);
padding-bottom: 0.6875rem; }
.c-search__submit {
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 100%;
text-indent: -9999px;
min-width: 0;
margin-left: 0 !important;
padding: 0;
border: none;
background-color: transparent;
opacity: 0.001;
z-index: 100; }
.c-search svg {
position: absolute;
width: 1.0625rem;
height: 1.0625rem;
right: 0;
top: 0.25rem; }
.c-search-results__item {
padding-top: 1rem;
padding-bottom: 1.0625rem; }
.c-search-results__item__heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.c-search-results__item__type {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 0.25rem; }
.c-search-results__item__link {
padding-bottom: 0.25rem; }
.c-search-results__item:after {
content: '';
width: 100%;
height: 0.0625rem;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-search-results__item:first-child:before {
content: '';
width: 100%;
height: 0.0625rem;
position: absolute;
top: 0;
left: 0;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-search-results__item__link-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 10; }
.c-site-search {
display: none; }
@media screen and (min-width: 47.5rem) {
.c-site-search {
display: block; } }
.c-site-search__form {
height: 1.5rem;
display: block;
position: relative;
margin-right: 0.75rem; }
.c-site-search__input {
position: relative;
display: block;
line-height: 1;
border-bottom: 1;
border-radius: 0;
-webkit-appearance: none;
outline: none;
border: none;
border-bottom: 1px solid black;
border-color: var(--ispt-primary-text-color);
padding-right: 2.25rem;
background-color: transparent;
top: -0.25rem;
min-width: 20rem;
border-radius: 0;
outline: none;
font-size: 1.125rem;
color: var(--ispt-primary-text-color);
transition: color 500ms, border-color 500ms, opacity 500ms;
padding: 0.375rem 0;
opacity: 0; }
.c-site-search__input:focus {
opacity: 1; }
.state-not-scrolled.state-landing .c-site-search__input {
border-color: white;
color: white; }
.c-menu .c-site-search__input {
border-color: white;
color: white; }
.c-site-search ::-webkit-input-placeholder {
-webkit-transition: color 500ms;
transition: color 500ms;
color: var(--ispt-primary-text-color); }
.c-site-search ::-moz-placeholder {
-moz-transition: color 500ms;
transition: color 500ms;
color: var(--ispt-primary-text-color); }
.c-site-search :-ms-input-placeholder {
-ms-transition: color 500ms;
transition: color 500ms;
color: var(--ispt-primary-text-color); }
.c-site-search ::placeholder {
transition: color 500ms;
color: var(--ispt-primary-text-color); }
.state-not-scrolled.state-landing .c-site-search ::-webkit-input-placeholder {
color: white; }
.state-not-scrolled.state-landing .c-site-search ::-moz-placeholder {
color: white; }
.state-not-scrolled.state-landing .c-site-search :-ms-input-placeholder {
color: white; }
.state-not-scrolled.state-landing .c-site-search ::placeholder {
color: white; }
.c-menu .c-site-search ::-webkit-input-placeholder {
color: white; }
.c-menu .c-site-search ::-moz-placeholder {
color: white; }
.c-menu .c-site-search :-ms-input-placeholder {
color: white; }
.c-menu .c-site-search ::placeholder {
color: white; }
.c-site-search__submit {
z-index: 10;
position: absolute;
width: 1.875rem;
height: 1.875rem;
right: 0;
top: -0.1875rem;
opacity: 0.001; }
.c-site-search__icon {
z-index: -1;
position: absolute;
width: 1.875rem;
height: 1.875rem;
right: 0;
top: -0.1875rem; }
.c-site-search__icon * {
fill: var(--ispt-primary-text-color) !important;
transition: fill 500ms; }
.state-not-scrolled.state-landing .c-site-search__icon * {
fill: white !important; }
.c-menu .c-site-search__icon * {
fill: white !important; }
.c-subscribe {
background-color: var(--ispt-subscribe-bg);
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 3rem; }
@media screen and (min-width: 30em) {
.c-subscribe {
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-subscribe {
margin-top: 5rem;
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-subscribe {
margin-top: 5rem;
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-subscribe {
margin-top: 5rem;
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-subscribe {
margin-top: 5rem;
padding-top: 5rem;
padding-bottom: 5rem; } }
.state-landing .c-subscribe {
margin-top: 0; }
.c-sec-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 2.5rem;
z-index: 9000;
background-color: var(--ispt-sec-header-bg); }
@media screen and (min-width: 47.5rem) {
.c-sec-header {
height: 3.875rem; } }
.c-sec-header__inner {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 1rem; }
@media screen and (min-width: 30em) {
.c-sec-header__inner {
padding: 0 1.25rem; } }
@media screen and (min-width: 47.5rem) {
.c-sec-header__inner {
padding: 0 2rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-sec-header__inner {
padding: 0 2.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-sec-header__inner {
padding: 0 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-sec-header__inner {
padding: 0 3.5rem; } }
.c-sec-header__hours {
font-size: 0.875rem;
line-height: 1em;
color: white; }
.c-sec-header__nav {
font-size: 0.875rem;
line-height: 1em;
color: white; }
.c-sec-header__nav__list {
display: flex; }
.c-sec-header__nav__item {
position: relative;
display: block;
padding-left: 0.5em;
padding-right: calc(0.5em + 1px); }
.c-sec-header__nav__item:after {
content: '';
position: absolute;
width: 1px;
background-color: white;
top: 0;
bottom: 0;
right: 0; }
.c-sec-header__nav__item:first-child {
padding-left: 0; }
.c-sec-header__nav__item:last-child:after {
display: none; }
.state-no-touch .c-sec-header__nav__link {
transition: color 250ms; }
.state-no-touch .c-sec-header__nav__link:hover {
opacity: 0.5; }
.c-single__header {
background-color: var(--ispt-sec-bg);
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
align-items: center;
align-content: center;
min-height: 5.5rem; }
@media screen and (min-width: 47.5rem) {
.c-single__header {
min-height: 9.5rem; } }
.c-single__fixed-banner__banner {
padding-top: 56.25%; }
.c-single__full-banner {
height: 56.25vw; }
.c-single__full-splash {
margin-top: calc(0rem - var(--ispt-logo-mobile-height) - 1rem - 1rem);
height: calc(100vh - 2.5rem);
height: calc((var(--vh, 1vh) * 100) - 2.5rem); }
@media screen and (min-width: 47.5rem) {
.c-single__full-splash {
height: calc(100vh - 3.875rem);
height: calc((var(--vh, 1vh) * 100) - 3.875rem);
margin-top: calc(0rem - var(--ispt-logo-height) - 1.25rem - 1.25rem); } }
.scope-medium-logo .c-single__full-splash {
margin-top: calc(0rem - var(--ispt-logo-mobile-height) - 1.375rem - 1.375rem); }
@media screen and (min-width: 47.5rem) {
.scope-medium-logo .c-single__full-splash {
margin-top: calc(0rem - var(--ispt-logo-height) - 2.125rem - 2.125rem); } }
.scope-small-logo .c-single__full-splash {
margin-top: calc(0rem - var(--ispt-logo-mobile-height) - 1.875rem - 1.875rem); }
@media screen and (min-width: 47.5rem) {
.scope-small-logo .c-single__full-splash {
margin-top: calc(0rem - var(--ispt-logo-height) - 3rem - 3rem); } }
.c-single__banner-text {
width: calc(100% - 2rem);
max-width: 40rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.c-single__banner-text__heading {
text-align: center;
padding-bottom: 0.25rem;
color: white;
font-size: 2rem;
line-height: 1.2em; }
@media screen and (min-width: 30em) {
.c-single__banner-text__heading {
font-size: 2.5rem; } }
@media screen and (min-width: 47.5rem) {
.c-single__banner-text__heading {
font-size: 3.375rem;
padding-bottom: 0.5rem; } }
.scope-black .c-single__banner-text__heading {
color: black; }
.c-single__banner-text__subheading {
text-align: center;
color: white;
font-size: 1.25rem; }
@media screen and (min-width: 30em) {
.c-single__banner-text__subheading {
font-size: 1.5625rem; } }
@media screen and (min-width: 47.5rem) {
.c-single__banner-text__subheading {
font-size: 1.875rem; } }
.scope-black .c-single__banner-text__subheading {
color: black; }
.c-single__section {
padding-top: 3rem;
padding-bottom: 3rem; }
@media screen and (min-width: 30em) {
.c-single__section {
padding-top: 3rem;
padding-bottom: 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-single__section {
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-single__section {
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-single__section {
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-single__section {
padding-top: 5rem;
padding-bottom: 5rem; } }
.c-single__section--instagram {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 3rem;
padding-bottom: 0;
margin-bottom: -4rem; }
@media screen and (min-width: 30em) {
.c-single__section--instagram {
padding-top: 3rem;
margin-bottom: -4rem; } }
@media screen and (min-width: 47.5rem) {
.c-single__section--instagram {
padding-top: 3rem;
margin-bottom: -6rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-single__section--instagram {
padding-top: 3rem;
margin-bottom: -6rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-single__section--instagram {
padding-top: 3rem;
margin-bottom: -6rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-single__section--instagram {
padding-top: 3rem;
margin-bottom: -6rem; } }
.c-single__links {
display: block; }
.c-single__links__link {
display: block;
position: relative;
width: 100%;
padding-bottom: 1em;
margin-top: 1.5rem; }
.c-single__links__link:first-child {
margin-top: 0; }
.c-single__links__link:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-single__links__link:before {
content: '';
position: absolute;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0.125rem;
background-color: white;
transition: opacity 250ms;
z-index: 10; }
.state-no-touch .c-single__links__link:hover:before {
opacity: 0.5; }
.c-single__link-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
background-color: rgba(0, 0, 0, 0);
transition: background-color 400ms; }
.state-no-touch .c-single__link-overlay:hover {
background-color: rgba(0, 0, 0, 0.2); }
.c-stores {
display: flex;
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
flex-wrap: wrap;
margin-bottom: -3rem; }
@media screen and (min-width: 30em) {
.c-stores {
margin-bottom: -3rem; } }
@media screen and (min-width: 47.5rem) {
.c-stores {
margin-bottom: -3rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-stores {
margin-bottom: -3rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-stores {
margin-bottom: -3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-stores {
margin-bottom: -3rem; } }
.c-stores__entry {
padding-left: 0.25rem;
padding-right: 0.25rem;
margin-bottom: 3rem;
width: 100%; }
@media screen and (min-width: 30em) {
.c-stores__entry {
width: 50%;
margin-bottom: 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-stores__entry {
width: 33.333%;
margin-bottom: 3rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-stores__entry {
width: 25%;
margin-bottom: 3rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-stores__entry {
margin-bottom: 3rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-stores__entry {
margin-bottom: 3rem; } }
.c-stores__entry--empty {
width: 100%;
display: none;
border: 1px solid black;
border-color: var(--ispt-border-color);
padding: 1.25rem; }
@media screen and (min-width: 47.5rem) {
.c-stores__entry--empty {
padding: 2.5rem; } }
.c-stores__entry--empty.state-show {
display: block; }
.c-search-results .c-stores__entry--empty {
display: block; }
.c-stores__entry.state-filter-hidden {
display: none; }
.c-stores__entry.state-search-hidden {
display: none; }
.c-stores__entry__inner {
position: relative;
display: block;
padding-bottom: 3em; }
.c-stores__entry--empty .c-stores__entry__inner {
padding-bottom: 0; }
.c-stores__entry__image {
padding-top: 90%; }
.c-stores__entry__image .u-figure {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.c-stores__entry__image:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.05); }
.c-stores__entry__title {
padding-top: 1em;
padding-bottom: 0.5em; }
.c-stores__entry--empty .c-stores__entry__title {
padding-top: 0; }
.c-stores__entry__hours {
text-transform: none; }
.c-stores__entry__text {
text-transform: none; }
.c-stores__entry__button {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding-top: 1em; }
.c-stores__entry__button:after {
content: '';
position: absolute;
height: 0.0625rem;
top: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-stores__filters {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -1.25rem; }
.c-stores__filters__item {
padding-bottom: 1.25rem;
width: 100%; }
@media screen and (min-width: 30em) {
.c-stores__filters__item {
width: calc(50% - 0.25rem); } }
.c-stores__filters__item--wide {
width: 100%; }
.c-letter-filters {
display: none;
flex-wrap: wrap;
position: relative;
padding-bottom: 0.6875rem; }
@media screen and (min-width: 47.5rem) {
.c-letter-filters {
display: flex;
justify-content: space-between; } }
.c-letter-filters:after {
content: '';
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 0.0625rem;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.scope-reverse .c-letter-filters:after {
background-color: white; }
.c-letter-filters__item {
display: block; }
.c-letter-filters__link {
display: block;
opacity: 0.5;
transition: opacity 250ms; }
.c-letter-filters__link.state-active {
opacity: 1; }
.state-no-touch .c-letter-filters__link:hover {
opacity: 1; }
.c-letter-filters__link.state-link-active {
opacity: 1; }
.c-menu-item {
z-index: 1000;
position: relative; }
.c-menu-item__link {
opacity: 0.5;
transition: opacity 250ms;
white-space: nowrap;
z-index: 100;
position: relative;
display: block; }
.state-no-touch .c-menu-item__link:hover {
opacity: 1; }
.c-menu-item__icon {
width: 1.3125rem;
height: 0.75rem;
position: absolute;
top: 0.125rem;
right: 0;
z-index: -1; }
.c-menu-item__icon * {
fill: var(--ispt-primary-text-color) !important; }
.c-menu-item__button {
padding-bottom: 1em;
display: block;
position: relative;
transition: -webkit-filter 250ms;
transition: filter 250ms;
transition: filter 250ms, -webkit-filter 250ms; }
.c-menu-item__button:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-menu-item__button:after {
background-color: white; }
.c-menu-item__list {
overflow: hidden;
position: absolute;
top: 100%;
min-width: 100%;
box-sizing: border-box;
background-color: white;
left: -9999px;
opacity: 0;
border: 1px solid black;
border-color: var(--ispt-border-color);
transition: none;
padding-top: 0 !important; }
.c-search__dropdown .c-menu-item__list {
left: 1.25rem;
opacity: 1;
transition: none !important; }
.c-menu-item__list:after {
content: '';
position: absolute;
width: 1px;
top: 1rem;
left: 0;
bottom: 0; }
.state-dropdown-open .c-menu-item__list {
left: 0;
opacity: 1;
transition: opacity 250ms, left 0ms; }
.c-menu-item__list__item {
position: relative;
display: block;
-webkit-transform: translateY(-1.5rem);
transform: translateY(-1.5rem);
opacity: 0;
transition: none; }
.state-dropdown-open .c-menu-item__list__item {
opacity: 1;
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
transition: opacity 250ms linear 100ms, -webkit-transform 250ms linear 100ms;
transition: opacity 250ms linear 100ms, transform 250ms linear 100ms;
transition: opacity 250ms linear 100ms, transform 250ms linear 100ms, -webkit-transform 250ms linear 100ms; }
.c-search__dropdown .c-menu-item__list__item {
opacity: 1;
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
transition: none !important; }
.c-menu-item__list__link {
cursor: pointer !important;
position: relative;
display: block;
padding: 0.25rem 0.75rem;
white-space: nowrap; }
.state-no-touch .c-menu-item__list__link:hover {
text-decoration: underline; }
.c-menu-item__list__link.state-link-active {
text-decoration: underline; }
.c-menu-item__list--button {
padding-top: 0.5rem;
top: calc(100% - 0.5rem);
left: -9999px;
min-width: calc(100% - 1.0625rem - 1.0625rem); }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-menu-item__list--button {
min-width: calc(100% - 1.25rem - 1.25rem); } }
.state-dropdown-open .c-menu-item__list--button {
left: 0; }
.c-menu-item__list--button:after {
top: 0; }
.c-menu-item + .c-menu-item {
margin-left: 1rem; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-menu-item + .c-menu-item {
margin-left: 2rem; } }
.c-store__details {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 25.75rem;
margin-bottom: -1.5rem; }
@media screen and (min-width: 30em) {
.c-store__details {
margin-bottom: -1.5rem; } }
@media screen and (min-width: 47.5rem) {
.c-store__details {
margin-bottom: -1.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-store__details {
margin-bottom: -1.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__details {
margin-bottom: -1.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__details {
margin-bottom: -1.5rem; } }
.c-store__details__detail {
width: 100%;
padding-bottom: 1.5rem; }
@media screen and (min-width: 30em) {
.c-store__details__detail {
width: calc(50% - 0.25rem);
padding-bottom: 1.5rem; } }
@media screen and (min-width: 47.5rem) {
.c-store__details__detail {
padding-bottom: 1.5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-store__details__detail {
padding-bottom: 1.5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__details__detail {
padding-bottom: 1.5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__details__detail {
padding-bottom: 1.5rem; } }
.c-store__information {
padding-top: 3rem; }
@media screen and (min-width: 30em) {
.c-store__information {
padding-top: 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-store__information {
padding-top: 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-store__information {
padding-top: 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__information {
padding-top: 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-store__information {
padding-top: 5rem; } }
.c-thumbs {
display: flex;
flex-wrap: wrap;
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -3rem; }
@media screen and (min-width: 30em) {
.c-thumbs {
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -3rem; } }
@media screen and (min-width: 47.5rem) {
.c-thumbs {
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -5rem;
align-content: stretch;
align-items: stretch; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-thumbs {
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-thumbs {
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-thumbs {
width: calc(100% + 0.5rem);
margin-left: -0.25rem;
margin-bottom: -5rem; } }
.c-thumbs__thumb {
display: flex;
align-content: stretch;
align-items: stretch;
width: 100%;
padding: 0 0.25rem 3rem; }
@media screen and (min-width: 30em) {
.c-thumbs__thumb {
width: 50%;
padding: 0 0.25rem 3rem; } }
@media screen and (min-width: 47.5rem) {
.c-thumbs__thumb {
padding: 0 0.25rem 5rem; } }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-thumbs__thumb {
width: 33.333%;
padding: 0 0.25rem 5rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.c-thumbs__thumb {
padding: 0 0.25rem 5rem; } }
@media screen and (min-width: 100rem) and (min-height: 35rem) and (orientation: landscape) {
.c-thumbs__thumb {
padding: 0 0.25rem 5rem; } }
.c-thumbs__thumb__inner {
width: 100%;
display: block;
position: relative; }
.c-thumbs__thumb__media {
padding-top: 70%;
overflow: hidden; }
.c-thumbs__thumb__media .u-figure {
transition: opacity 500ms !important; }
.state-no-touch a:hover .c-thumbs__thumb__media .u-figure {
opacity: 0.7; }
.c-thumbs__thumb__text {
padding-bottom: 3.25em;
padding-left: 1em;
padding-right: 1em; }
.c-thumbs__thumb__heading {
padding-top: 1em;
padding-bottom: 0.5em; }
.c-thumbs__thumb__excerpt {
letter-spacing: 0;
text-transform: none; }
.c-thumbs__thumb__excerpt p {
margin-bottom: 0.5em; }
.c-thumbs__thumb__excerpt p:last-child {
margin-bottom: 0; }
.c-thumbs__thumb__more {
width: 100%;
position: absolute;
padding-top: 1em;
left: 0;
bottom: 0; }
.c-thumbs__thumb__more:after {
content: '';
position: absolute;
height: 0.0625rem;
top: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.c-store-card {
display: block;
position: relative; }
.c-store-card__inner {
padding-left: 1.5rem;
padding-right: 1.5625rem;
padding-top: 1.5rem;
font-size: 0.8125rem;
padding-bottom: 3em; }
.c-store-card__inner:after {
content: '';
position: absolute;
width: 0.0625rem;
top: 0;
right: 0;
height: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-store-card__inner:after {
background-color: white; }
.glide__slide:last-child .c-store-card__inner:after {
display: none; }
.c-store-card__image {
padding-top: 150%;
overflow: hidden; }
.c-store-card__image--square {
padding-top: 90%; }
.c-store-card__image .u-figure {
opacity: 500ms !important; }
.state-no-touch a:hover .c-store-card__image .u-figure {
opacity: 0.7; }
.c-store-card__title {
text-align: center;
font-size: 1.875rem;
line-height: 1em;
padding-top: 1em;
padding-bottom: 1em; }
.c-store-card__visit {
text-align: center;
position: absolute;
left: 1.5rem;
right: 1.5625rem;
bottom: 0;
font-size: 0.8125rem;
line-height: 1em;
padding-bottom: 1em;
padding-top: 1em; }
.c-store-card__visit:after {
content: '';
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 0.0625rem;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.scope-reverse .c-store-card__visit:after {
background-color: white; }
.c-style-card {
display: block;
position: relative; }
.c-style-card__inner {
padding-left: 1.5rem;
padding-right: 1.5625rem;
padding-top: 1.5rem;
font-size: 0.8125rem;
padding-bottom: 4em; }
.c-style-card__inner:after {
content: '';
position: absolute;
width: 0.0625rem;
top: 0;
right: 0;
height: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-style-card__inner:after {
background-color: white; }
.glide__slide:last-child .c-style-card__inner:after {
display: none; }
.c-style-card__image {
padding-top: 90%;
overflow: hidden; }
.c-style-card__image .u-figure {
transition: opacity 500ms !important; }
.state-no-touch a:hover .c-style-card__image .u-figure {
opacity: 0.7; }
.c-style-card__title {
text-align: center;
font-size: 1.125rem;
line-height: 1em;
padding-top: 1em;
padding-bottom: 1em; }
.c-style-card__button {
text-align: center;
position: absolute;
left: 1.5rem;
right: 1.5625rem;
bottom: 0;
font-size: 0.8125rem;
line-height: 1em;
padding-bottom: 1em;
padding-top: 1em; }
.c-style-card__button:after {
content: '';
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 0.0625rem;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.scope-reverse .c-style-card__button:after {
background-color: white; }
.c-style-card .scope-text {
text-align: center; }
.c-wh__text {
font-size: 0.8125rem;
max-width: 31.25rem;
margin-left: auto;
margin-right: auto;
padding-bottom: 5em; }
.c-wh__text__heading {
padding-bottom: 1em;
text-align: center; }
@media screen and (min-width: 47.5rem) {
.c-wh__text__heading {
font-size: 2.8125rem; } }
.c-wh__button {
text-align: center;
position: absolute;
width: 100%;
max-width: 23.75rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
padding-top: 1em;
font-size: 0.8125rem;
line-height: 1em; }
.c-wh__button:after {
content: '';
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 0.0625rem;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.scope-reverse .c-wh__button:after {
background-color: white; }
.c-wh .scope-text {
text-align: center; }
.scope-video-plyr {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.plyr {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.plyr .plyr__control.plyr__control--overlaid {
background-image: url("../img/play-button.png");
background-size: contain;
background-color: transparent; }
@media screen and (min-width: 47.5rem) {
.plyr .plyr__control.plyr__control--overlaid {
width: 6.75rem;
height: 6.75rem; } }
.plyr .plyr__control.plyr__control--overlaid svg {
display: none; }
.plyr .plyr__poster {
background-size: cover !important; }
.c-map {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.c-contact__subheading {
position: relative;
display: block;
padding-bottom: 1em;
margin-bottom: 2em; }
.c-contact__subheading:after {
content: '';
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 0.0625rem;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity); }
.scope-reverse .c-contact__subheading:after {
background-color: white; }
.c-contact__table {
width: 100%;
vertical-align: top; }
.c-contact__table * {
vertical-align: top; }
.c-contact__table td:first-child {
padding-right: 0.75rem; }
.c-offers-filters {
display: flex;
flex-wrap: wrap; }
@media screen and (min-width: 47.5rem) {
.c-offers-filters {
flex-wrap: nowrap;
justify-content: center; } }
.c-offers-filters__button {
display: block;
position: relative;
width: 100%;
width: 100%;
padding-bottom: 1em;
padding-top: 1em;
opacity: 0.5;
transition: opacity 250ms; }
@media screen and (min-width: 47.5rem) {
.c-offers-filters__button {
width: 15rem;
margin: 0 0.25rem;
padding-top: 1em; } }
.c-offers-filters__button:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
opacity: 0.5;
transition: opacity 250ms; }
.c-offers-filters__button.state-active {
opacity: 1; }
.c-offers-filters__button.state-active:after {
opacity: 1; }
.c-banner-link {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
background-color: rgba(0, 0, 0, 0);
transition: background-color 500ms; }
.state-no-touch .c-banner-link:hover {
background-color: rgba(0, 0, 0, 0.25); }
.c-instagram__heading {
text-align: center;
padding-left: 1rem;
padding-right: 1rem; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.c-instagram__heading {
font-size: 2.8125rem; } }
.c-instagram__feed {
width: calc(100% + 1rem);
margin-left: -0.5rem;
padding-bottom: 0.5rem; }
.c-map-buttons {
width: 100%;
display: flex;
justify-content: flex-end; }
.c-map-buttons__button {
padding-bottom: 1em;
display: block;
position: relative;
transition: -webkit-filter 250ms;
transition: filter 250ms;
transition: filter 250ms, -webkit-filter 250ms;
text-align: center;
width: calc(50% - 0.25rem);
opacity: 0.5;
transition: opacity 250ms;
white-space: nowrap;
position: relative;
display: block; }
.state-no-touch .c-map-buttons__button:hover {
opacity: 1; }
.c-map-buttons__button.state-active {
opacity: 1; }
@media screen and (min-width: 47.5rem) {
.c-map-buttons__button {
max-width: 8rem; } }
.c-map-buttons__button:after {
content: '';
position: absolute;
height: 0.0625rem;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--ispt-border-color);
opacity: var(--ispt-border-opacity);
transition: width 400ms; }
.scope-reverse .c-map-buttons__button:after {
background-color: white; }
.c-map-buttons__button:last-child {
margin-left: 0.5rem; }
.scope-glide {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.scope-glide .glide__track,
.scope-glide .glide__slides,
.scope-glide .glide__slide {
position: absolute !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
-webkit-transform: none !important;
transform: none !important;
transition: none !important; }
.scope-glide .glide__track figure,
.scope-glide .glide__slides figure,
.scope-glide .glide__slide figure {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: #f6f6f6 !important; }
.scope-glide .glide__slide {
transition: opacity 0ms linear 800ms !important;
opacity: 0 !important;
z-index: 1 !important; }
.scope-glide .glide__slide.glide__slide--active {
transition: opacity 800ms linear 0ms !important;
opacity: 1 !important;
z-index: 10 !important; }
.scope-glide .glide__arrows {
display: none !important; }
.scope-glide .glide__bullets {
display: flex;
justify-content: center;
position: absolute;
width: 100%;
left: 0;
bottom: 0.75rem; }
.scope-glide .glide__bullets .glide__bullet {
position: relative;
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: transparent;
border: none;
text-indent: -9999px;
padding: 0;
margin: 0; }
.scope-glide .glide__bullets .glide__bullet:after {
content: '';
box-sizing: border-box;
width: 0.625rem;
height: 0.625rem;
position: absolute;
top: calc(50% - 0.3125rem);
left: calc(50% - 0.3125rem);
border: 1px solid white;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0);
transition: background-color 800ms; }
.scope-glide .glide__bullets .glide__bullet.glide__bullet--active:after {
background-color: white; }
.scope-glide-slider .outer {
overflow: hidden;
width: calc(100% - 2.5rem);
margin-left: 1.25rem; }
@media screen and (min-width: 47.5rem) {
.scope-glide-slider .outer {
width: 100%;
margin-left: 0; } }
.scope-glide-slider .inner {
width: calc(100% + 3rem);
margin-left: -1.5rem; }
.scope-glide-slider .glide .glide__slides {
align-content: stretch;
align-items: stretch; }
@media screen and (min-width: 47.5rem) {
.scope-glide-slider--2 .glide {
width: 66.666%;
margin-left: 16.667%; } }
@media screen and (min-width: 30em) {
.scope-glide-slider--1 .glide {
width: 50%;
margin-left: 25%; } }
@media screen and (min-width: 47.5rem) {
.scope-glide-slider--1 .glide {
width: 33.333%;
margin-left: 33.333%; } }
@media screen and (min-width: 47.5rem) {
.scope-glide-slider--3 .glide__arrows {
display: none; } }
@media screen and (min-width: 30em) {
.scope-glide-slider--2 .glide__arrows {
display: none; } }
.scope-glide-slider--1 .glide__arrows {
display: none; }
.glide__arrows {
height: 2.625rem;
width: calc(100% + 5.25rem - 3rem + 0.5rem);
left: -1.375rem;
top: calc(50% - 1.3125rem);
display: flex;
position: absolute;
justify-content: space-between; }
@media screen and (min-width: 47.5rem) {
.glide__arrows {
width: calc(100% + 5.25rem);
left: -2.625rem; } }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.glide__arrows {
width: calc(100% + 7.5rem);
left: -3.75rem; } }
.glide__arrows button {
position: relative;
display: block;
width: 2.625rem;
height: 2.625rem;
background-color: transparent;
border: none;
outline: none; }
.glide__arrows button svg {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.glide__arrows button svg * {
fill: var(--ispt-primary-text-color) !important; }
.scope-reverse .glide__arrows button svg * {
fill: white !important; }
.c-instasimple {
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
padding-bottom: 0.5rem; }
.c-instasimple__row {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left: 0.25rem;
padding-right: 0.25rem;
box-sizing: border-box; }
.c-instasimple__row__cell {
width: 50%;
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-bottom: 0.5rem;
box-sizing: border-box; }
@media only screen and (min-width: 40em) {
.c-instasimple__row__cell {
width: 16.666%; } }
@media only screen and (min-width: 60em) {
.c-instasimple__row__cell {
width: 16.666%; } }
.c-instasimple__row__cell a {
position: relative;
display: block;
padding-top: 125%;
overflow: hidden;
transition: opacity 400ms; }
.c-instasimple__row__cell a:hover {
opacity: 0.8; }
.c-instasimple__row__cell a img,
.c-instasimple__row__cell a video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover; }
.c-popup {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 9000;
visibility: visibile;
opacity: 1; }
.state-hide-popup .c-popup {
transition: opacity 500ms, left 0ms linear 500ms;
opacity: 0;
left: -9999px; }
.c-popup__overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.5); }
.c-popup__wrapper {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center; }
.c-popup__panel {
text-align: center;
background-color: white;
width: calc(100% - 2rem);
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 46.875rem;
padding-top: 4.5rem;
box-sizing: border-box;
padding-bottom: 4.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem; }
.c-popup__title {
width: 100%; }
.c-popup__text {
text-align: center;
max-width: 30em;
margin: 1.25rem auto 2.5rem;
width: 100%; }
.c-popup__close {
height: 1.75rem;
line-height: 1.75rem;
background-color: transparent;
position: absolute;
right: 1rem;
top: 1rem;
width: auto;
padding-right: 2.25rem;
text-indent: -9999px; }
.c-popup__close:before {
width: 2.125rem;
height: 0.125rem;
content: '-';
text-indent: -9999px;
position: absolute;
right: 0;
top: 0.8125rem;
background-color: black;
overflow: hidden;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.c-popup__close:after {
width: 2.125rem;
height: 0.125rem;
content: '-';
text-indent: -9999px;
position: absolute;
right: 0;
top: 0.8125rem;
background-color: black;
overflow: hidden;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.c-popup .scope-form {
width: 100%;
max-width: 30rem; }
.c-popup .scope-form .gform_footer {
display: flex;
justify-content: center; }
.c-popup__privacy {
opacity: 0.5;
text-align: center;
margin-top: 1.25rem; }
/* COMPONENTS */
/* ========================================================================== */
/*
@import 'components/_desktop-menu';
@import 'components/_mobile-menu';
@import 'components/_menu-item';
@import 'components/_search';
@import 'components/_filter-items';
@import 'components/_letter-filters';
@import 'components/_single';
@import 'components/_visit';
@import 'components/_map';
@import 'components/_featured-slider';
@import 'components/_whats-on-slider';
@import 'components/_featured-splash';
@import 'components/_stores';
@import 'components/_whats-on';
@import 'components/_modal';
@import 'components/_search-results';
@import 'components/_search-bar';
*/
.u-m-show {
display: none; }
@media screen and (min-width: 47.5rem) {
.u-m-show {
display: block; } }
.u-m-show--flex {
display: none; }
@media screen and (min-width: 47.5rem) {
.u-m-show--flex {
display: flex; } }
.u-m-hide {
display: block; }
@media screen and (min-width: 47.5rem) {
.u-m-hide {
display: none; } }
.u-m-hide--flex {
display: flex; }
@media screen and (min-width: 47.5rem) {
.u-m-hide--flex {
display: none; } }
.u-l-show {
display: none; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-show {
display: block; } }
.u-l-show--flex {
display: none; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-show--flex {
display: flex; } }
.u-l-hide {
display: block; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-hide {
display: none; } }
.u-l-hide--flex {
display: flex; }
@media screen and (min-width: 60rem) and (orientation: landscape) {
.u-l-hide--flex {
display: none; } }
.u-xl-show {
display: none; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-show {
display: block; } }
.u-xl-show--flex {
display: none; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-show--flex {
display: flex; } }
.u-xl-hide {
display: block; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-hide {
display: none; } }
.u-xl-hide--flex {
display: flex; }
@media screen and (min-width: 80rem) and (min-height: 35rem) and (orientation: landscape) {
.u-xl-hide--flex {
display: none; } }
.u-portrait-hide {
display: block; }
@media screen and (orientation: portrait) {
.u-portrait-hide {
display: none; } }
.u-portrait-show {
display: none; }
@media screen and (orientation: portrait) {
.u-portrait-show {
display: block; } }