@charset "UTF-8";
/* Attention:
** Module styles are defined 'as is' (modules/*.scss). They won't be overwritten inside module files self for per
** page specific layouts. Those kind of tweaks are done inside layout files (layouts/*.scss). If those modifactions occur
** on more than a single layout, a modifier can be created for the module
*/
/* @font-face */
@font-face {
font-family: 'Font Awesome 5 Light';
font-style: normal;
font-weight: 300;
src: url("/fonts/fontawesome-pro/fa-light-300.eot");
src: url("/fonts/fontawesome-pro/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-pro/fa-light-300.woff2") format("woff2"), url("/fonts/fontawesome-pro/fa-light-300.woff") format("woff"), url("/fonts/fontawesome-pro/fa-light-300.ttf") format("truetype"), url("/fonts/fontawesome-pro/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
font-family: 'Font Awesome 5 Regular';
font-style: normal;
font-weight: 400;
src: url("/fonts/fontawesome-pro/fa-regular-400.eot");
src: url("/fonts/fontawesome-pro/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-pro/fa-regular-400.woff2") format("woff2"), url("/fonts/fontawesome-pro/fa-regular-400.woff") format("woff"), url("/fonts/fontawesome-pro/fa-regular-400.ttf") format("truetype"), url("/fonts/fontawesome-pro/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
font-family: 'Font Awesome 5 Solid';
font-style: normal;
font-weight: 900;
src: url("/fonts/fontawesome-pro/fa-solid-900.eot");
src: url("/fonts/fontawesome-pro/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-pro/fa-solid-900.woff2") format("woff2"), url("/fonts/fontawesome-pro/fa-solid-900.woff") format("woff"), url("/fonts/fontawesome-pro/fa-solid-900.ttf") format("truetype"), url("/fonts/fontawesome-pro/fa-solid-900.svg#fontawesome") format("svg");
}
/*
**
** Grid settings
**
*/
/*
**
** Color pallette
**
*/
:root {
--site-color-purple: #3e0a4f;
--site-color-purple-90: rgba(62, 10, 79, 0.9);
--site-color-purple-70: rgba(62, 10, 79, 0.7);
--site-color-purple-hover: #1a0422;
--site-border-color: rgba(62, 10, 79, 0.1);
--site-color-pink: #ff4dff;
--site-color-pink-75: rgba(255, 77, 255, 0.75);
--site-color-pink-60: rgba(255, 77, 255, 0.6);
--site-color-text-pink-on-dark: #a38aab;
}
/* new colors */
/* end new colors */
/*
**
** Fonts
**
*/
/*
** !! Still missing Kievit OT Bold !!
** may not be uploaded by fontsquirel
**/
.button-primary,
.button-secondary,
.button-tertiary,
.button-secondary--orange, label, a.more-info, input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="datetime-local"],
textarea, .content-block h4, .content-block h5, .content-block h6, .tout-date .tout-month, .primary-nav-menu, .program-block-title div:nth-child(2), .program-block-title .program-block-price, .program-block-title .program-block-subprice, .program-block-title .program-block-location, .program-block-datetime span, .theatre-tout .usps ul li, .venue-tout button[type="submit"], .promotion-bar .promotion-text, body, .nav--pagination__item, .nav--pagination li, .nav--paginaton ul li {
font-family: 'GT Flexa Condensed Light', sans-serif;
}
.star-rating-block, input[type="submit"]:not(.newsletter-submit),
button[type="submit"]:not(.newsletter-submit), footer .newsletter a, .header__title .subtitle, .highlight-block .hoverbox .ghostbutton, .tout-label, .primary-nav a.bold, .primary-nav-menu .level-2.has-children > a, .program-block-label, .theatre-tout .info time span:first-child, .allprices tbody td:nth-child(2), .page-brochure .subtitle, .page-brochure #frm_brochure label, .page-contact form#frm_contact label, .page-wens form#frm_contact label, .page-secretaresse form#frm_contact label, .page-events .highlight-block .hoverbox .ghostbutton, .page-arrangementitem .performance__otherdates .label,
.page-performance-theatre .performance__otherdates .label, .pagehead .subtitle, .event-managers .ghostbutton {
font-family: 'GT Flexa Condensed Light', sans-serif;
font-weight: 700;
}
.label, .action-block > a, .highlight-block header h4, .tout-date, .tout-slide .tout-titles .tout-title, .tout-banner, .program-block-date .program-block-day, .program-block-title div, .top-bar .top-bar-menu .nav-item.nav-item-cart a::after, .promotion-bar {
font-family: 'GT Flexa Medium', serif;
}
.block-404 > h1, .arrangement-block .title, .assist-block .assist-block-title, .assist-block .filter-selectors label, .cookie-notification__title, .faq__divider, .header__title .title, .modal-title, .tout-slide .tout-titles .tout-subtitle, .series-header-block aside .title, .tour-block .title, div:not(.promotion-title):not(.block-404) > h1:not(.events-title), h2,
.h2, .venue-tout .tout-title, .page-events #page-search input, .page-home #page-search input, .page-arrangementitem aside h1,
.page-performance-theatre aside h1, .page-arrangementitem .page-title,
.page-performance-theatre .page-title, .page-search-results .newsitems .nieuwsitem a, .events-seo-title.events-seo-title h1 {
font-family: 'GT Flexa Regular', serif;
}
.bq, .bq q, .breadcrumbs-path:last-child, .highlight-block .subtitle, .fancybox-wrap label, .primary-nav-menu .level-1 .title, h3, .filter-title,
.h3, .page-brochure .title, .page-arrangementitem h3, .page-arrangementitem .filter-title,
.page-performance-theatre h3,
.page-performance-theatre .filter-title, .page-arrangementitem .arrangements h3, .page-arrangementitem .arrangements .filter-title,
.page-performance-theatre .arrangements h3,
.page-performance-theatre .arrangements .filter-title, .page-venue .ranks .title, .pagehead .title, .ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list > li, .available-label span {
font-family: 'GT Flexa Medium', serif;
}
.arrangement-block .price, .assist-block .assist-block-title h1, .program-block:after, .show-navigate .info span.title, .theatre-tout .subtitle, h4, h5, .venue-block-title div:nth-child(1) {
font-family: 'GT Flexa Medium', serif;
font-weight: 700;
}
/*
**
** Other settings
**
*/
a.more-info, .breadcrumbs-path a, #login a, .fancybox-wrap aside a, .page-cart .proceed a {
position: relative;
}
a.more-info:after, .breadcrumbs-path a:after, #login a:after, .fancybox-wrap aside a:after, .page-cart .proceed a:after {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
display: block;
content: '';
width: 100%;
position: absolute;
bottom: -3px;
left: 0;
height: 1px;
background: #c7c7c7;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
a.more-info:hover:after, .breadcrumbs-path a:hover:after, #login a:hover:after, .fancybox-wrap aside a:hover:after, .page-cart .proceed a:hover:after, .tout-banner:hover .more-info:after {
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.back-to-top, .button-primary,
.button-secondary,
.button-tertiary,
.button-secondary--orange {
position: relative;
overflow: hidden;
}
.back-to-top:before, .button-primary:before,
.button-secondary:before,
.button-tertiary:before,
.button-secondary--orange:before {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
display: block;
content: '';
position: absolute;
bottom: -1px;
width: 100%;
height: 1px;
background: #fff;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
html.no-touch .back-to-top:hover:before, html.no-touch .button-primary:hover:before, html.no-touch
.button-secondary:hover:before, html.no-touch
.button-tertiary:hover:before, html.no-touch
.button-secondary--orange:hover:before {
color: #fff;
-ms-transform: scaleY(52);
transform: scaleY(52);
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.selectboxit-options, .off-screen-nav-menu, .off-screen-nav-menu ul, .primary-nav ul, .languages-nav, .top-bar .top-bar-menu, .top-bar-social {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.hidden {
display: none;
}
#ajaxSearch .ajaxSearch_body, #ajaxSearch .ajaxSearch_body > li, #ajaxSearch .ajaxSearch_body > ul, #ajaxSearch .ajaxSearch_body > ul > li {
margin: 0;
padding: 0;
list-style: none;
}
#login button {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
* active/hover state.
*/
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.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */
}
/**
* 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;
}
meta.foundation-version {
font-family: "/5.5.3/";
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0;
}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0;
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em;
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em;
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em;
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html, body {
height: 100%;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body {
font-size: 100%;
}
body {
background: #fff;
color: #222;
cursor: auto;
font-family: "GT Flexa Light", sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative;
}
a:hover {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix:before, .button-slide-description:before, [data-role="filter-breadcrumb-holder"]:before, .clearfix:after, .button-slide-description:after, [data-role="filter-breadcrumb-holder"]:after {
content: " ";
display: table;
}
.clearfix:after, .button-slide-description:after, [data-role="filter-breadcrumb-holder"]:after {
clear: both;
}
.hide {
display: none;
}
.invisible {
visibility: hidden;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
margin: 0 auto;
max-width: 67.5rem;
width: 100%;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
margin: 0 -0.625rem;
max-width: none;
width: auto;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column,
.columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 100%;
float: left;
}
.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
float: right;
}
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
float: left;
}
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
.small-1 {
width: 8.3333333333%;
}
.small-2 {
width: 16.6666666667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.3333333333%;
}
.small-5 {
width: 41.6666666667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.3333333333%;
}
.small-8 {
width: 66.6666666667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.3333333333%;
}
.small-11 {
width: 91.6666666667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0 !important;
}
.small-offset-1 {
margin-left: 8.3333333333% !important;
}
.small-offset-2 {
margin-left: 16.6666666667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.3333333333% !important;
}
.small-offset-5 {
margin-left: 41.6666666667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.3333333333% !important;
}
.small-offset-8 {
margin-left: 66.6666666667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.3333333333% !important;
}
.small-offset-11 {
margin-left: 91.6666666667% !important;
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
}
@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0 !important;
}
.medium-offset-1 {
margin-left: 8.3333333333% !important;
}
.medium-offset-2 {
margin-left: 16.6666666667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.3333333333% !important;
}
.medium-offset-5 {
margin-left: 41.6666666667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.3333333333% !important;
}
.medium-offset-8 {
margin-left: 66.6666666667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.3333333333% !important;
}
.medium-offset-11 {
margin-left: 91.6666666667% !important;
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
.large-1 {
width: 8.3333333333%;
}
.large-2 {
width: 16.6666666667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.3333333333%;
}
.large-5 {
width: 41.6666666667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.3333333333%;
}
.large-8 {
width: 66.6666666667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.3333333333%;
}
.large-11 {
width: 91.6666666667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0 !important;
}
.large-offset-1 {
margin-left: 8.3333333333% !important;
}
.large-offset-2 {
margin-left: 16.6666666667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.3333333333% !important;
}
.large-offset-5 {
margin-left: 41.6666666667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.3333333333% !important;
}
.large-offset-8 {
margin-left: 66.6666666667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.3333333333% !important;
}
.large-offset-11 {
margin-left: 91.6666666667% !important;
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0;
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
float: left;
}
.push-0 {
position: relative;
left: 0;
right: auto;
}
.pull-0 {
position: relative;
right: 0;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden;
}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch;
}
.inner-wrap {
position: relative;
width: 100%;
transition: transform 500ms ease;
}
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table;
}
.inner-wrap:after {
clear: both;
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333333;
color: #ffffff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar .filter-title, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #ffffff;
font-weight: bold;
line-height: 2.8125rem;
margin: 0;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar .filter-title, .tab-bar h4 {
font-size: 1.125rem;
}
.left-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-right: solid 1px #1a1a1a;
left: 0;
}
.right-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-left: solid 1px #1a1a1a;
right: 0;
}
.tab-bar-section {
height: 2.8125rem;
padding: 0 0.625rem;
position: absolute;
text-align: center;
top: 0;
}
.tab-bar-section.left {
text-align: left;
}
.tab-bar-section.right {
text-align: right;
}
.tab-bar-section.left {
left: 0;
right: 2.8125rem;
}
.tab-bar-section.right {
left: 2.8125rem;
right: 0;
}
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem;
}
.tab-bar .menu-icon {
color: #ffffff;
display: block;
height: 2.8125rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
transform: translate3d(0, 0, 0);
width: 2.8125rem;
}
.tab-bar .menu-icon span::after {
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
width: 1rem;
}
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-ms-transform: translate(-100%, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0;
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-ms-transform: translate(100%, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0;
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-ms-transform: translate(0, -100%);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 18.75rem;
}
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-ms-transform: translate(0, 100%);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 18.75rem;
}
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.off-canvas-list li label {
background: #444444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
display: block;
font-size: 0.75rem;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
}
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: rgba(255, 255, 255, 0.7);
display: block;
padding: 0.6666666667rem;
transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
background: #242424;
}
ul.off-canvas-list li a:active {
background: #242424;
}
.move-right > .inner-wrap {
-ms-transform: translate(15.625rem, 0);
transform: translate3d(15.625rem, 0, 0);
}
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.move-left > .inner-wrap {
-ms-transform: translate(-15.625rem, 0);
transform: translate3d(-15.625rem, 0, 0);
}
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.move-top > .inner-wrap {
-ms-transform: translate(0, -18.75rem);
transform: translate3d(0, -18.75rem, 0);
}
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.move-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.move-bottom > .inner-wrap {
-ms-transform: translate(0, 18.75rem);
transform: translate3d(0, 18.75rem, 0);
}
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
-ms-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: none;
cursor: pointer;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem;
}
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem;
}
.no-csstransforms .top-off-canvas-menu {
top: -18.75rem;
}
.no-csstransforms .bottom-off-canvas-menu {
bottom: -18.75rem;
}
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem;
}
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem;
}
.no-csstransforms .move-top > .inner-wrap {
right: 18.75rem;
}
.no-csstransforms .move-bottom > .inner-wrap {
left: 18.75rem;
}
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-ms-transform: translate(-100%, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
transition: transform 500ms ease;
}
.left-submenu * {
-webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0;
}
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.left-submenu .back > a:before {
content: "\AB";
margin-right: .5rem;
display: inline;
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-ms-transform: translate(0%, 0);
transform: translate3d(0%, 0, 0);
}
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-ms-transform: translate(100%, 0);
transform: translate3d(100%, 0, 0);
right: 0;
transition: transform 500ms ease;
}
.right-submenu * {
-webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0;
}
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.right-submenu .back > a:after {
content: "\BB";
margin-left: .5rem;
display: inline;
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-ms-transform: translate(0%, 0);
transform: translate3d(0%, 0, 0);
}
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-ms-transform: translate(0, -100%);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
transition: transform 500ms ease;
}
.top-submenu * {
-webkit-backface-visibility: hidden;
}
.top-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0;
}
.top-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
-ms-transform: translate(0, 0%);
transform: translate3d(0, 0%, 0);
}
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-ms-transform: translate(0, 100%);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
transition: transform 500ms ease;
}
.bottom-submenu * {
-webkit-backface-visibility: hidden;
}
.bottom-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0;
}
.bottom-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e;
}
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
-ms-transform: translate(0, 0%);
transform: translate3d(0, 0%, 0);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
margin-left: .5rem;
display: inline;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
margin-right: .5rem;
display: inline;
}
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* medium displays */
@media only screen and (min-width: 40.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* large displays */
@media only screen and (min-width: 64.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table !important;
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table !important;
}
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table !important;
}
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important;
}
.touch table.show-for-touch {
display: table !important;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
/* Screen reader-specific classes */
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.show-on-focus:focus, .show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
/* Print visibility */
.print-only,
.show-for-print {
display: none !important;
}
@media print {
.print-only,
.show-for-print {
display: block !important;
}
.hide-on-print,
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.8125rem;
font-weight: normal;
margin-bottom: 1.25rem;
padding: 0.875rem 1.5rem 0.875rem 0.875rem;
position: relative;
transition: opacity 300ms ease-out;
background-color: #008CBA;
border-color: #0078a0;
color: #ffffff;
}
.alert-box .close {
right: 0.25rem;
background: inherit;
color: #333333;
font-size: 1.375rem;
line-height: .9;
margin-top: -0.6875rem;
opacity: 0.3;
padding: 0 6px 4px;
position: absolute;
top: 50%;
}
.alert-box .close:hover, .alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
border-radius: 3px;
}
.alert-box.round {
border-radius: 1000px;
}
.alert-box.success {
background-color: #43AC6A;
border-color: #3a945b;
color: #ffffff;
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #ffffff;
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f;
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #ffffff;
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f;
}
.alert-box.alert-close {
opacity: 0;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.2857142857em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.1428571429em;
width: 2.1428571429em;
top: 0.1428571429em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.8571428571em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "";
}
.fa-music:before {
content: "";
}
.fa-search:before {
content: "";
}
.fa-envelope-o:before {
content: "";
}
.fa-heart:before {
content: "";
}
.fa-star:before {
content: "";
}
.fa-star-o:before {
content: "";
}
.fa-user:before {
content: "";
}
.fa-film:before {
content: "";
}
.fa-th-large:before {
content: "";
}
.fa-th:before {
content: "";
}
.fa-th-list:before {
content: "";
}
.fa-check:before {
content: "";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "";
}
.fa-search-plus:before {
content: "";
}
.fa-search-minus:before {
content: "";
}
.fa-power-off:before {
content: "";
}
.fa-signal:before {
content: "";
}
.fa-gear:before,
.fa-cog:before {
content: "";
}
.fa-trash-o:before {
content: "";
}
.fa-home:before {
content: "";
}
.fa-file-o:before {
content: "";
}
.fa-clock-o:before {
content: "";
}
.fa-road:before {
content: "";
}
.fa-download:before {
content: "";
}
.fa-arrow-circle-o-down:before {
content: "";
}
.fa-arrow-circle-o-up:before {
content: "";
}
.fa-inbox:before {
content: "";
}
.fa-play-circle-o:before {
content: "";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "";
}
.fa-refresh:before {
content: "";
}
.fa-list-alt:before {
content: "";
}
.fa-lock:before {
content: "";
}
.fa-flag:before {
content: "";
}
.fa-headphones:before {
content: "";
}
.fa-volume-off:before {
content: "";
}
.fa-volume-down:before {
content: "";
}
.fa-volume-up:before {
content: "";
}
.fa-qrcode:before {
content: "";
}
.fa-barcode:before {
content: "";
}
.fa-tag:before {
content: "";
}
.fa-tags:before {
content: "";
}
.fa-book:before {
content: "";
}
.fa-bookmark:before {
content: "";
}
.fa-print:before {
content: "";
}
.fa-camera:before {
content: "";
}
.fa-font:before {
content: "";
}
.fa-bold:before {
content: "";
}
.fa-italic:before {
content: "";
}
.fa-text-height:before {
content: "";
}
.fa-text-width:before {
content: "";
}
.fa-align-left:before {
content: "";
}
.fa-align-center:before {
content: "";
}
.fa-align-right:before {
content: "";
}
.fa-align-justify:before {
content: "";
}
.fa-list:before {
content: "";
}
.fa-dedent:before,
.fa-outdent:before {
content: "";
}
.fa-indent:before {
content: "";
}
.fa-video-camera:before {
content: "";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "";
}
.fa-pencil:before {
content: "";
}
.fa-map-marker:before {
content: "";
}
.fa-adjust:before {
content: "";
}
.fa-tint:before {
content: "";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "";
}
.fa-share-square-o:before {
content: "";
}
.fa-check-square-o:before {
content: "";
}
.fa-arrows:before {
content: "";
}
.fa-step-backward:before {
content: "";
}
.fa-fast-backward:before {
content: "";
}
.fa-backward:before {
content: "";
}
.fa-play:before {
content: "";
}
.fa-pause:before {
content: "";
}
.fa-stop:before {
content: "";
}
.fa-forward:before {
content: "";
}
.fa-fast-forward:before {
content: "";
}
.fa-step-forward:before {
content: "";
}
.fa-eject:before {
content: "";
}
.fa-chevron-left:before {
content: "";
}
.fa-chevron-right:before {
content: "";
}
.fa-plus-circle:before {
content: "";
}
.fa-minus-circle:before {
content: "";
}
.fa-times-circle:before {
content: "";
}
.fa-check-circle:before {
content: "";
}
.fa-question-circle:before {
content: "";
}
.fa-info-circle:before {
content: "";
}
.fa-crosshairs:before {
content: "";
}
.fa-times-circle-o:before {
content: "";
}
.fa-check-circle-o:before {
content: "";
}
.fa-ban:before {
content: "";
}
.fa-arrow-left:before {
content: "";
}
.fa-arrow-right:before {
content: "";
}
.fa-arrow-up:before {
content: "";
}
.fa-arrow-down:before {
content: "";
}
.fa-mail-forward:before,
.fa-share:before {
content: "";
}
.fa-expand:before {
content: "";
}
.fa-compress:before {
content: "";
}
.fa-plus:before {
content: "";
}
.fa-minus:before {
content: "";
}
.fa-asterisk:before {
content: "";
}
.fa-exclamation-circle:before {
content: "";
}
.fa-gift:before {
content: "";
}
.fa-leaf:before {
content: "";
}
.fa-fire:before {
content: "";
}
.fa-eye:before {
content: "";
}
.fa-eye-slash:before {
content: "";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "";
}
.fa-plane:before {
content: "";
}
.fa-calendar:before {
content: "";
}
.fa-random:before {
content: "";
}
.fa-comment:before {
content: "";
}
.fa-magnet:before {
content: "";
}
.fa-chevron-up:before {
content: "";
}
.fa-chevron-down:before {
content: "";
}
.fa-retweet:before {
content: "";
}
.fa-shopping-cart:before {
content: "";
}
.fa-folder:before {
content: "";
}
.fa-folder-open:before {
content: "";
}
.fa-arrows-v:before {
content: "";
}
.fa-arrows-h:before {
content: "";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "";
}
.fa-twitter-square:before {
content: "";
}
.fa-facebook-square:before {
content: "";
}
.fa-camera-retro:before {
content: "";
}
.fa-key:before {
content: "";
}
.fa-gears:before,
.fa-cogs:before {
content: "";
}
.fa-comments:before {
content: "";
}
.fa-thumbs-o-up:before {
content: "";
}
.fa-thumbs-o-down:before {
content: "";
}
.fa-star-half:before {
content: "";
}
.fa-heart-o:before {
content: "";
}
.fa-sign-out:before {
content: "";
}
.fa-linkedin-square:before {
content: "";
}
.fa-thumb-tack:before {
content: "";
}
.fa-external-link:before {
content: "";
}
.fa-sign-in:before {
content: "";
}
.fa-trophy:before {
content: "";
}
.fa-github-square:before {
content: "";
}
.fa-upload:before {
content: "";
}
.fa-lemon-o:before {
content: "";
}
.fa-phone:before {
content: "";
}
.fa-square-o:before {
content: "";
}
.fa-bookmark-o:before {
content: "";
}
.fa-phone-square:before {
content: "";
}
.fa-twitter:before {
content: "";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "";
}
.fa-github:before {
content: "";
}
.fa-unlock:before {
content: "";
}
.fa-credit-card:before {
content: "";
}
.fa-feed:before,
.fa-rss:before {
content: "";
}
.fa-hdd-o:before {
content: "";
}
.fa-bullhorn:before {
content: "";
}
.fa-bell:before {
content: "";
}
.fa-certificate:before {
content: "";
}
.fa-hand-o-right:before {
content: "";
}
.fa-hand-o-left:before {
content: "";
}
.fa-hand-o-up:before {
content: "";
}
.fa-hand-o-down:before {
content: "";
}
.fa-arrow-circle-left:before {
content: "";
}
.fa-arrow-circle-right:before {
content: "";
}
.fa-arrow-circle-up:before {
content: "";
}
.fa-arrow-circle-down:before {
content: "";
}
.fa-globe:before {
content: "";
}
.fa-wrench:before {
content: "";
}
.fa-tasks:before {
content: "";
}
.fa-filter:before {
content: "";
}
.fa-briefcase:before {
content: "";
}
.fa-arrows-alt:before {
content: "";
}
.fa-group:before,
.fa-users:before {
content: "";
}
.fa-chain:before,
.fa-link:before {
content: "";
}
.fa-cloud:before {
content: "";
}
.fa-flask:before {
content: "";
}
.fa-cut:before,
.fa-scissors:before {
content: "";
}
.fa-copy:before,
.fa-files-o:before {
content: "";
}
.fa-paperclip:before {
content: "";
}
.fa-save:before,
.fa-floppy-o:before {
content: "";
}
.fa-square:before {
content: "";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "";
}
.fa-list-ul:before {
content: "";
}
.fa-list-ol:before {
content: "";
}
.fa-strikethrough:before {
content: "";
}
.fa-underline:before {
content: "";
}
.fa-table:before {
content: "";
}
.fa-magic:before {
content: "";
}
.fa-truck:before {
content: "";
}
.fa-pinterest:before {
content: "";
}
.fa-pinterest-square:before {
content: "";
}
.fa-google-plus-square:before {
content: "";
}
.fa-google-plus:before {
content: "";
}
.fa-money:before {
content: "";
}
.fa-caret-down:before {
content: "";
}
.fa-caret-up:before {
content: "";
}
.fa-caret-left:before {
content: "";
}
.fa-caret-right:before {
content: "";
}
.fa-columns:before {
content: "";
}
.fa-unsorted:before,
.fa-sort:before {
content: "";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "";
}
.fa-envelope:before {
content: "";
}
.fa-linkedin:before {
content: "";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "";
}
.fa-legal:before,
.fa-gavel:before {
content: "";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "";
}
.fa-comment-o:before {
content: "";
}
.fa-comments-o:before {
content: "";
}
.fa-flash:before,
.fa-bolt:before {
content: "";
}
.fa-sitemap:before {
content: "";
}
.fa-umbrella:before {
content: "";
}
.fa-paste:before,
.fa-clipboard:before {
content: "";
}
.fa-lightbulb-o:before {
content: "";
}
.fa-exchange:before {
content: "";
}
.fa-cloud-download:before {
content: "";
}
.fa-cloud-upload:before {
content: "";
}
.fa-user-md:before {
content: "";
}
.fa-stethoscope:before {
content: "";
}
.fa-suitcase:before {
content: "";
}
.fa-bell-o:before {
content: "";
}
.fa-coffee:before {
content: "";
}
.fa-cutlery:before {
content: "";
}
.fa-file-text-o:before {
content: "";
}
.fa-building-o:before {
content: "";
}
.fa-hospital-o:before {
content: "";
}
.fa-ambulance:before {
content: "";
}
.fa-medkit:before {
content: "";
}
.fa-fighter-jet:before {
content: "";
}
.fa-beer:before {
content: "";
}
.fa-h-square:before {
content: "";
}
.fa-plus-square:before {
content: "";
}
.fa-angle-double-left:before {
content: "";
}
.fa-angle-double-right:before {
content: "";
}
.fa-angle-double-up:before {
content: "";
}
.fa-angle-double-down:before {
content: "";
}
.fa-angle-left:before {
content: "";
}
.fa-angle-right:before {
content: "";
}
.fa-angle-up:before {
content: "";
}
.fa-angle-down:before {
content: "";
}
.fa-desktop:before {
content: "";
}
.fa-laptop:before {
content: "";
}
.fa-tablet:before {
content: "";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "";
}
.fa-circle-o:before {
content: "";
}
.fa-quote-left:before {
content: "";
}
.fa-quote-right:before {
content: "";
}
.fa-spinner:before {
content: "";
}
.fa-circle:before {
content: "";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "";
}
.fa-github-alt:before {
content: "";
}
.fa-folder-o:before {
content: "";
}
.fa-folder-open-o:before {
content: "";
}
.fa-smile-o:before {
content: "";
}
.fa-frown-o:before {
content: "";
}
.fa-meh-o:before {
content: "";
}
.fa-gamepad:before {
content: "";
}
.fa-keyboard-o:before {
content: "";
}
.fa-flag-o:before {
content: "";
}
.fa-flag-checkered:before {
content: "";
}
.fa-terminal:before {
content: "";
}
.fa-code:before {
content: "";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "";
}
.fa-location-arrow:before {
content: "";
}
.fa-crop:before {
content: "";
}
.fa-code-fork:before {
content: "";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "";
}
.fa-question:before {
content: "";
}
.fa-info:before {
content: "";
}
.fa-exclamation:before {
content: "";
}
.fa-superscript:before {
content: "";
}
.fa-subscript:before {
content: "";
}
.fa-eraser:before {
content: "";
}
.fa-puzzle-piece:before {
content: "";
}
.fa-microphone:before {
content: "";
}
.fa-microphone-slash:before {
content: "";
}
.fa-shield:before {
content: "";
}
.fa-calendar-o:before {
content: "";
}
.fa-fire-extinguisher:before {
content: "";
}
.fa-rocket:before {
content: "";
}
.fa-maxcdn:before {
content: "";
}
.fa-chevron-circle-left:before {
content: "";
}
.fa-chevron-circle-right:before {
content: "";
}
.fa-chevron-circle-up:before {
content: "";
}
.fa-chevron-circle-down:before {
content: "";
}
.fa-html5:before {
content: "";
}
.fa-css3:before {
content: "";
}
.fa-anchor:before {
content: "";
}
.fa-unlock-alt:before {
content: "";
}
.fa-bullseye:before {
content: "";
}
.fa-ellipsis-h:before {
content: "";
}
.fa-ellipsis-v:before {
content: "";
}
.fa-rss-square:before {
content: "";
}
.fa-play-circle:before {
content: "";
}
.fa-ticket:before {
content: "";
}
.fa-minus-square:before {
content: "";
}
.fa-minus-square-o:before {
content: "";
}
.fa-level-up:before {
content: "";
}
.fa-level-down:before {
content: "";
}
.fa-check-square:before {
content: "";
}
.fa-pencil-square:before {
content: "";
}
.fa-external-link-square:before {
content: "";
}
.fa-share-square:before {
content: "";
}
.fa-compass:before {
content: "";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "";
}
.fa-euro:before,
.fa-eur:before {
content: "";
}
.fa-gbp:before {
content: "";
}
.fa-dollar:before,
.fa-usd:before {
content: "";
}
.fa-rupee:before,
.fa-inr:before {
content: "";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "";
}
.fa-won:before,
.fa-krw:before {
content: "";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "";
}
.fa-file:before {
content: "";
}
.fa-file-text:before {
content: "";
}
.fa-sort-alpha-asc:before {
content: "";
}
.fa-sort-alpha-desc:before {
content: "";
}
.fa-sort-amount-asc:before {
content: "";
}
.fa-sort-amount-desc:before {
content: "";
}
.fa-sort-numeric-asc:before {
content: "";
}
.fa-sort-numeric-desc:before {
content: "";
}
.fa-thumbs-up:before {
content: "";
}
.fa-thumbs-down:before {
content: "";
}
.fa-youtube-square:before {
content: "";
}
.fa-youtube:before {
content: "";
}
.fa-xing:before {
content: "";
}
.fa-xing-square:before {
content: "";
}
.fa-youtube-play:before {
content: "";
}
.fa-dropbox:before {
content: "";
}
.fa-stack-overflow:before {
content: "";
}
.fa-instagram:before {
content: "";
}
.fa-flickr:before {
content: "";
}
.fa-adn:before {
content: "";
}
.fa-bitbucket:before {
content: "";
}
.fa-bitbucket-square:before {
content: "";
}
.fa-tumblr:before {
content: "";
}
.fa-tumblr-square:before {
content: "";
}
.fa-long-arrow-down:before {
content: "";
}
.fa-long-arrow-up:before {
content: "";
}
.fa-long-arrow-left:before {
content: "";
}
.fa-long-arrow-right:before {
content: "";
}
.fa-apple:before {
content: "";
}
.fa-windows:before {
content: "";
}
.fa-android:before {
content: "";
}
.fa-linux:before {
content: "";
}
.fa-dribbble:before {
content: "";
}
.fa-skype:before {
content: "";
}
.fa-foursquare:before {
content: "";
}
.fa-trello:before {
content: "";
}
.fa-female:before {
content: "";
}
.fa-male:before {
content: "";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "";
}
.fa-sun-o:before {
content: "";
}
.fa-moon-o:before {
content: "";
}
.fa-archive:before {
content: "";
}
.fa-bug:before {
content: "";
}
.fa-vk:before {
content: "";
}
.fa-weibo:before {
content: "";
}
.fa-renren:before {
content: "";
}
.fa-pagelines:before {
content: "";
}
.fa-stack-exchange:before {
content: "";
}
.fa-arrow-circle-o-right:before {
content: "";
}
.fa-arrow-circle-o-left:before {
content: "";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "";
}
.fa-dot-circle-o:before {
content: "";
}
.fa-wheelchair:before {
content: "";
}
.fa-vimeo-square:before {
content: "";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "";
}
.fa-plus-square-o:before {
content: "";
}
.fa-space-shuttle:before {
content: "";
}
.fa-slack:before {
content: "";
}
.fa-envelope-square:before {
content: "";
}
.fa-wordpress:before {
content: "";
}
.fa-openid:before {
content: "";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "";
}
.fa-yahoo:before {
content: "";
}
.fa-google:before {
content: "";
}
.fa-reddit:before {
content: "";
}
.fa-reddit-square:before {
content: "";
}
.fa-stumbleupon-circle:before {
content: "";
}
.fa-stumbleupon:before {
content: "";
}
.fa-delicious:before {
content: "";
}
.fa-digg:before {
content: "";
}
.fa-pied-piper-pp:before {
content: "";
}
.fa-pied-piper-alt:before {
content: "";
}
.fa-drupal:before {
content: "";
}
.fa-joomla:before {
content: "";
}
.fa-language:before {
content: "";
}
.fa-fax:before {
content: "";
}
.fa-building:before {
content: "";
}
.fa-child:before {
content: "";
}
.fa-paw:before {
content: "";
}
.fa-spoon:before {
content: "";
}
.fa-cube:before {
content: "";
}
.fa-cubes:before {
content: "";
}
.fa-behance:before {
content: "";
}
.fa-behance-square:before {
content: "";
}
.fa-steam:before {
content: "";
}
.fa-steam-square:before {
content: "";
}
.fa-recycle:before {
content: "";
}
.fa-automobile:before,
.fa-car:before {
content: "";
}
.fa-cab:before,
.fa-taxi:before {
content: "";
}
.fa-tree:before {
content: "";
}
.fa-spotify:before {
content: "";
}
.fa-deviantart:before {
content: "";
}
.fa-soundcloud:before {
content: "";
}
.fa-database:before {
content: "";
}
.fa-file-pdf-o:before {
content: "";
}
.fa-file-word-o:before {
content: "";
}
.fa-file-excel-o:before {
content: "";
}
.fa-file-powerpoint-o:before {
content: "";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "";
}
.fa-file-code-o:before {
content: "";
}
.fa-vine:before {
content: "";
}
.fa-codepen:before {
content: "";
}
.fa-jsfiddle:before {
content: "";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "";
}
.fa-circle-o-notch:before {
content: "";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "";
}
.fa-ge:before,
.fa-empire:before {
content: "";
}
.fa-git-square:before {
content: "";
}
.fa-git:before {
content: "";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "";
}
.fa-tencent-weibo:before {
content: "";
}
.fa-qq:before {
content: "";
}
.fa-wechat:before,
.fa-weixin:before {
content: "";
}
.fa-send:before,
.fa-paper-plane:before {
content: "";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "";
}
.fa-history:before {
content: "";
}
.fa-circle-thin:before {
content: "";
}
.fa-header:before {
content: "";
}
.fa-paragraph:before {
content: "";
}
.fa-sliders:before {
content: "";
}
.fa-share-alt:before {
content: "";
}
.fa-share-alt-square:before {
content: "";
}
.fa-bomb:before {
content: "";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "";
}
.fa-tty:before {
content: "";
}
.fa-binoculars:before {
content: "";
}
.fa-plug:before {
content: "";
}
.fa-slideshare:before {
content: "";
}
.fa-twitch:before {
content: "";
}
.fa-yelp:before {
content: "";
}
.fa-newspaper-o:before {
content: "";
}
.fa-wifi:before {
content: "";
}
.fa-calculator:before {
content: "";
}
.fa-paypal:before {
content: "";
}
.fa-google-wallet:before {
content: "";
}
.fa-cc-visa:before {
content: "";
}
.fa-cc-mastercard:before {
content: "";
}
.fa-cc-discover:before {
content: "";
}
.fa-cc-amex:before {
content: "";
}
.fa-cc-paypal:before {
content: "";
}
.fa-cc-stripe:before {
content: "";
}
.fa-bell-slash:before {
content: "";
}
.fa-bell-slash-o:before {
content: "";
}
.fa-trash:before {
content: "";
}
.fa-copyright:before {
content: "";
}
.fa-at:before {
content: "";
}
.fa-eyedropper:before {
content: "";
}
.fa-paint-brush:before {
content: "";
}
.fa-birthday-cake:before {
content: "";
}
.fa-area-chart:before {
content: "";
}
.fa-pie-chart:before {
content: "";
}
.fa-line-chart:before {
content: "";
}
.fa-lastfm:before {
content: "";
}
.fa-lastfm-square:before {
content: "";
}
.fa-toggle-off:before {
content: "";
}
.fa-toggle-on:before {
content: "";
}
.fa-bicycle:before {
content: "";
}
.fa-bus:before {
content: "";
}
.fa-ioxhost:before {
content: "";
}
.fa-angellist:before {
content: "";
}
.fa-cc:before {
content: "";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "";
}
.fa-meanpath:before {
content: "";
}
.fa-buysellads:before {
content: "";
}
.fa-connectdevelop:before {
content: "";
}
.fa-dashcube:before {
content: "";
}
.fa-forumbee:before {
content: "";
}
.fa-leanpub:before {
content: "";
}
.fa-sellsy:before {
content: "";
}
.fa-shirtsinbulk:before {
content: "";
}
.fa-simplybuilt:before {
content: "";
}
.fa-skyatlas:before {
content: "";
}
.fa-cart-plus:before {
content: "";
}
.fa-cart-arrow-down:before {
content: "";
}
.fa-diamond:before {
content: "";
}
.fa-ship:before {
content: "";
}
.fa-user-secret:before {
content: "";
}
.fa-motorcycle:before {
content: "";
}
.fa-street-view:before {
content: "";
}
.fa-heartbeat:before {
content: "";
}
.fa-venus:before {
content: "";
}
.fa-mars:before {
content: "";
}
.fa-mercury:before {
content: "";
}
.fa-intersex:before,
.fa-transgender:before {
content: "";
}
.fa-transgender-alt:before {
content: "";
}
.fa-venus-double:before {
content: "";
}
.fa-mars-double:before {
content: "";
}
.fa-venus-mars:before {
content: "";
}
.fa-mars-stroke:before {
content: "";
}
.fa-mars-stroke-v:before {
content: "";
}
.fa-mars-stroke-h:before {
content: "";
}
.fa-neuter:before {
content: "";
}
.fa-genderless:before {
content: "";
}
.fa-facebook-official:before {
content: "";
}
.fa-pinterest-p:before {
content: "";
}
.fa-whatsapp:before {
content: "";
}
.fa-server:before {
content: "";
}
.fa-user-plus:before {
content: "";
}
.fa-user-times:before {
content: "";
}
.fa-hotel:before,
.fa-bed:before {
content: "";
}
.fa-viacoin:before {
content: "";
}
.fa-train:before {
content: "";
}
.fa-subway:before {
content: "";
}
.fa-medium:before {
content: "";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "";
}
.fa-optin-monster:before {
content: "";
}
.fa-opencart:before {
content: "";
}
.fa-expeditedssl:before {
content: "";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "";
}
.fa-mouse-pointer:before {
content: "";
}
.fa-i-cursor:before {
content: "";
}
.fa-object-group:before {
content: "";
}
.fa-object-ungroup:before {
content: "";
}
.fa-sticky-note:before {
content: "";
}
.fa-sticky-note-o:before {
content: "";
}
.fa-cc-jcb:before {
content: "";
}
.fa-cc-diners-club:before {
content: "";
}
.fa-clone:before {
content: "";
}
.fa-balance-scale:before {
content: "";
}
.fa-hourglass-o:before {
content: "";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "";
}
.fa-hourglass:before {
content: "";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "";
}
.fa-hand-scissors-o:before {
content: "";
}
.fa-hand-lizard-o:before {
content: "";
}
.fa-hand-spock-o:before {
content: "";
}
.fa-hand-pointer-o:before {
content: "";
}
.fa-hand-peace-o:before {
content: "";
}
.fa-trademark:before {
content: "";
}
.fa-registered:before {
content: "";
}
.fa-creative-commons:before {
content: "";
}
.fa-gg:before {
content: "";
}
.fa-gg-circle:before {
content: "";
}
.fa-tripadvisor:before {
content: "";
}
.fa-odnoklassniki:before {
content: "";
}
.fa-odnoklassniki-square:before {
content: "";
}
.fa-get-pocket:before {
content: "";
}
.fa-wikipedia-w:before {
content: "";
}
.fa-safari:before {
content: "";
}
.fa-chrome:before {
content: "";
}
.fa-firefox:before {
content: "";
}
.fa-opera:before {
content: "";
}
.fa-internet-explorer:before {
content: "";
}
.fa-tv:before,
.fa-television:before {
content: "";
}
.fa-contao:before {
content: "";
}
.fa-500px:before {
content: "";
}
.fa-amazon:before {
content: "";
}
.fa-calendar-plus-o:before {
content: "";
}
.fa-calendar-minus-o:before {
content: "";
}
.fa-calendar-times-o:before {
content: "";
}
.fa-calendar-check-o:before {
content: "";
}
.fa-industry:before {
content: "";
}
.fa-map-pin:before {
content: "";
}
.fa-map-signs:before {
content: "";
}
.fa-map-o:before {
content: "";
}
.fa-map:before {
content: "";
}
.fa-commenting:before {
content: "";
}
.fa-commenting-o:before {
content: "";
}
.fa-houzz:before {
content: "";
}
.fa-vimeo:before {
content: "";
}
.fa-black-tie:before {
content: "";
}
.fa-fonticons:before {
content: "";
}
.fa-reddit-alien:before {
content: "";
}
.fa-edge:before {
content: "";
}
.fa-credit-card-alt:before {
content: "";
}
.fa-codiepie:before {
content: "";
}
.fa-modx:before {
content: "";
}
.fa-fort-awesome:before {
content: "";
}
.fa-usb:before {
content: "";
}
.fa-product-hunt:before {
content: "";
}
.fa-mixcloud:before {
content: "";
}
.fa-scribd:before {
content: "";
}
.fa-pause-circle:before {
content: "";
}
.fa-pause-circle-o:before {
content: "";
}
.fa-stop-circle:before {
content: "";
}
.fa-stop-circle-o:before {
content: "";
}
.fa-shopping-bag:before {
content: "";
}
.fa-shopping-basket:before {
content: "";
}
.fa-hashtag:before {
content: "";
}
.fa-bluetooth:before {
content: "";
}
.fa-bluetooth-b:before {
content: "";
}
.fa-percent:before {
content: "";
}
.fa-gitlab:before {
content: "";
}
.fa-wpbeginner:before {
content: "";
}
.fa-wpforms:before {
content: "";
}
.fa-envira:before {
content: "";
}
.fa-universal-access:before {
content: "";
}
.fa-wheelchair-alt:before {
content: "";
}
.fa-question-circle-o:before {
content: "";
}
.fa-blind:before {
content: "";
}
.fa-audio-description:before {
content: "";
}
.fa-volume-control-phone:before {
content: "";
}
.fa-braille:before {
content: "";
}
.fa-assistive-listening-systems:before {
content: "";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "";
}
.fa-glide:before {
content: "";
}
.fa-glide-g:before {
content: "";
}
.fa-signing:before,
.fa-sign-language:before {
content: "";
}
.fa-low-vision:before {
content: "";
}
.fa-viadeo:before {
content: "";
}
.fa-viadeo-square:before {
content: "";
}
.fa-snapchat:before {
content: "";
}
.fa-snapchat-ghost:before {
content: "";
}
.fa-snapchat-square:before {
content: "";
}
.fa-pied-piper:before {
content: "";
}
.fa-first-order:before {
content: "";
}
.fa-yoast:before {
content: "";
}
.fa-themeisle:before {
content: "";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "";
}
.fa-handshake-o:before {
content: "";
}
.fa-envelope-open:before {
content: "";
}
.fa-envelope-open-o:before {
content: "";
}
.fa-linode:before {
content: "";
}
.fa-address-book:before {
content: "";
}
.fa-address-book-o:before {
content: "";
}
.fa-vcard:before,
.fa-address-card:before {
content: "";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "";
}
.fa-user-circle:before {
content: "";
}
.fa-user-circle-o:before {
content: "";
}
.fa-user-o:before {
content: "";
}
.fa-id-badge:before {
content: "";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "";
}
.fa-quora:before {
content: "";
}
.fa-free-code-camp:before {
content: "";
}
.fa-telegram:before {
content: "";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "";
}
.fa-shower:before {
content: "";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "";
}
.fa-podcast:before {
content: "";
}
.fa-window-maximize:before {
content: "";
}
.fa-window-minimize:before {
content: "";
}
.fa-window-restore:before {
content: "";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "";
}
.fa-bandcamp:before {
content: "";
}
.fa-grav:before {
content: "";
}
.fa-etsy:before {
content: "";
}
.fa-imdb:before {
content: "";
}
.fa-ravelry:before {
content: "";
}
.fa-eercast:before {
content: "";
}
.fa-microchip:before {
content: "";
}
.fa-snowflake-o:before {
content: "";
}
.fa-superpowers:before {
content: "";
}
.fa-wpexplorer:before {
content: "";
}
.fa-meetup:before {
content: "";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/* new fonts */
@font-face {
font-family: "GT Flexa Condensed Light";
src: url("/fonts/GT-Flexa-Condensed-Light.woff2") format("woff2"), url("/fonts/GT-Flexa-Condensed-Light.woff") format("woff"), url("/fonts/GT-Flexa-Condensed-Light.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Condensed Light";
font-weight: bold;
src: url("/fonts/GT-Flexa-Condensed-Medium.woff2") format("woff2"), url("/fonts/GT-Flexa-Condensed-Medium.woff") format("woff"), url("/fonts/GT-Flexa-Condensed-Medium.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Light";
src: url("/fonts/GT-Flexa-Standard-Light.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Light.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Light.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Light";
font-weight: bold;
src: url("/fonts/GT-Flexa-Standard-Medium.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Medium.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Medium.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Regular";
src: url("/fonts/GT-Flexa-Standard-Regular.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Regular.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Regular.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Regular";
font-weight: 700;
src: url("/fonts/GT-Flexa-Standard-Medium.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Medium.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Medium.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Medium";
src: url("/fonts/GT-Flexa-Standard-Medium.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Medium.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Medium.ttf") format("truetype");
}
@font-face {
font-family: "GT Flexa Medium";
font-weight: 700;
src: url("/fonts/GT-Flexa-Standard-Bold.woff2") format("woff2"), url("/fonts/GT-Flexa-Standard-Bold.woff") format("woff"), url("/fonts/GT-Flexa-Standard-Bold.ttf") format("truetype");
}
.slick-slider {
position: relative;
display: block;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
height: 100%;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
height: calc(100% + 0.0625rem);
width: calc(100% + 0.0625rem);
margin: 0;
padding: 0;
}
.slick-slide:focus,
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
height: 100%;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/* Dots */
.slick-slider {
margin-bottom: 0;
}
.slick-dots {
line-height: 0;
position: absolute;
top: 1.25rem;
right: 1.25rem;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
padding: 0;
margin-left: 0.3125rem;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
transition: background-color 250ms;
box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.4);
}
.slick-dots li.slick-active {
background-color: var(--site-color-pink);
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 100%;
width: 100%;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.block-404 {
float: left;
width: 100%;
position: relative;
background-size: cover;
background-position: center center;
margin-bottom: -1.25rem;
min-height: calc(55.55vw - 1.25rem);
padding: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.block-404 {
padding: 2.5rem;
}
}
@media only screen and (min-width: 67.5rem) {
.block-404 {
min-height: 37.5rem;
padding: 3.125rem;
}
}
.block-404:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(315deg, transparent 30%, rgba(0, 0, 0, 0.25) 100%);
z-index: 1;
}
.block-404 > h1, .block-404 > strong, .block-404 .content {
position: relative;
z-index: 2;
text-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.45);
}
.block-404 > h1, .block-404 > strong, .block-404 div, .block-404 p, .block-404 p a:not([class]) {
color: #ffffff;
}
.block-404 p a:not([class]), .block-404 p a:not([class]):hover {
border-color: #ffffff;
}
.block-404 > h1, .block-404 > strong {
display: block;
}
.block-404 > h1 {
margin: -0.3125rem 0 0;
padding: 0;
font-weight: normal;
font-size: 1.625rem;
line-height: 1.2;
}
@media only screen and (min-width: 40.0625em) {
.block-404 > h1 {
margin: -0.625rem 0 0;
font-size: 1.875rem;
}
}
@media only screen and (min-width: 64.0625em) {
.block-404 > h1 {
margin: -0.75rem 0 0;
font-size: 2.125rem;
}
}
.block-404 > strong {
margin-bottom: 1.875rem;
}
.arrangement-block {
outline: none;
position: relative;
padding-bottom: 5rem;
cursor: pointer;
float: left;
margin: 0 0.625rem;
border-radius: 12px;
overflow: hidden;
}
.arrangement-block:nth-child(odd) {
background: var(--site-color-purple);
}
.arrangement-block:nth-child(even) {
background: var(--site-color-text-pink-on-dark);
}
.arrangement-block:nth-child(even) .price {
color: var(--site-color-purple);
}
.arrangement-block .content {
overflow: hidden;
padding: 1.25rem;
}
.arrangement-block .button-wrap {
position: absolute;
bottom: 1.25rem;
padding: 0 1.25rem;
left: 0;
width: 100%;
}
.arrangement-block .arrangement-block-image {
background-size: cover;
background-position: center center;
min-height: 16.875rem;
}
.arrangement-block .title {
display: block;
color: #fff;
font-size: 1.375rem;
line-height: 1.2;
margin-bottom: 0.625rem;
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (min-width: 40.0625em) {
.arrangement-block .title {
font-size: 1.875rem;
}
}
@media only screen and (min-width: 64.0625em) {
.arrangement-block .title {
font-size: 2.1875rem;
}
}
.arrangement-block .price {
font-size: 1.125rem;
display: block;
color: var(--site-color-text-pink-on-dark);
}
.arrangement-block .more-info {
position: relative;
top: 0.75rem;
margin-bottom: 0.875rem;
}
.arrangement-block button {
float: right;
}
.slider-arrows {
z-index: 9;
position: absolute;
right: 0;
top: 8.4375rem;
margin-top: -1.71875rem;
width: 100%;
}
.slider-arrows[data-home-news-slider-arrows] button {
top: 4.1875rem;
}
@media only screen and (min-width: 67.5rem) {
.slider-arrows {
margin-right: 0;
margin-top: 0;
top: 0.1875rem;
-ms-transform: translateY(calc(-100% - 0.9375rem));
transform: translateY(calc(-100% - 0.9375rem));
text-align: right;
margin-bottom: 0.625rem;
}
}
.slider-arrows.dark button {
color: var(--site-color-text-pink-on-dark);
border-color: var(--site-color-text-pink-on-dark);
}
.slider-arrows.dark button:hover {
background: var(--site-color-purple);
border-color: var(--site-color-purple);
color: #ffffff;
}
.slider-arrows.outside-container {
display: none;
}
@media all and (min-width: 1290px) {
.slider-arrows.outside-container {
display: block;
}
}
.slider-arrows.outside-container .slick-prev {
left: -4.0625rem;
}
.slider-arrows.outside-container .slick-next {
right: -4.0625rem;
}
.slider-arrows button {
width: 3.4375rem;
height: 3.4375rem;
background: transparent;
border: 2px solid #fcf9ff;
color: #fff;
outline: none;
position: absolute;
}
.slider-arrows button[aria-disabled="true"] {
opacity: 0;
}
@media only screen and (min-width: 67.5rem) {
.slider-arrows button {
top: 8.125rem;
}
}
.slider-arrows button:hover {
color: var(--site-color-purple);
background-color: #fff;
}
.slider-arrows button.slick-prev {
left: 1.25rem;
}
.slider-arrows button.slick-prev:before {
font-family: FontAwesome;
content: '\f060';
}
.slider-arrows button.slick-next {
margin-left: 0.625rem;
right: 1.25rem;
}
.slider-arrows button.slick-next:before {
font-family: FontAwesome;
content: '\f061';
}
.page-arrangementitem aside header {
border-bottom: 0.0625rem solid var(--site-color-purple);
padding-bottom: 1rem;
}
.assist-block {
margin-inline: 0.625rem;
}
@media only screen and (min-width: 64.0625em) {
.assist-block {
margin-inline: 0;
}
}
.assist-block-basic-page .assist-block {
background: var(--site-color-purple);
color: #ffffff;
padding: 1.25rem;
border-radius: 0.75rem;
}
.assist-block-basic-page .assist-block h3, .assist-block-basic-page .assist-block .filter-title {
color: #ffffff;
}
@media only screen and (min-width: 40.0625em) {
.assist-block-basic-page .assist-block h3, .assist-block-basic-page .assist-block .filter-title {
font-size: 1.5rem;
margin-bottom: 0;
}
}
.assist-block-basic-page .assist-block .location-date-filter {
color: var(--site-color-purple);
}
.assist-block-basic-page .assist-block .submit-button {
margin-top: 1.25rem;
text-transform: lowercase;
font-weight: 400;
font-size: 1rem;
letter-spacing: 0;
color: #ffffff;
float: right;
border: 2px solid #ff8f00;
background: #ff8f00;
font-family: "GT Flexa Light", sans-serif;
}
.assist-block-basic-page .assist-block .submit-button:hover {
color: #ffffff;
}
.assist-block-basic-page .assist-block .filter-selectors {
padding: 0;
}
.assist-block aside {
height: 100%;
padding: 0.8125rem 1.25rem 2.25rem 1.25rem;
color: #fff;
background-color: var(--site-color-purple);
}
.assist-block .assist-block-title {
display: block;
font-size: 1.8125rem;
margin-bottom: 0.625rem;
}
.assist-block .assist-block-title h1 {
font-size: 1.8125rem;
margin: 0;
font-weight: normal;
}
.assist-block .assist-block-title h1, .assist-block .assist-block-title h2, .assist-block .assist-block-title h3, .assist-block .assist-block-title .filter-title, .assist-block .assist-block-title h4, .assist-block .assist-block-title h5 {
color: #ffffff;
}
.assist-block .event-managers-name {
color: #ffffff;
}
.assist-block .filter-selectors {
background-size: cover;
padding: 0.3125rem 1.25rem 2.5rem;
height: 100%;
float: left;
width: 100%;
}
.page-rent-assistance .assist-block .filter-selectors {
background: var(--site-color-purple);
background-size: cover;
border-radius: 12px;
}
@media only screen and (min-width: 40.0625em) {
.assist-block .filter-selectors {
padding: 1.875rem 1.25rem 2.5rem;
}
}
@media only screen and (min-width: 64.0625em) {
.assist-block .filter-selectors > .row {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
.assist-block .filter-selectors .filter-selector {
float: left;
width: 100%;
margin-top: 0.9375rem;
}
@media only screen and (min-width: 64.0625em) {
.page-rent-assistance .assist-block .filter-selectors .filter-selector {
margin-top: 0;
padding: 0 1.25rem;
width: 33%;
}
}
.assist-block .filter-selectors .selectboxit-container {
width: 100%;
}
.assist-block .filter-selectors .selectboxit {
background: #fff;
border-color: transparent;
color: var(--site-color-purple);
width: 100%;
}
.assist-block .filter-selectors .selectboxit.selectboxit-hover {
background: #f4f2f6;
}
.assist-block .filter-selectors .selectboxit.selectboxit-open {
background: var(--site-color-purple);
color: #fff;
}
.assist-block .filter-selectors .selectboxit-options {
max-width: none;
}
.assist-block .filter-selectors label {
display: block;
color: #fff;
font-size: 1.125rem;
margin-bottom: 0.625rem;
margin-top: 0.1875rem;
}
.assist-block-event-manager {
margin-top: 1.25rem;
background: var(--site-color-purple);
border-radius: 12px;
color: #ffffff;
padding: 1.25rem;
}
.assist-block-event-manager h1, .assist-block-event-manager h2, .assist-block-event-manager h3, .assist-block-event-manager .filter-title, .assist-block-event-manager h4, .assist-block-event-manager h5 {
color: #ffffff;
}
.assist-block-event-manager .button-wrap {
margin-top: 1.25rem;
text-align: right;
}
.assist-block-event-manager .event-managers-phone {
margin-bottom: 0.3125rem;
}
.assist-block-event-manager .event-managers-phone, .assist-block-event-manager .event-managers-phone a {
font-weight: normal;
text-decoration: none;
color: #ffffff;
}
.assist-block-event-manager img {
border-radius: 12px;
}
.back-to-top {
position: absolute;
left: -10000px;
margin-left: calc((100% - 67.5rem) /2);
bottom: 0;
opacity: 0;
width: 3.125rem;
}
.back-to-top:hover {
background: var(--site-color-purple);
}
@media screen and (min-width: 76.875rem) {
.back-to-top {
left: calc(67.5rem + 0.625rem);
}
}
.back-to-top.fixed {
position: fixed;
bottom: 3.125rem;
width: 3.4375rem;
height: 3.4375rem;
}
.back-to-top.in {
opacity: 1;
}
.bq {
font-size: 1.375rem;
margin: 0;
}
.bq h2 {
margin: 0;
font-size: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.bq h2 {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 64.0625em) {
.bq h2 {
font-size: 2rem;
}
}
.bq q:before {
content: '\201C';
display: inline;
}
.bq q:after {
content: '\201D';
display: inline;
}
.bq--small {
color: #fff;
font-size: 0.875rem;
}
.bq--large {
padding: 0.9375rem 1.25rem;
font-size: 1.25rem;
color: var(--site-color-purple);
text-align: center;
line-height: 1.1;
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.bq--large {
padding: 1.25rem 7.1875rem;
font-size: 1.75rem;
}
}
@media only screen and (min-width: 64.0625em) {
.bq--large {
padding: 1.875rem 7.1875rem;
font-size: 2.1875rem;
}
}
.star-rating-block {
margin-top: 0.5rem;
}
.star-rating-block--large {
font-size: 0.875rem;
}
.star-rating {
font-style: normal;
margin-right: 0.25rem;
}
.star-rating:first-child {
margin-left: 0.375rem;
}
.star-rating:before {
font-family: FontAwesome;
font-size: 1rem;
content: '\f005';
color: rgba(255, 255, 255, 0.4);
display: inline;
}
.star-rating.star-rating-full:before {
color: white;
}
.star-rating.star-rating-full.star-rating--large:before {
color: #ff8f00;
}
.star-rating.star-rating-semi {
position: relative;
}
.star-rating.star-rating-semi:after {
font-family: FontAwesome;
content: '\f089';
position: absolute;
left: 0;
font-size: 1rem;
}
.star-rating.star-rating--large:before {
color: #c7c7c7;
}
.star-rating.star-rating--large:after {
color: #ff8f00;
}
.star-rating-stars {
display: inline-block;
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.quote-logo {
display: block;
text-align: center;
margin: 0.625rem auto 0;
}
/*
**
** Buttons
** Markup: <button class="button-primary button--small"><span class="icon icon-cart"></span></button>
** Markup: <a class="button button-primary button--small" href="#"><span class="icon icon-cart"></span></a>
*/
.button,
button {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
padding: 0;
line-height: 2.875rem;
display: inline-block;
border: none;
white-space: nowrap;
background-color: #ff8f00;
border-radius: 9999px;
text-transform: lowercase;
}
.button:focus,
button:focus {
outline: none;
}
.button .fb,
button .fb {
display: none;
}
.button.uitverkocht, .button.geweest, .button.geannuleerd,
button.uitverkocht,
button.geweest,
button.geannuleerd {
border-color: #999997;
background-color: #999997;
pointer-events: none;
}
.button-primary,
.button-secondary,
.button-tertiary,
.button-secondary--orange {
color: #ffffff;
z-index: 1;
border: 2px solid #ff8f00;
width: 10.625rem;
text-align: center;
}
.button-primary span,
.button-secondary span,
.button-tertiary span,
.button-secondary--orange span {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
display: inline-block;
position: relative;
z-index: 2;
}
.button-primary.waiting_list {
background-color: var(--site-color-pink);
border: 2px solid var(--site-color-pink);
}
html.no-touch .button-primary.waiting_list:hover span {
color: var(--site-color-pink);
}
html.no-touch .button-primary:hover span {
color: #ff8f00;
}
.button-secondary {
background-color: var(--site-color-pink);
border-color: transparent;
}
.button-secondary:hover span {
color: var(--site-color-pink);
}
.button-tertiary {
background: transparent;
border-color: var(--site-color-purple);
color: var(--site-color-purple);
}
.button-tertiary:before {
background-color: var(--site-color-purple);
}
.button-tertiary:hover:before {
background-color: var(--site-color-purple);
}
.button-tertiary:hover span {
color: #ffffff;
}
.button-secondary--orange {
background: transparent;
border-color: #ff8f00;
color: #ff8f00;
}
.button-secondary--orange:before {
background-color: #ff8f00;
}
.button-secondary--orange:hover:before {
background-color: #ff8f00;
}
.button-secondary--orange:hover span {
color: #ffffff;
}
.button--small {
text-align: center;
width: 3.125rem;
}
.button--small .icon:before {
margin-right: 0;
}
.button--small:before {
margin-right: 0;
}
.button--intermediate {
width: 6.25rem;
}
.button--auto {
width: auto;
}
.button--auto > span {
padding: 0 1.25rem;
}
.icon:before {
font-family: FontAwesome;
font-size: 0.9375rem;
position: relative;
margin-right: 0.625rem;
}
.icon-cutlery:before {
content: '\f0f5';
}
.icon-cart:before {
font-family: "Font Awesome 5 Regular";
content: '\f290';
font-weight: 700;
}
.stream .icon-cart:before {
content: '\f03d';
}
.stream-full button.bestel .icon-cart:after, .ticket-full button.bestel .icon-cart:after, .ticket-full button.uitverkocht .icon-cart:after {
content: 'Kaarten bestellen';
font-size: 1rem;
display: none;
}
.stream-full button.bestel .icon-cart:after {
content: 'Livestream bestellen';
}
.ticket-full button.uitverkocht .icon-cart:after {
content: 'Uitverkocht';
}
.icon-stream:before {
content: '\f03d';
}
.showandstream .button:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0.0625rem;
height: 2.8125rem;
background-color: #ffffff;
-ms-transform: translate(-50%, -50%) rotate(27.5deg);
transform: translate(-50%, -50%) rotate(27.5deg);
transition: background-color linear .3s;
}
html.no-touch .showandstream .button:hover:after {
background-color: #ff8f00;
}
.showandstream .icon-cart {
-ms-transform: translateY(-11px);
transform: translateY(-11px);
}
.showandstream .icon-stream {
-ms-transform: translateY(11px);
transform: translateY(11px);
}
.icon-key:before {
content: '\f084';
}
.icon-calendar:before {
content: '\f073';
}
.icon-addthis:before {
content: '\f234';
}
.wensenlijst .icon-wensenlijst:before {
content: '\f004';
font-family: "Font Awesome 5 Regular";
}
.wensenlijst.active .icon-wensenlijst:before {
font-family: "Font Awesome 5 Solid";
}
.icon-facebook:before {
content: '\f09a';
}
.icon-whatsapp:before {
content: '\f232';
}
.icon-twitter:before {
content: '\f099';
}
.icon-up:before {
content: '\f062';
}
.icon-back:before {
content: '\f060';
}
.icon-eye:before {
content: '\f06e';
}
.icon-street-view:before {
content: '\f21d';
}
.program-block-details .button-primary span.icon-waiting-list {
display: grid;
}
.icon-waiting-list:before {
font-size: 1.1875rem;
content: '\f017';
}
/*
**
** Labels
**
*/
label {
color: #000;
font-size: 0.9375rem;
}
.label {
color: #ffffff;
font-size: 1.125rem;
}
/*
**
** Links
**
*/
a {
text-decoration: none;
}
a.more-info {
color: #ffffff;
display: inline-block;
-ms-transform: translateX(1.875rem);
transform: translateX(1.875rem);
border-left: 0.625rem solid transparent;
}
a.more-info.inverted:before {
background: #ff8f00;
color: #ffffff;
}
a.more-info:before {
position: absolute;
color: var(--site-color-purple);
display: inline-block;
text-align: center;
margin-top: -0.125rem;
border-radius: 50%;
width: 1.875rem;
line-height: 1.875rem;
background-color: #ffffff;
letter-spacing: -0.125rem;
font-family: FontAwesome;
margin-left: -2.5rem;
}
a.icon--arrow:before {
content: '\f054';
}
a.icon--rotate:before {
content: '\f021';
text-indent: -0.125rem;
}
a.icon--cutlery:before {
content: '\f0f5';
}
/*
**
** FORMS
**
*/
input:-ms-input-placeholder {
color: var(--site-color-text-pink-on-dark);
}
input::placeholder {
color: var(--site-color-text-pink-on-dark);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="datetime-local"]:focus,
textarea:focus,
select:focus {
outline: none;
}
/* hide selects that will be replaced by SelectBoxIt in case the SelectBoxIt is slow */
.overview-filters select {
display: none;
}
input[type="submit"]:not(.newsletter-submit),
button[type="submit"]:not(.newsletter-submit) {
text-transform: lowercase;
border: 2px solid #ffffff;
padding: 0 1rem;
height: 3.125rem;
background: transparent;
outline: none;
font-size: 0.875rem;
letter-spacing: 0.125rem;
border-radius: 12px;
transition: all 250ms;
}
input[type="submit"]:not(.newsletter-submit):hover,
button[type="submit"]:not(.newsletter-submit):hover {
background: #ffffff;
color: var(--site-color-text-pink-on-dark);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="datetime-local"],
textarea {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
display: block;
border: 2px solid #d9d9d9;
padding: 0 1rem;
height: 3.125rem;
background: transparent;
outline: none;
border-radius: 12px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="datetime-local"]:focus,
textarea:focus {
border-color: var(--site-color-text-pink-on-dark);
}
.snippet-form {
display: block;
float: left;
width: 100%;
margin-bottom: 0.625rem;
margin-top: 0.625rem;
}
.snippet-form input[type="number"] {
display: inline-block;
margin-right: 0.625rem;
padding: 0 0 0 1rem;
width: 3.125rem;
float: left;
}
.snippet-form button {
background: #ff8f00 !important;
border: 2px solid #ff8f00;
width: auto;
float: left !important;
}
.snippet-form button:before {
left: 0;
}
.snippet-form button:hover span {
color: #ffffff !important;
}
.snippet-form button:hover:before {
background: #cc7200;
}
input[type="number"] {
padding: 0;
}
textarea {
padding-top: 0.75rem;
}
.selectboxit-container {
display: inline-block;
position: relative;
cursor: pointer;
white-space: nowrap;
}
.selectboxit-option-icon-container {
display: none;
}
.selectboxit-arrow-container {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.selectboxit-arrow-container:after {
position: absolute;
right: 0.9375rem;
margin-top: -1px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: FontAwesome;
content: '\f078';
font-size: 0.875rem;
}
.selectboxit {
display: block;
border: 2px solid var(--site-color-text-pink-on-dark);
border-radius: 12px;
padding: 0 3.4375rem 0 0.9375rem;
width: auto;
line-height: 2.875rem;
transition: background 200ms;
}
@media only screen and (min-width: 40.0625em) {
.selectboxit-open {
background: var(--site-color-purple);
color: #ffffff;
}
}
.selectboxit-hover:not(.selectboxit-open) {
background: var(--site-color-purple);
}
.selectboxit-hover:not(.selectboxit-open).select--inverse {
background: var(--site-color-purple);
}
.selectboxit.select--inverse + .selectboxit-options {
color: #ffffff !important;
background: var(--site-color-text-pink-on-dark);
}
.selectboxit:focus {
outline: none;
}
.selectboxit-options {
overflow: auto;
z-index: 60;
position: absolute;
display: none;
font-size: 1rem;
background: #f4f2f6;
padding: 0.75rem;
width: 100%;
color: #000;
border-radius: 12px 12px;
margin-top: 0.75rem;
}
.selectboxit-options li {
padding-right: 1.25rem;
}
.selectboxit-options li:first-child {
display: none;
}
.selectboxit-options li:hover {
color: var(--site-color-purple);
font-weight: bold;
}
body.page-show-overview .selectboxit-options li:before {
font-family: FontAwesome;
content: '\f096';
display: inline-block;
font-size: 0.875rem;
margin-right: 0.3125rem;
position: relative;
top: 1px;
font-weight: normal !important;
}
.selectboxit-options .selected {
color: var(--site-color-purple);
font-weight: bold;
position: relative;
}
body.page-show-overview .selectboxit-options .selected:before {
content: '\f046';
}
.facebookchoice {
position: absolute;
top: 0;
background: #ffffff;
padding: 0.625rem;
margin-top: -3.125rem;
margin-left: 0.75rem;
height: 2.5rem;
border-radius: 0.125rem;
}
.facebookchoice:after {
position: absolute;
bottom: 0;
left: 50%;
font-family: FontAwesome;
display: inline-block;
content: '\f0d7';
width: 10px;
color: #ffffff;
height: 10px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.button-slide-description {
width: auto;
border: 0;
}
.button-slide-description span {
transition: max-width .2s, visibility .2s;
float: left;
}
.button-slide-description a {
color: #ffffff;
height: 3.125rem;
line-height: 3.125rem;
display: block;
}
.button-slide-description .icon {
width: 3.125rem;
height: 3.125rem;
color: #ffffff;
}
.button-slide-description .icon:before {
margin-right: 0;
}
.button-slide-description .description {
padding: 0;
background: var(--site-color-purple);
max-width: 0;
visibility: hidden;
max-height: 3.1875rem;
position: relative;
z-index: 99;
}
.button-slide-description .description iframe {
margin-top: 0.8125rem;
}
.button-slide-description.whatsapp .icon::before {
font-size: 1.5rem;
}
.button-slide-description.whatsapp .description {
background: #25d366;
border-color: #25d366;
}
.button-slide-description.hover .icon {
color: var(--site-color-purple);
}
.button-slide-description.hover.whatsapp .icon {
color: #25d366;
}
.button-slide-description.hover .description {
padding: 0 0.9375rem;
max-width: 200px;
border-width: 2px;
visibility: visible;
}
.button-slide-description:before {
content: none;
}
.button.add-to-calendar-button {
width: fit-content;
height: 50px;
font-weight: bold;
transition: all 300ms ease-out;
position: relative;
float: left;
margin: 0;
margin-top: -12px;
margin-bottom: -4px;
padding: 0.9375rem 1.25rem;
background: transparent;
letter-spacing: 0;
border: 0.0625rem solid var(--site-color-purple);
color: var(--site-color-purple);
font-family: "GT Flexa Light", sans-serif;
text-decoration: none;
text-transform: lowercase;
text-align: center;
font-size: 0.875rem;
line-height: 1;
display: block;
overflow: visible;
}
.button.add-to-calendar-button.add-to-calendar-button-account {
margin-bottom: 20px;
}
.button.add-to-calendar-button:hover {
color: #ffffff !important;
background: var(--site-color-purple) !important;
border-color: var(--site-color-purple) !important;
}
.breadcrumbs-row {
background: var(--site-color-purple);
}
body.page-arrangementitem .breadcrumbs-row,
body.page-performance-theatre .breadcrumbs-row,
body.page-show-overview .breadcrumbs-row,
body.page-arrangement-overview .breadcrumbs-row {
margin-bottom: 1.25rem;
}
.breadcrumbs {
display: none;
font-size: 0.875rem;
}
body.is-events-page .breadcrumbs {
margin-top: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.breadcrumbs {
display: block;
padding: 0.9375rem 0.625rem;
}
}
.breadcrumbs .breadcrumbs-title {
color: var(--site-color-text-pink-on-dark);
margin-right: 0.625rem;
}
.breadcrumbs-path {
text-transform: lowercase;
color: #ffffff;
}
.breadcrumbs-path a {
color: #000;
position: relative;
color: #ffffff;
}
.breadcrumbs-path:after {
font-family: "Font Awesome 5 Regular";
font-size: 0.625rem;
content: '\f054';
padding: 0 0.5rem;
color: #c7c7c7;
display: inline-block;
}
.breadcrumbs-path:last-child {
color: var(--site-color-pink);
}
.breadcrumbs-path:last-child:after {
display: none;
}
body.is-events-page .breadcrumbs-row {
background: transparent;
}
body.is-events-page .breadcrumbs-path:not(:last-child),
body.is-events-page .breadcrumbs-path:not(:last-child) a {
color: var(--site-color-purple);
}
.action-block {
position: relative;
color: #fff;
background: var(--site-color-purple);
overflow: hidden;
padding: 0;
height: 0;
padding-bottom: 67%;
border-radius: 12px;
}
.action-block > a {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-transform: lowercase;
border: 2px solid #fff;
padding: 1rem;
line-height: 1.1;
height: 3.125rem;
background: transparent;
outline: none;
font-size: 0.875rem;
letter-spacing: 0.125rem;
border-radius: 9999px;
transition: all 250ms;
color: #fff;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 16.25rem;
}
.action-block > a:hover {
background: #fff;
color: var(--site-color-purple);
}
.action-block .content {
position: absolute;
left: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 2.5rem;
text-align: left;
}
.action-block .content, .action-block .content a {
color: #fff !important;
}
.action-block .image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.4;
}
.brochure-block {
position: relative;
color: #fff;
background: var(--site-color-purple);
overflow: hidden;
}
.brochure-block .content {
width: 100%;
padding: 1.25rem;
padding-top: 0;
padding-bottom: 2.5rem;
}
@media only screen and (min-width: 64.0625em) {
.brochure-block .content {
padding: 0.625rem 1.875rem 6.25rem 1.875rem;
float: left;
width: 16.875rem;
}
.page-brochure .brochure-block .content {
min-height: 21.875rem;
}
}
.brochure-block .content a {
color: white !important;
}
.brochure-block .content a:hover {
border: none;
}
.brochure-block .form-fields {
margin-top: 0.9375rem;
}
.brochure-block .image {
position: static;
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 64.0625em) {
.brochure-block .image {
position: absolute;
left: 16.875rem;
width: calc(100% - 16.875rem);
}
}
.brochure-block button[type="submit"] {
padding: 0 2.1875rem;
}
@media only screen and (min-width: 64.0625em) {
.brochure-block button[type="submit"] {
position: absolute;
bottom: 2.5rem;
}
}
.content-block {
padding: 0 1.25rem;
}
@media only screen and (min-width: 64.0625em) {
.content-block {
column-count: 2;
}
}
.content-block.popup {
column-count: 1 !important;
max-width: 37.5rem;
margin: 0;
padding: 1.25rem;
}
.content-block ol,
.content-block ul {
padding-left: 1.125rem;
}
.content-block p + * {
margin-top: 1.875rem;
}
.content-block a:not([class]) {
font-weight: bold;
color: var(--site-color-purple);
text-decoration: none;
border-bottom: 1px solid #dcd0e5;
}
.content-block a:not([class]):hover {
border-bottom-color: var(--site-color-purple);
}
.content-block h2, .content-block h3, .content-block .filter-title {
margin: 0 0 0.625rem 0 !important;
padding: 0 !important;
font-size: 1.375rem;
line-height: 1.3;
color: var(--site-color-purple);
}
.content-block h4, .content-block h5, .content-block h6 {
margin: 0 0 0.625rem 0 !important;
padding: 0 !important;
text-transform: none;
font-size: 1.25rem;
line-height: 1.3;
font-weight: bold;
}
.blocks a:not([class]) {
font-weight: bold;
color: var(--site-color-purple);
text-decoration: none;
border-bottom: 1px solid #dcd0e5;
transition: color .2s ease;
}
.blocks a:not([class]):hover {
border-bottom-color: var(--site-color-pink);
color: var(--site-color-pink);
}
.blocks a[href^="mailto"] {
font-weight: bold;
color: var(--site-color-purple);
text-decoration: none;
border-bottom: 1px solid #dcd0e5;
}
.blocks hr {
margin-top: 3.125rem;
padding: 0;
border: none;
border-top: 1px solid #c7c7c7;
}
@media only screen and (min-width: 67.5rem) {
.blocks {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
}
.block {
margin-top: 1.25rem;
}
.block ol,
.block ul {
padding-left: 1.125rem;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.block.medium-6:nth-child(odd) {
clear: left;
}
}
body.page-search-results .block {
padding: 0 1.25rem;
}
.cookie-notification {
text-align: center;
position: fixed;
z-index: 9999;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 1.25rem 0;
transition: transform 350ms ease-in;
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.cookie-notification.popup {
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 40.0625em) {
.cookie-notification {
text-align: left;
}
}
.cookie-notification .button-primary {
display: block;
margin: 0 auto 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.cookie-notification .button-primary {
margin-right: 1.25rem;
margin-bottom: 0;
display: inline-block;
}
}
.cookie-notification a {
margin-left: -1.875rem;
}
@media only screen and (min-width: 40.0625em) {
.cookie-notification a {
margin-left: 0;
}
}
.cookie-notification__title {
font-size: 1.3125rem;
}
.cookie-notification__close {
position: relative;
display: inline-block;
position: absolute;
right: 0.9375rem;
top: -0.9375rem;
}
.cookie-notification__close:after {
cursor: pointer;
transition: all 250ms;
font-size: 1.25rem;
display: inline-block;
content: '\f00d';
font-family: FontAwesome;
}
.cookie-notification__close:hover:after {
color: var(--site-color-pink);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.cookie-notification__description {
margin-bottom: 1.25rem;
margin-right: 0.9375rem;
}
.cookie-notification a {
color: white;
text-decoration: underline;
}
.faq__divider {
font-size: 2.5rem;
background: var(--site-color-purple);
position: relative;
color: #fff;
margin-top: 1.5625rem;
float: left;
width: calc(100% - 1.25rem);
border-radius: 12px;
margin-inline: 0.625rem;
}
@media only screen and (min-width: 64.0625em) {
.faq__divider {
width: 100%;
margin-inline: 0;
}
}
.faq__divider span {
line-height: 1;
margin-bottom: 0.3125rem;
margin-left: 0.625rem;
text-transform: lowercase;
}
.faq__answer {
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 100%;
float: left;
float: left;
margin-top: 1.5625rem;
}
@media only screen and (min-width: 40.0625em) {
.faq__answer {
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 50%;
float: left;
}
}
.faq__answer.odd {
clear: left;
}
.faq__pagination {
float: right;
padding: 0 0.625rem;
margin-top: 0;
}
@media only screen and (min-width: 64.0625em) {
.faq__pagination {
margin-top: 0.625rem;
padding: 0 0 0 0.625rem;
}
}
.faq__pagination li {
width: 1.875rem;
line-height: 1.875rem;
height: 1.875rem;
text-align: center;
float: left;
margin-left: 0.4375rem;
margin-top: 0.4375rem;
text-transform: lowercase;
position: relative;
list-style: none;
}
.faq__pagination li.faq__spacer {
background: transparent;
}
.faq__pagination a {
background: var(--site-color-purple);
display: block;
color: #ffffff;
transition: all 250ms;
border-radius: 9999px;
font-size: 1.125rem;
}
.faq__pagination a:hover {
background: var(--site-color-pink);
color: #fff !important;
}
.faq__spacer:before {
display: block;
content: "";
width: 100%;
position: absolute;
height: 0.0625rem;
background: #dcd0e5;
top: calc(50% - 1px);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
footer {
font-size: 0.875rem;
line-height: 1rem;
margin-top: 3.125rem;
background-color: var(--site-color-purple);
color: var(--site-color-text-pink-on-dark);
padding-bottom: 1.875rem;
position: relative;
z-index: 9;
}
footer p {
margin-top: 0;
}
footer h5 {
color: #ffffff;
font-family: % accent-font-bold-italic;
font-size: 1rem;
}
footer p a:not([class]),
footer a:not([class]) {
font-weight: initial;
color: #ffffff;
text-decoration: none;
border-bottom: none;
}
footer p a:not([class]):hover,
footer a:not([class]):hover {
color: var(--site-color-pink);
}
footer strong {
display: inline-block;
}
footer hr {
display: block;
border: none;
border-top: 1px solid #d1d1d1;
max-width: 67.5rem;
margin: 1.5625rem auto 1.25rem;
}
footer .inline {
display: inline-block;
}
footer .top-bar-social {
display: block;
margin: 0;
padding: 0;
}
footer .top-bar-social li:first-child {
margin-left: 0;
}
footer .top-bar-social a {
border: none;
font-weight: normal;
}
footer .top-bar-social:before, footer .top-bar-social:after {
display: none;
}
footer .newsletter {
position: relative;
margin-top: 1.25rem;
}
footer .newsletter a {
display: block;
float: left;
width: 100%;
text-transform: lowercase;
border: 1px solid #ffffff;
padding: 1rem;
line-height: 1.1;
height: 3.125rem;
background: transparent;
outline: none;
font-size: 0.875rem;
letter-spacing: 0.125rem;
border-radius: 0;
transition: all 250ms;
color: #ffffff;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 9999px;
}
footer .newsletter a:hover {
border-color: #ffffff;
background: #ffffff;
color: var(--site-color-purple);
}
footer .newsletter p {
line-height: 1rem;
}
footer .newsletter p.message {
display: none;
}
footer .newsletter p.message:first-child {
display: block;
}
footer .newsletter.is-submit:after {
display: none;
}
footer .newsletter #bevestigingsvoorwaarden {
float: left;
width: 5%;
margin-top: 0.125rem;
}
footer .newsletter label {
line-height: 1rem;
font-size: 0.875rem;
color: #848484;
float: left;
width: 85%;
margin: 0 0 0.625rem 0.625rem;
}
footer .newsletter input[type="email"] {
width: 100%;
font-size: 1rem;
border-color: #a1a1a1;
display: block !important;
}
footer .newsletter input[type="email"]:-ms-input-placeholder {
color: #a1a1a1;
}
footer .newsletter input[type="email"]::placeholder {
color: #a1a1a1;
}
footer .newsletter button[type="submit"] {
display: block;
background: transparent;
position: absolute;
width: 2.8125rem;
top: 1.625rem;
right: 0;
border: none;
line-height: 3.125rem;
}
footer .newsletter button[type="submit"]:after {
text-align: center;
right: 0;
top: 0;
height: 100%;
width: 2.875rem;
position: absolute;
display: inline-block;
font-family: FontAwesome;
content: '\f0e0';
border-left: 2px solid #a1a1a1;
}
footer .bevestigingsvoorwaarden_text {
margin-top: 0.9375rem;
}
footer .top-bar-social li .fa:before {
color: var(--site-color-text-pink-on-dark);
}
footer .top-bar-social li:hover .fa:before {
color: #ffffff;
}
@media only screen and (min-width: 40.0625em) {
footer .row--flex {
display: -ms-flexbox;
display: flex;
}
}
footer .footer__group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .footer__logos {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
}
footer .footer__logos h5 {
min-width: 100%;
}
.footer__links {
margin: 0;
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.footer__links {
float: right;
}
}
.footer__links li {
display: inline-block;
}
.footer__links li:before {
display: inline-block;
padding: 0 0.5rem;
content: '|';
}
.footer__links li:first-child:before {
display: none;
}
.newsletter-list {
margin-top: 0.375rem !important;
padding: 0.9375rem;
border: 0.125rem solid rgba(161, 161, 161, 0.75);
width: 100%;
overflow: hidden;
display: none;
position: relative;
}
.action-block .newsletter-list label {
color: #ffffff;
}
.newsletter-list .close {
position: absolute;
right: 8px;
top: 8px;
cursor: pointer;
background: #848484;
color: #f4f2f6;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;
}
.newsletter-list strong {
margin-bottom: 0.9375rem;
text-align: left;
width: 100%;
display: block;
}
.newsletter-list label {
position: relative;
padding-left: 1.25rem;
line-height: 1.1;
text-align: left;
width: 100% !important;
margin-left: 0 !important;
}
.newsletter-list label input[type=checkbox] {
position: absolute;
left: 0;
top: 0.125rem;
background: #ffffff;
}
.header-image {
margin: 0 auto;
height: 15.625rem;
position: relative;
overflow: hidden;
background-position: center;
background-size: cover;
}
.header__title {
text-align: center;
padding: 1.4375rem 1.25rem 1.25rem;
margin: 0 auto;
max-width: 67.5rem;
border-bottom: 1px solid #c7c7c7;
}
.header__title .title {
font-size: 1.625rem;
display: block;
color: var(--site-color-purple);
line-height: 1.2;
}
@media only screen and (min-width: 40.0625em) {
.header__title .title {
font-size: 1.875rem;
}
}
@media only screen and (min-width: 64.0625em) {
.header__title .title {
font-size: 2.125rem;
}
}
.header__title .subtitle {
display: block;
color: var(--site-color-purple);
margin-top: 0.3125rem;
font-size: 0.875rem;
}
.header-slider {
position: relative;
float: left;
width: calc(100% - 1.5rem);
margin: 1.25rem 0.75rem 1.25rem;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: all ease .3s;
}
.header-slider.slick-initialized {
opacity: 1;
max-height: 50rem;
}
.header-slider .header-slide {
padding: 0 0.625rem;
}
.header-slider .header-slide img {
width: 100%;
border-radius: 12px;
}
.header-slider:hover .slick-prev,
.header-slider:hover .slick-next {
opacity: 1;
}
.header-slider .slick-prev, .header-slider .slick-next {
display: block;
cursor: pointer;
padding: 0.625rem;
position: absolute;
z-index: 999;
opacity: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity ease .3s;
}
.header-slider .slick-prev:after, .header-slider .slick-next:after {
font-family: FontAwesome;
font-size: 1rem;
color: #ffffff;
transition: color .3s;
}
@media only screen and (min-width: 40.0625em) {
.header-slider .slick-prev:after, .header-slider .slick-next:after {
font-size: 1.25rem;
color: rgba(255, 255, 255, 0.8);
}
}
@media only screen and (min-width: 64.0625em) {
.header-slider .slick-prev:after, .header-slider .slick-next:after {
font-size: 1.875rem;
}
}
html.mobile .header-slider .slick-prev:after,
html.no-mobile .header-slider .slick-prev:hover:after, html.mobile .header-slider .slick-next:after,
html.no-mobile .header-slider .slick-next:hover:after {
color: #ffffff;
}
.header-slider .slick-prev {
left: 1.25rem;
}
.header-slider .slick-prev:after {
content: '\f137';
}
.header-slider .slick-next {
right: 1.25rem;
}
.header-slider .slick-next:after {
content: '\f138';
}
.header-slide-button {
position: relative;
float: left;
width: 100%;
margin-top: -3.125rem;
}
.header-slide-button .button {
box-shadow: 0 0 0 0.125rem #ffffff;
margin: 0 2.5rem 1.25rem 0;
}
.highlights .purple {
background-color: var(--site-color-purple);
}
.highlights .green {
background-color: var(--site-color-pink);
}
.highlight-block {
position: relative;
float: left;
color: #fff;
cursor: pointer;
width: 100%;
border-radius: 12px;
overflow: hidden;
}
.highlight-block header h4 {
word-break: break-word;
-ms-hyphens: auto;
hyphens: auto;
color: #ffffff;
}
.highlight-block .more-info {
position: absolute;
left: 1.25rem;
bottom: 1.5625rem;
}
@media only screen and (min-width: 64.0625em) {
.highlight-block .more-info {
left: 2.1875rem;
bottom: 1.875rem;
}
}
.highlight-block .more-info:before {
background: #ffffff !important;
color: var(--site-color-purple) !important;
}
.highlight-block .more-info:after {
background: #fff;
}
.highlight-block .subtitle {
text-transform: lowercase;
font-size: 0.875rem;
}
.highlight-block .content {
padding: 1.25rem;
padding-bottom: 4.0625rem;
}
@media only screen and (min-width: 64.0625em) {
.highlight-block .content {
padding: 1.875rem 1.875rem 4.0625rem 2.1875rem;
}
}
.highlight-block--slant .image {
display: block;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 64.0625em) {
.highlight-block--slant .image:after {
position: absolute;
display: block;
content: '';
width: 13.75rem;
height: 100%;
background-color: var(--site-color-purple);
opacity: .2;
top: 0;
right: -4.6875rem;
-ms-transform: skew(332.5deg);
transform: skew(332.5deg);
}
}
.highlight-block--inverse {
background-color: var(--site-color-pink);
}
.highlight-block .more-info {
position: absolute;
bottom: 1.25rem;
}
.highlight-block .content {
position: relative;
float: left;
}
.highlight-block .image {
position: relative;
float: left;
overflow: hidden;
width: 100%;
}
.highlight-block .image img {
width: 100%;
}
.highlight-block .hoverbox {
transition: bottom 300ms ease-out;
background-color: var(--site-color-pink);
position: absolute;
width: 100%;
height: 100%;
bottom: -100%;
z-index: 10;
left: 0;
padding: 0.9375rem;
}
.highlight-block .hoverbox .ghostbutton {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0.125rem solid #ffffff;
padding: 0.8125rem 2.5rem;
font-size: 1rem;
letter-spacing: 0.125rem;
white-space: nowrap;
border-radius: 9999px;
}
.highlight-block:hover .hoverbox {
bottom: 0;
}
#login {
display: none;
}
#login a {
color: var(--site-color-purple);
line-height: 3.125rem;
}
#login a:after {
background: var(--site-color-text-pink-on-dark);
}
#login input[type="email"],
#login input[type="password"] {
width: 100%;
border-color: #a1a1a1;
}
#login label {
margin-top: 0.9375rem;
display: inline-block;
}
#login button {
transition: all 300ms ease-out;
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0.9375rem 1.25rem;
margin-top: 0.625rem;
background: var(--site-color-purple);
letter-spacing: 0;
border: none;
color: #ffffff;
font-family: "GT Flexa Light", sans-serif;
text-decoration: none;
text-transform: lowercase;
text-align: center;
font-size: 0.875rem;
line-height: 1;
display: block;
overflow: visible;
margin-top: 1.5625rem;
}
html.no-touch #login button:hover {
color: #ffffff;
background: var(--site-color-purple-hover);
border-color: var(--site-color-purple-hover);
}
@media only screen and (min-width: 40.0625em) {
#login button {
padding: 0.9375rem 1.875rem;
}
}
@media only screen and (min-width: 64.0625em) {
#login button {
font-size: 1rem;
}
}
#login button:after {
content: none;
}
#login .sep {
border-top: 1px solid #c7c7c7;
margin-top: 1.5625rem;
padding-top: 1.5625rem;
clear: both;
}
#login .errormessage {
margin-top: 15px;
background: #dcd0e5;
padding: 15px;
font-size: 15px;
font-weight: bold;
}
#login .button-primary {
background: #3b5998;
border-color: #3b5998;
margin-top: 0.9375rem;
}
#login .button-primary:hover span {
color: #3b5998;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-wrap .fancybox-inner {
line-height: 1.5rem;
}
.fancybox-wrap .modal {
float: left;
background: var(--site-color-purple);
height: 100%;
}
.fancybox-wrap .modal-body {
float: left;
padding: 0.9375rem;
width: 100%;
background: #ffffff;
height: 100%;
overflow-y: auto;
padding-bottom: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.fancybox-wrap .modal-body {
width: calc(100% - 16.875rem);
}
}
.fancybox-wrap .modal-body [data-role] {
display: block;
clear: both;
}
.fancybox-wrap .modal-body .button-holder {
text-align: right;
}
.fancybox-wrap .modal-body .button-holder .button-primary {
float: none;
}
.fancybox-wrap .modal-body-large {
background: #ffffff;
}
@media only screen and (min-width: 40.0625em) {
.fancybox-wrap .modal-body-large {
width: 100%;
}
}
.fancybox-wrap .modal-body-large .modal-title {
width: 100%;
}
.fancybox-wrap .modal-body-large .modal-content {
float: left;
width: 100%;
}
.fancybox-wrap .modal-body-large .modal-content p {
line-height: 1.3;
}
.fancybox-wrap .modal-body-large .modal-content img {
float: left;
margin: 0 0.9375rem 0.3125rem 0;
}
.fancybox-wrap aside {
display: none;
color: #fff;
padding: 0.9375rem;
background: var(--site-color-purple);
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.fancybox-wrap aside {
display: block;
float: left;
right: 0;
width: 16.875rem;
}
}
.fancybox-wrap aside hr {
margin: 0.9375rem 0;
border-color: var(--site-color-text-pink-on-dark);
}
.fancybox-wrap aside h2 {
line-height: 1.2;
margin: 0;
padding: 0;
font-size: 2.1875rem;
}
.fancybox-wrap aside h2, .fancybox-wrap aside h3, .fancybox-wrap aside .filter-title, .fancybox-wrap aside h4, .fancybox-wrap aside h5 {
color: #ffffff;
}
.fancybox-wrap aside ul {
padding-left: 1.25rem;
}
.fancybox-wrap aside a {
color: var(--site-color-text-pink-on-dark);
}
.fancybox-wrap aside button,
.fancybox-wrap aside .button {
float: left;
}
.fancybox-wrap button,
.fancybox-wrap .button {
margin-top: 0.625rem;
float: right;
}
.fancybox-wrap hr {
margin: 0;
margin: 0.75rem 0;
float: left;
width: 100%;
border: none;
border-top: 1px solid #c9c8cc;
}
.fancybox-wrap .selectboxit-container {
float: left;
width: 100%;
}
.fancybox-wrap .selectboxit-options {
max-width: none;
}
.fancybox-wrap #salutationSelectBoxItContainer {
width: auto;
}
.page-rent-assistance .fancybox-wrap #salutationSelectBoxItContainer {
margin-top: 0;
}
.fancybox-wrap #salutationSelectBoxIt {
width: 7.5rem;
}
.fancybox-wrap .selectboxit {
border-color: var(--site-color-text-pink-on-dark);
color: var(--site-color-text-pink-on-dark);
}
.fancybox-wrap .selectboxit.full {
width: 100%;
}
.fancybox-wrap .label-spacing {
width: calc(50% - 5px);
}
.fancybox-wrap .label-left {
float: left;
}
.fancybox-wrap .label-right {
float: right;
}
.fancybox-wrap #frm_timefrom {
float: left;
}
.fancybox-wrap #frm_timeuntil {
float: right;
}
.fancybox-wrap input,
.fancybox-wrap textarea {
border-color: var(--site-color-text-pink-on-dark);
margin-top: 0.625rem;
width: 100%;
border-radius: 12px;
}
.fancybox-wrap input[name="frm_capaciteit"],
.fancybox-wrap textarea[name="frm_capaciteit"] {
float: left;
margin-top: 0;
}
.fancybox-wrap input[name="frm_name"],
.fancybox-wrap textarea[name="frm_name"] {
width: calc(100% - 8.125rem);
-ms-transform: translateX(0.625rem);
transform: translateX(0.625rem);
}
.fancybox-wrap input[type="time"],
.fancybox-wrap textarea[type="time"] {
height: 3.375rem;
width: calc(50% - 5px);
margin-top: 0;
border: 2px solid var(--site-color-text-pink-on-dark);
display: block;
background: transparent;
padding: 0 1rem;
}
.fancybox-wrap input[type="time"]:focus,
.fancybox-wrap textarea[type="time"]:focus {
border: 2px solid var(--site-color-text-pink-on-dark);
outline: 0;
}
.fancybox-wrap input[type="date"]:focus,
.fancybox-wrap textarea[type="date"]:focus {
border: 2px solid var(--site-color-text-pink-on-dark);
outline: 0;
}
.fancybox-wrap textarea {
resize: none;
display: block;
width: 100%;
height: 6.875rem;
}
.fancybox-wrap label {
float: left;
width: 100%;
margin: 0.25rem 0 0.375rem;
}
.fancybox-wrap select.full-width {
display: block;
width: 100%;
}
.fancybox-wrap .foutmelding {
color: #ff8f00;
font-weight: bold;
}
.fancybox-skin {
position: relative;
background: #ffffff;
color: #444;
text-shadow: none;
border-radius: 12px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
}
.fancybox-close {
position: absolute;
top: 1.875rem;
right: 0.375rem;
line-height: 1;
-ms-transform: translateY(-1.75rem);
transform: translateY(-1.75rem);
color: var(--site-color-purple);
cursor: pointer;
}
@media only screen and (min-width: 40.0625em) {
.fancybox-close {
top: 0.4375rem;
right: 0;
color: #fff;
}
}
.fancybox-close:before {
transition: all 250ms;
font-size: 1.25rem;
display: block;
content: '\f00d';
font-family: FontAwesome;
}
.fancybox-close:hover:before {
color: var(--site-color-pink);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("blank.gif");
/* helps IE */
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
color: #fff;
font-size: 1.25rem;
}
.fancybox-nav span:hover {
color: var(--site-color-pink);
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-prev span:after {
display: block;
font-family: FontAwesome;
content: '\f053';
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-next span:after {
display: block;
font-family: FontAwesome;
content: '\f054';
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("fancybox_sprite@2x.png");
background-size: 44px 152px;
/*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url("fancybox_loading@2x.gif");
background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
.modal {
height: 100%;
display: none;
position: relative;
}
.modal-title {
display: inline-block;
font-size: 1.5rem;
line-height: 1.1;
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.modal-title {
font-size: 2.1875rem;
}
}
.newsletter-block {
background-size: cover;
padding: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 10rem;
}
@media only screen and (min-width: 64.0625em) {
.newsletter-block {
padding: 0.625rem 1.875rem 4.375rem 1.875rem;
}
}
@media only screen and (min-width: 40.0625em) {
.newsletter-block {
padding-bottom: 5rem;
}
}
@media only screen and (min-width: 64.0625em) {
.newsletter-block .form-fields {
margin-left: -0.9375rem;
margin-top: -0.9375rem;
}
.newsletter-block .form-fields p {
margin-left: 0.9375rem;
font-weight: bold;
}
}
.newsletter-block .form-fields {
/* don't put overflow: hidden on this one */
margin-top: 1.25rem;
}
.newsletter-block input[type="email"] {
display: block !important;
}
.newsletter-block button[type="submit"]:hover {
color: #ff8f00 !important;
}
.newsletter-block button[type="submit"]:before {
z-index: -1;
}
.newsletter-block .selectboxit, .newsletter-block input[type="text"], .newsletter-block input[type="email"] {
border-color: var(--site-color-text-pink-on-dark) !important;
opacity: 1;
}
.newsletter-block .selectboxit-options {
background: var(--site-color-text-pink-on-dark);
}
.newsletter-block .selectboxit-container,
.newsletter-block input {
display: block;
margin-bottom: 0.9375rem;
width: 100%;
}
@media only screen and (min-width: 64.0625em) {
.newsletter-block .selectboxit-container,
.newsletter-block input {
float: left;
width: calc(100% - 0.9375rem);
margin-left: 0.9375rem;
margin-top: 0;
}
}
.newsletter-block .checkbox-container {
float: left;
width: auto;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.newsletter-block .checkbox-container input {
float: left;
width: auto;
margin-top: 0.5625rem;
margin-right: 0.625rem;
}
.newsletter-block .checkbox-container label {
float: left;
font-size: 100%;
width: auto;
font-weight: 400;
}
.newsletter-block .newsletter-list-container {
position: relative;
width: 100%;
margin-top: 0.9375rem;
margin-left: 0;
display: block;
clear: both;
}
@media only screen and (min-width: 64.0625em) {
.newsletter-block .newsletter-list-container {
width: calc(100% - 0.9375rem);
margin-left: 0.9375rem;
}
}
.newsletter-block .newsletter-list-container .newsletter-list {
border-color: var(--site-color-text-pink-on-dark);
display: block !important;
border-radius: 12px;
color: var(--site-color-purple);
}
.newsletter-block .newsletter-list-container .newsletter-list .close {
display: none;
}
.newsletter-block .newsletter-list-container .newsletter-list strong {
display: block;
margin-bottom: 0.3125rem;
}
.newsletter-block .newsletter-list-container .newsletter-list label {
font-size: 100%;
position: relative;
display: block;
margin-bottom: 0.375rem;
}
.newsletter-block .newsletter-list-container .newsletter-list label input {
margin: 0;
width: auto;
}
@media only screen and (min-width: 64.0625em) {
.newsletter-block .selectboxit-container {
float: left;
width: 6.875rem;
margin-bottom: 0;
}
.newsletter-block #frm-voornaam {
width: 10.625rem;
}
.newsletter-block #frm-tussenvoegsel {
width: 8.75rem;
}
.newsletter-block #frm-name {
width: calc(100% - 30.625rem);
}
.newsletter-block #frm-email, .newsletter-block #frm-woonplaats {
width: calc(50% - 0.9375rem);
}
}
.left-off-canvas-menu {
background-color: var(--site-color-purple);
}
.left-off-canvas-menu .languages-nav {
padding-left: 0.9375rem;
}
@media only screen and (min-width: 64rem) {
.move-right > .inner-wrap {
transform: translate3d(0, 0, 0);
}
.move-right .exit-off-canvas {
display: none;
}
}
.off-screen-nav-menu {
padding-top: 2.5rem;
}
.off-screen-nav-menu li {
font-size: 1rem;
}
.off-screen-nav-menu li.active:not(.has-children) > a {
color: var(--site-color-pink);
font-weight: bold;
}
.off-screen-nav-menu a {
padding-left: 0.9375rem;
line-height: 2.1875rem;
color: var(--site-color-purple);
display: block;
color: #fff;
font-size: 1rem;
}
.off-screen-nav-menu .level-1,
.off-screen-nav-menu .level-2 {
position: relative;
}
.off-screen-nav-menu .level-1.has-children:after,
.off-screen-nav-menu .level-2.has-children:after {
position: absolute;
top: 0.75rem;
right: 0.75rem;
font-family: FontAwesome;
display: block;
content: '\f078';
font-size: 0.4375rem;
color: #fff;
opacity: .5;
transition: transform 250ms;
will-change: true;
}
.off-screen-nav-menu .level-1.has-children.uncollapsed:after,
.off-screen-nav-menu .level-2.has-children.uncollapsed:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.off-screen-nav-menu .level-1.has-children > .sub-menu-wrap,
.off-screen-nav-menu .level-2.has-children > .sub-menu-wrap {
display: none;
}
.off-screen-nav-menu .level-1.has-children > .sub-menu-wrap > .title,
.off-screen-nav-menu .level-2.has-children > .sub-menu-wrap > .title {
display: none;
}
.off-screen-nav-menu .level-1 > .sub-menu-wrap {
background: #1f0233;
}
.off-screen-nav-menu .level-1 > .sub-menu-wrap a {
padding-left: 1.5625rem;
}
.off-screen-nav-menu .level-2 > .sub-menu-wrap {
background: #1f0233;
}
.off-screen-nav-menu .level-2 > .sub-menu-wrap a {
padding-left: 2.1875rem;
}
.off-screen-nav-menu .level-3.active.active a {
color: #ffffff;
}
.off-screen-nav-menu .level-3 a {
color: #856e90;
}
.add-header-links {
padding-top: 0;
}
.off-screen-nav-links {
padding: 0.9375rem;
}
.off-screen-nav-links a, .off-screen-nav-links a:hover {
color: #ffffff;
text-decoration: underline;
}
.user_loggedin .off-screen-nav-links a.off-canvas-login {
display: none;
}
@media only screen and (min-width: 30rem) {
.off-screen-nav-links a.off-canvas-login {
display: none;
}
}
.off-screen-nav-links a.off-canvas-account {
display: none;
}
.user_loggedin .off-screen-nav-links a.off-canvas-account {
display: block;
}
@media only screen and (min-width: 30rem) {
.user_loggedin .off-screen-nav-links a.off-canvas-account {
display: none;
}
}
.move-right .exit-off-canvas {
border-left: 1px solid #dcd0e5;
}
.left-off-canvas-menu .top-bar-social {
display: block;
margin: 0.625rem 0 4.0625rem 0;
background: #f148f2;
}
.left-off-canvas-menu .top-bar-social:before, .left-off-canvas-menu .top-bar-social:after {
display: none;
}
.left-off-canvas-menu .top-bar-social li {
margin-left: 0;
padding: 0.625rem 0.5rem;
}
.left-off-canvas-menu .top-bar-social li:first-child {
margin-left: 0;
}
.left-off-canvas-menu .top-bar-social li:last-child {
margin-right: 0;
}
.left-off-canvas-menu .top-bar-social li .fa {
color: #f3f3f3;
font-size: 1.5rem;
}
.primary-tout {
overflow: hidden;
}
.primary-tout .more-info:after {
background: #fff;
}
.tout {
overflow: hidden;
position: relative;
}
.tout .program-block-date {
z-index: 25;
-ms-transform: translateX(-200%);
transform: translateX(-200%);
transition: all 500ms ease-out;
opacity: 0;
font-size: 1rem;
}
.page-arrangementitem .tout .program-block-date {
display: none;
}
.tout .program-block-date .program-block-day {
font-size: 2.5rem;
font-variant-numeric: tabular-nums;
}
.tout .program-block-date .program-block-month {
font-weight: bold;
text-transform: lowercase;
font-size: 1rem;
line-height: 1;
}
@media only screen and (min-width: 64.0625em) {
.tout .program-block-date {
font-size: 1.375rem;
}
.tout .program-block-date .program-block-day {
font-size: 3.9375rem;
}
.tout .program-block-date .program-block-month {
font-size: 1.375rem;
padding-right: 0.625rem;
}
}
.tout .program-block-date:after {
display: none;
}
.tout .program-block-date.in {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
}
.tout-slider {
border-radius: 12px;
overflow: hidden;
display: none;
}
body.page-events .tout-slider {
border-radius: 0;
}
@media only screen and (min-width: 64.0625em) {
body.page-events .tout-slider {
border-radius: 12px;
}
}
body.page-performance-theatre .tout-slider,
body.page-arrangementitem .tout-slider {
border-radius: 12px 12px 0 0;
}
@media only screen and (min-width: 40.0625em) {
body.page-performance-theatre .tout-slider,
body.page-arrangementitem .tout-slider {
border-radius: 12px 0 0 12px;
}
}
.tout-slider .slider-arrow {
position: absolute;
left: -62.5rem;
}
@media only screen and (min-width: 64.0625em) {
.tout-slider .slider-arrow {
display: block;
left: auto;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: transparent;
z-index: 10;
color: #fff;
transition: margin 250ms;
width: 3.75rem;
height: 2.875rem;
text-align: center;
}
.tout-slider .slider-arrow:after {
font-family: FontAwesome;
display: block;
text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.4);
}
.tout-slider .slider-arrow.slider-prev:hover {
margin-left: -0.3125rem;
padding-right: 0.3125rem;
}
.tout-slider .slider-arrow.slider-prev:after {
content: '\f060';
}
.tout-slider .slider-arrow.slider-next {
right: 0;
}
.tout-slider .slider-arrow.slider-next:hover {
margin-right: -0.3125rem;
padding-left: 0.3125rem;
}
.tout-slider .slider-arrow.slider-next:after {
content: '\f061';
}
}
.tout-label {
position: absolute;
left: 0.9375rem;
top: 0.9375rem;
color: #fff;
background: #ffff00;
color: var(--site-color-purple);
border-radius: 12px;
line-height: 2.5rem;
padding: 0 0.9375rem;
z-index: 9;
font-size: 0.875rem;
}
@media only screen and (min-width: 40.0625em) {
.tout-label {
top: 1.25rem;
}
}
@media only screen and (min-width: 64.0625em) {
.tout-label {
padding: 0 1.25rem;
font-size: 1rem;
line-height: 3.125rem;
}
}
.tout-date {
float: left;
position: relative;
color: #fff;
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.tout-date {
width: auto;
line-height: 1.125rem;
margin: 0 0 0.3125rem 0.3125rem;
}
.tout-date .tout-day {
display: block;
line-height: 1;
font-size: 3.75rem;
font-variant-numeric: tabular-nums;
position: relative;
}
.tout-date .tout-day:after {
content: "";
display: block;
width: 42px;
height: 42px;
border: 2px solid;
border-color: var(--site-color-pink) var(--site-color-pink) transparent transparent;
border-radius: 50%;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 6px;
right: -24px;
}
}
@media only screen and (min-width: 40.0625em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 40.0625em) and (min-device-pixel-ratio: 1.5) {
.tout-date .tout-day:after {
top: 9px;
}
}
@media only screen and (min-width: 40.0625em) {
.tout-date .tout-month {
display: block;
font-weight: bold;
padding-inline: 0.25rem 0.625rem;
}
}
.tout-slide {
position: relative;
overflow: hidden;
min-height: 26.25rem;
background-color: var(--site-color-text-pink-on-dark);
background-size: cover;
background-position: center;
outline: none;
cursor: pointer;
}
.tout-slide .star-rating-block {
margin-top: 0;
}
.tout-slide[data-has-url] {
cursor: pointer;
}
.tout-slide[data-youtube] {
cursor: pointer;
transition: transform 200ms;
}
.tout-slide[data-youtube]:before {
font-family: FontAwesome;
display: block;
content: '\f04b';
border: 0.3125rem solid #fff;
width: 5.625rem;
height: 5.625rem;
line-height: 5rem;
border-radius: 50%;
color: #fff;
font-size: 2.5rem;
position: absolute;
text-align: center;
letter-spacing: -0.5rem;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.4);
}
.tout-slide[data-youtube]:hover:before {
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.tout-slide--link {
cursor: pointer;
}
.tout-slide:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 9.375rem;
}
.tout-slide:after {
display: block;
content: '';
height: 16.5625rem;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1) 80%, transparent);
}
@media only screen and (min-width: 40.0625em) {
.tout-slide {
min-height: 28.4375rem;
}
}
@media only screen and (min-width: 64.0625em) {
.tout-slide {
min-height: 32.5rem;
}
}
.tout-slide .tout-info {
position: absolute;
bottom: 0.9375rem;
left: 0.9375rem;
right: 0.9375rem;
z-index: 9;
}
@media only screen and (min-width: 40.0625em) {
.tout-slide .tout-info {
display: -ms-flexbox;
display: flex;
}
.tout-slide .tout-info .tout-date {
-ms-flex-item-align: end;
align-self: flex-end;
margin-right: 2.1875rem;
}
.tout-slide .tout-info .tout-titles {
-ms-flex-item-align: end;
align-self: flex-end;
max-width: calc(100% - 22.5rem);
}
}
.tout-slide .tout-titles {
float: left;
max-width: 37.5rem;
}
@media only screen and (min-width: 40.0625em) {
.tout-slide .tout-titles {
margin: 0 0 0 0.3125rem;
}
}
.tout-slide .tout-titles .tout-title {
line-height: 1;
word-break: break-word;
display: block;
color: #fff;
font-size: 1.875rem;
}
.tout-slide .tout-titles .tout-subtitle {
display: block;
margin-top: 0.3125rem;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 80vw;
}
.tout-slide .tout-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
float: left;
width: 100%;
height: 4.0625rem;
border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
margin-top: 0.9375rem;
}
@media only screen and (min-width: 40.0625em) {
.tout-slide .tout-buttons {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
width: auto;
height: auto;
padding-left: 7.8125rem;
border: none;
}
}
.tout-slide .tout-buttons .more-info {
-ms-transform: none;
transform: none;
position: absolute;
left: 1.875rem;
bottom: 0.9375rem;
}
@media only screen and (min-width: 40.0625em) {
.tout-slide .tout-buttons .more-info {
left: 0;
bottom: 0.3125rem;
}
}
.tout-slide .tout-buttons .tout-link {
height: min-content;
-ms-flex-item-align: end;
align-self: flex-end;
}
.tout-slide .tout-buttons button {
border-radius: 9999px;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.tout-slide .tout-buttons button {
position: relative;
right: unset;
bottom: unset;
margin: 0 0 0 1rem;
}
}
.tout-banner {
overflow: hidden;
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
padding: 1.25rem;
color: #ffff00;
background-color: var(--site-color-purple);
position: relative;
width: 100%;
cursor: pointer;
margin-top: 1.25rem;
border-radius: 12px;
/* also underline the link when hovering over the full banner */
}
.tout-banner:hover [data-background] {
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.tout-banner.hasimage:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--site-color-pink-75);
}
.tout-banner.hasimage [data-background] {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: top;
background-color: var(--site-color-pink);
filter: grayscale(100%);
}
.tout-banner:hover {
background: var(--site-color-pink);
}
.tout-banner--inverse {
margin-right: 0 !important;
color: #64f8ff;
}
@media only screen and (min-width: 40.0625em) {
.tout-banner {
min-height: 15rem;
width: calc(50% - 0.625rem);
margin-right: 1.25rem;
float: left;
}
}
@media only screen and (min-width: 64.0625em) {
.tout-banner {
width: 100%;
height: calc(50% - 0.625rem);
padding-bottom: 0;
margin-top: 1.25rem;
}
.tout-banner:first-of-type {
margin-top: 0;
}
}
.tout-banner .banner-info {
position: relative;
display: block;
margin-top: 1.25rem;
z-index: 1;
}
@media only screen and (min-width: 40.0625em) {
.tout-banner .banner-info {
position: absolute;
bottom: 1.25rem;
left: 1.25rem;
padding-right: 1.25rem;
}
}
.tout-banner .banner-info a {
color: inherit;
border: none;
font-weight: normal;
}
.tout-banner .label {
position: relative;
z-index: 1;
}
.tout-banner .title {
display: block;
line-height: 2.625rem;
font-size: 2.1875rem;
margin-bottom: 0.9375rem;
}
.primary-nav-menu > li > a {
padding: 0 1.25rem;
line-height: 3.125rem;
}
.inner-wrap {
padding-top: 7.4375rem;
}
@media only screen and (min-width: 64rem) {
.inner-wrap {
padding-top: 10.375rem;
}
}
@media only screen and (min-width: 64rem) {
body.is-events-page .inner-wrap {
padding-top: 13.8125rem;
}
}
.sticky-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 999;
transition: box-shadow 0.3s;
}
@media only screen and (max-width: 63.9375rem) {
.sticky-header .small-12 {
transition: all 0.3s;
max-height: 4.375rem;
}
}
@media only screen and (min-width: 64rem) {
.sticky-header .top-bar {
transition: all 0.3s;
}
}
@media only screen and (max-width: 63.9375rem) {
html.has-fixed-nav .sticky-header .small-12 {
overflow: hidden;
max-height: 0;
opacity: 0;
}
}
@media only screen and (min-width: 64rem) {
html.has-fixed-nav .sticky-header .top-bar {
margin-top: -7.5rem;
}
}
.primary-nav {
background-color: #1f0233;
border-bottom: 0.0625rem solid #360847;
text-transform: lowercase;
}
.primary-nav li {
display: inline-block;
font-size: 1rem;
}
.primary-nav li.primary-nav-login {
display: none;
}
.primary-nav li.primary-nav-login:hover {
background-color: var(--site-color-text-pink-on-dark);
color: #fff;
}
@media only screen and (min-width: 30rem) {
.primary-nav li.primary-nav-login {
display: inline-block;
}
.user_loggedin .primary-nav li.primary-nav-login {
display: none;
}
}
.primary-nav li.primary-nav-account {
display: none;
}
@media only screen and (min-width: 30rem) {
.primary-nav li.primary-nav-account {
display: none;
}
.user_loggedin .primary-nav li.primary-nav-account {
display: inline-block;
}
}
.primary-nav .primary-nav-menu > li {
display: block;
float: left;
}
.primary-nav a {
display: inline-block;
text-decoration: none;
color: #ffffff;
}
.primary-nav .languages-nav {
float: right;
display: none;
line-height: 1.5;
}
@media only screen and (min-width: 64rem) {
.primary-nav .languages-nav {
display: inline-block;
}
}
@media only screen and (min-width: 67.5rem) {
.primary-nav .languages-nav {
margin-right: -0.625rem;
}
}
.primary-nav .left-off-canvas-toggle {
display: block;
position: absolute;
top: 0;
left: 0.75rem;
width: 50px;
height: 60px;
z-index: 1000;
}
.primary-nav .left-off-canvas-toggle span,
.primary-nav .left-off-canvas-toggle span:before,
.primary-nav .left-off-canvas-toggle span:after {
border-radius: 0.0625rem;
display: block;
position: absolute;
content: '';
width: 25px;
height: 4px;
background-color: var(--site-color-text-pink-on-dark);
}
.primary-nav .left-off-canvas-toggle span {
top: 50%;
left: 0;
transition: all 200ms;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.move-right .primary-nav .left-off-canvas-toggle span {
background: transparent;
}
.primary-nav .left-off-canvas-toggle span:before {
top: -8px;
}
.move-right .primary-nav .left-off-canvas-toggle span:before {
top: 0;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.primary-nav .left-off-canvas-toggle span:after {
top: 8px;
}
.move-right .primary-nav .left-off-canvas-toggle span:after {
top: 0;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 64rem) {
.primary-nav .left-off-canvas-toggle {
display: none;
}
}
.languages-nav {
padding-top: 0.75rem !important;
}
.languages-nav .lang-img {
width: 1.25rem;
height: 1.25rem;
border-radius: 9999px;
object-fit: fill;
}
.languages-nav > li {
display: inline-block;
margin-left: 0.625rem;
}
.primary-nav-menu {
display: none;
}
@media only screen and (min-width: 64rem) {
.primary-nav-menu {
float: left;
display: block;
margin-left: -0.625rem !important;
}
}
.primary-nav-menu > li > a {
padding: 0 0.75rem !important;
}
.primary-nav-menu .level-1 .sub-menu-wrap {
overflow: visible;
}
.primary-nav-menu .level-1.active > a {
color: var(--site-color-pink);
}
.primary-nav-menu .level-1 > .sub-menu-wrap {
display: none;
z-index: 120;
padding: 1.875rem 0;
padding-left: 1.25rem;
position: absolute;
left: 0;
right: 0;
}
.primary-nav-menu .level-1 > .sub-menu-wrap > ul {
float: left;
}
.primary-nav-menu .level-1 .title {
left: 1.25rem;
position: absolute;
margin-right: 2.8125rem;
color: #fff;
font-size: 1.3125rem;
float: left;
z-index: 100;
}
.primary-nav-menu .level-1:hover {
color: var(--site-color-pink);
}
.primary-nav-menu .level-1:hover > a {
color: var(--site-color-pink);
}
.primary-nav-menu .level-1:hover > .sub-menu-wrap {
display: block;
}
.primary-nav-menu .level-2:empty,
.primary-nav-menu .level-3:empty {
display: none;
}
.primary-nav-menu .level-2, .primary-nav-menu .level-2 .level-3 {
color: #dcd0e5;
display: block;
line-height: 1.1;
margin-bottom: 0.625rem;
margin-right: 2.5rem;
font-weight: normal;
max-width: 10.625rem;
}
@media only screen and (min-width: 90.0625em) {
.primary-nav-menu .level-2, .primary-nav-menu .level-2 .level-3 {
max-width: unset;
}
}
.primary-nav-menu .level-2:not(.has-children):first-child {
border-top: 1px solid var(--site-color-text-pink-on-dark);
margin-top: 0.3125rem;
padding-top: 0.3125rem;
}
.primary-nav-menu .level-2:not(.has-children) > a {
position: relative;
}
.primary-nav-menu .level-2:not(.has-children) > a:hover {
font-weight: bold;
color: #fff;
-ms-transform: translateX(0.75rem);
transform: translateX(0.75rem);
}
.primary-nav-menu .level-2:not(.has-children) > a:hover:before {
position: absolute;
left: -0.75rem;
font-family: FontAwesome;
content: '\f054';
display: block;
width: 100%;
font-size: 0.625rem;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.primary-nav-menu .level-2.has-children {
float: left;
}
.primary-nav-menu .level-2.has-children .title {
display: none;
}
.primary-nav-menu .level-2.has-children > a {
display: block;
color: #fff;
cursor: default;
}
.primary-nav-menu .level-2.has-children ul {
float: none;
border-top: 1px solid var(--site-color-text-pink-on-dark);
margin-top: 0.3125rem;
padding-top: 0.3125rem;
width: calc(100% + 15px);
}
.primary-nav-menu .level-3 {
display: block;
}
.primary-nav-menu .level-3 > a {
display: block;
position: relative;
color: #856e90;
}
.primary-nav-menu .level-3 > a:hover {
font-weight: bold;
color: #fff;
-ms-transform: translateX(0.75rem);
transform: translateX(0.75rem);
}
.primary-nav-menu .level-3 > a:hover:before {
position: absolute;
left: -0.75rem;
font-family: FontAwesome;
content: '\f054';
display: block;
width: 100%;
font-size: 0.625rem;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.primary-nav-menu .level-1.active,
.primary-nav-menu .level-2.active,
.primary-nav-menu .level-3.active {
font-weight: bold;
color: #fff;
}
.blur_onhover {
position: absolute;
background-color: rgba(255, 255, 255, 0.6);
width: 100%;
min-height: 31.25rem;
z-index: 50;
display: none;
}
.blur_loader {
position: absolute;
width: 2.25rem;
height: 2.25rem;
top: 6.25rem;
left: 47.5%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--site-color-text-pink-on-dark);
font-size: 2.25rem;
}
.purple-bar {
position: absolute;
background: var(--site-color-purple);
width: 300%;
z-index: -1;
left: -100%;
right: 0;
top: 0;
height: 100%;
}
.event-bar .purple-bar {
background: var(--site-color-purple);
}
.program-block {
position: relative;
overflow: hidden;
cursor: pointer;
margin-top: 1.5625rem;
border-radius: 12px;
background: transparent;
}
.popular .program-block {
margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.popular .program-block {
margin-bottom: 0;
}
}
.program-block:before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 100%;
background-color: var(--site-color-pink);
transition: all 250ms;
opacity: 0;
z-index: 40;
}
.program-block:after {
position: absolute;
top: 60%;
left: 50%;
color: #ffffff;
text-align: center;
font-size: 0.875rem;
line-height: 1.2;
padding: 1.25rem 3.125rem;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: inline-block;
content: attr(data-label);
transition: all 250ms;
opacity: 0;
z-index: 42;
}
@media only screen and (min-width: 40.0625em) {
.program-block:after {
font-size: 1.125rem;
line-height: 1.5rem;
top: 50%;
}
}
.program-block .program-block-subtitle {
transition: height 250ms ease-out;
opacity: 0;
height: 0;
}
.program-block:hover:before {
top: 0;
opacity: 1;
}
.program-block:hover:after {
margin-top: -4.6875rem;
opacity: 1;
}
.program-block:hover .program-block-details {
bottom: 0;
}
.program-block:hover .program-block-title .subtitle {
max-width: calc(100% - 8.125rem);
}
@media only screen and (min-width: 40.0625em) {
.program-block:hover .program-block-title .subtitle {
max-width: 100%;
}
}
.program-block:hover .program-block-title div {
max-width: 100%;
}
.program-block:hover .program-block-image {
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.program-block:hover .program-block-subtitle {
opacity: 1;
height: 2.625rem;
max-width: 100%;
}
.program-block:hover hr {
opacity: 1;
}
.program-block .button {
position: relative;
float: left;
}
.program-block .button.button-wensenlijst {
background: none;
color: var(--site-color-text-pink-on-dark);
border-color: var(--site-color-text-pink-on-dark);
}
.program-block .button.button-wensenlijst.active {
color: #ffffff;
border-color: #ffffff;
}
.program-block .button.button-wensenlijst:hover span {
color: #ffffff;
}
.program-block .button.button-wensenlijst:before {
background: var(--site-color-text-pink-on-dark);
}
.program-block .button.button-wensenlijst:hover {
color: #ffffff;
border-color: var(--site-color-text-pink-on-dark);
background: var(--site-color-text-pink-on-dark);
}
body.page-home .program-block button {
width: 3.125rem !important;
height: 3.125rem !important;
}
body.page-home .program-block button span {
font-size: 0 !important;
}
body.page-home .program-block button span:before {
margin-right: 0 !important;
}
.program-block-image {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
display: block;
position: relative;
background-image: url("/img/no-image-600x600.jpg?v=2");
background-size: cover;
position: relative;
padding-bottom: 85%;
height: 0;
border-radius: 13px;
}
.program-block-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: transparent;
object-fit: cover;
}
.program-block-image:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 18.75rem;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent 70%, transparent 100%);
}
@media only screen and (min-width: 40.0625em) {
.program-block-image {
padding-bottom: 100%;
}
}
.program-block-label {
position: absolute;
right: 12px;
top: 12px;
background: #ffff00;
color: var(--site-color-purple);
line-height: 2.5rem;
padding: 0 0.9375rem;
backface-visibility: hidden;
z-index: 9;
font-size: 0.875rem;
border-radius: 12px;
}
@media only screen and (min-width: 64.0625em) {
.program-block-label {
padding: 0 1.25rem;
font-size: 1rem;
line-height: 3.125rem;
}
}
.program-block-date {
position: absolute;
left: 1.25rem;
top: 0.3125rem;
color: #fff;
z-index: 9;
line-height: 1.125rem;
}
.program-block-date .program-block-day {
display: block;
position: relative;
float: left;
line-height: 1;
font-size: 3.75rem;
font-variant-numeric: tabular-nums;
}
.program-block-date .program-block-day:after {
content: "";
display: block;
width: 42px;
height: 42px;
border: 2px solid;
border-color: var(--site-color-pink) var(--site-color-pink) transparent transparent;
border-radius: 50%;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 6px;
right: -24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.program-block-date .program-block-day:after {
top: 9px;
}
}
.program-block-date .program-block-month {
display: block;
font-weight: bold;
padding-inline: 0.25rem 0.625rem;
}
.program-block-date .program-block-year {
display: none;
}
.program-block-details {
background-color: var(--site-color-purple);
position: absolute;
bottom: 0;
left: 0;
right: 0;
min-height: 6.25rem;
padding: 0.9375rem;
transition: all 250ms;
z-index: 41;
/* experimental */
}
@media only screen and (min-width: 40.0625em) {
.program-block-details {
min-height: 9.6875rem;
bottom: -4.75rem;
}
}
.program-block-details-extra {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.program-block-details-extra {
display: block;
}
}
.program-block-details + div {
position: absolute;
z-index: 41;
right: 15px;
bottom: 15px;
}
.program-block-details + div, .program-block-details + div > div {
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.program-block-details + div a:not(.button):not(:has(button)) {
display: none;
}
.mobile .program-block-details {
bottom: 0;
}
.program-block-title {
color: #fff;
transition: all 250ms;
}
.program-block-title hr {
float: left;
width: 100%;
border: none;
height: 1px;
background-color: var(--site-color-text-pink-on-dark);
opacity: 0;
}
.mobile .program-block-title hr {
opacity: 1;
}
.program-block-title div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.125rem;
}
@media only screen and (min-width: 40.0625em) {
.no-mobile .program-block-title div {
max-width: calc(100% - 4.0625rem);
}
}
.program-block-title div:nth-child(2) {
font-size: 0.875rem;
}
.program-block-title .subtitle {
font-family: "GT Flexa Light", sans-serif;
font-size: 1.0625rem;
max-width: calc(100% - 8.125rem);
}
@media only screen and (min-width: 40.0625em) {
.program-block-title .subtitle {
max-width: 100%;
}
}
.program-block-title .title {
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.program-block-title .title {
margin-bottom: 0;
}
}
.program-block-title .program-block-price, .program-block-title .program-block-subprice, .program-block-title .program-block-location {
font-size: 0.875rem;
}
.program-block-title .program-block-price span, .program-block-title .program-block-subprice span, .program-block-title .program-block-location span {
font-weight: bold;
}
.program-block-price .program-block-genre {
color: inherit;
}
.program-block-price, .program-block-location, .program-block-datetime {
position: absolute;
}
.program-block-price {
bottom: 3.125rem;
display: none;
}
@media only screen and (min-width: 40.0625em) {
.program-block-price {
display: block;
}
}
.program-block-location {
bottom: 1.875rem;
}
.program-block-datetime {
bottom: 0.625rem;
}
.program-block-datetime span {
font-size: 0.875rem;
}
.program-block-price--mobile {
display: block;
bottom: 0;
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.program-block-price--mobile {
display: none;
}
}
.cart-qpark-content .errors:not(:empty) {
margin-bottom: 1.25rem !important;
padding: 0.625rem;
line-height: 1.3;
font-weight: bold;
list-style: none;
color: #ffffff;
background: #dd0000;
border-radius: 0.75rem;
}
.cart-qpark-content .errors:not(:empty) li {
color: #ffffff;
}
.cart-qpark-content .cart-qpark > p {
margin-bottom: 1.25rem;
}
.cart-qpark-content select, .cart-qpark-content input, .cart-qpark-content .selectboxit-container {
width: 100% !important;
margin-bottom: 0 !important;
}
.cart-qpark-content .selectboxit {
border: 2px solid #d9d9d9;
}
.cart-qpark-content .selectboxit:hover:not(:focus) {
background-color: #ffffff;
}
.cart-qpark-content label {
display: inline-block;
width: 100%;
font-weight: bold;
text-transform: none !important;
}
.cart-qpark-content label::first-letter {
text-transform: uppercase !important;
}
.cart-qpark-content span:not(.selectboxit-container):not(.selectboxit-container span) {
display: inline-block;
width: 100%;
margin-top: 0.625rem;
font-size: 0.9em;
line-height: 1.1;
}
.cart-qpark-content .qparkfields > div + div {
margin-top: 1.25rem;
}
.cart-qpark-content button {
float: right;
padding-inline: 1.25rem;
color: #ffffff;
}
[data-hook="qpark-upsale-block"] {
float: left;
width: 100%;
border-top: 0.0625rem solid var(--site-border-color);
}
[data-hook="qpark-upsale-block"] > .button {
margin: 0 !important;
}
[data-hook="cart-total"] .cartarticle-chunk {
text-align: left;
}
.q-park-arrangement {
display: -ms-flexbox;
display: flex;
}
.q-park-arrangement .q-park-image {
max-height: 95px;
}
.q-park-arrangement .q-park-container {
line-height: 1.4;
padding: 0.9375rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.9375rem;
}
.q-park-arrangement .q-park-container .q-park-content-container {
width: fit-content;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.q-park-arrangement .q-park-container .voorstelling {
font-weight: bold;
width: fit-content;
}
.q-park-arrangement .q-park-container .time {
width: fit-content;
}
.q-park-arrangement .q-park-button-container .button {
margin-top: 0;
}
.seatselection {
overflow: hidden;
width: 62.5rem;
max-width: 100%;
}
.seatselection .js_inner_fancybox,
.seatselection .inner-reveal {
display: none;
}
.seatselection .button-primary {
font-size: 0.875rem;
}
.seatselection .button-primary.offscreen {
position: absolute;
left: -10000px;
}
@media only screen and (min-width: 40.0625em) {
.seatselection .button-primary {
font-size: 0.9375rem;
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection .button-primary {
font-size: 1rem;
}
}
.seatselection svg {
border: 0.0625rem solid #c7c7c7;
border-radius: 3px;
}
.seatselection svg .overlay {
fill: none;
pointer-events: all;
}
.seatselection svg circle {
cursor: pointer;
fill: transparent;
}
.seatselection svg circle.rank-1 {
fill: #8681c4;
stroke: #9566b8;
stroke-width: 3px;
}
.seatselection svg circle.rank-2 {
fill: #e28414;
stroke: #e28414;
stroke-width: 3px;
}
.seatselection svg circle.rank-3 {
fill: #fec20a;
stroke: #fec20a;
stroke-width: 3px;
}
.seatselection svg circle.rank-4 {
fill: #dd6bd6;
stroke: #dd6bd6;
stroke-width: 3px;
}
.seatselection svg circle.rank-5 {
fill: #9CD548;
stroke: #9CD548;
stroke-width: 3px;
}
.seatselection svg circle.rank-6 {
fill: #F2BE2C;
stroke: #F2BE2C;
stroke-width: 3px;
}
.seatselection svg circle.rank-7 {
fill: #6476E3;
stroke: #6476E3;
stroke-width: 3px;
}
.seatselection svg circle.rank-8 {
fill: #D35346;
stroke: #D35346;
stroke-width: 3px;
}
.seatselection svg circle.rank-9 {
fill: #ffffff;
stroke: #c04545;
stroke-width: 3px;
}
.seatselection svg circle.rank-10 {
fill: #ffffff;
stroke: #c04545;
stroke-width: 3px;
}
.seatselection svg circle.full {
fill: #bdbdbd;
stroke: #bdbdbd;
stroke-width: 3px;
}
.seatselection svg circle.occupied {
fill: #bdbdbd;
stroke: #bdbdbd;
stroke-width: 3px;
}
.seatselection svg circle.not-available {
fill: #bdbdbd;
stroke: #bdbdbd;
stroke-width: 3px;
}
.seatselection svg circle.selected {
fill: #97ae0c;
stroke: #97ae0c;
stroke-width: 3px;
}
.seatselection svg circle.not-available, .seatselection svg circle.occupied {
pointer-events: none;
}
.seatselection svg circle.disabled:not(.occupied), .seatselection svg circle.disabled:not(.not-available) {
pointer-events: none;
opacity: 0.2;
}
@media only screen and (orientation: landscape) {
.seatselection #seatplan {
float: left;
width: calc(100% - 10.9375rem);
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection #seatplan {
float: left;
width: calc(100% - 13.75rem);
}
}
@media only screen and (min-width: 64.0625em) and (orientation: portrait) {
.seatselection #seatplan {
width: 100%;
}
}
@media only screen and (min-width: 90.0625em) {
.seatselection #seatplan {
width: calc(100% - 18.75rem);
}
}
.seatselection #seatplan svg {
display: block;
}
@media screen and (orientation: portrait) {
.seatselection #seatplan svg {
height: calc(100vh - 13.75rem - 15px);
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection #seatplan svg {
height: calc(100vh - 3.4375rem - 15px);
}
}
@media screen and (min-height: 51.25rem) {
.seatselection #seatplan svg {
height: calc(100vh - 20.625rem - 15px);
}
}
@media only screen and (min-width: 40.0625em) and (min-height: 43.75rem) {
.seatselection #seatplan .svg-holder svg {
min-height: 28.125rem;
}
}
.seatselection #seatplan .app {
position: relative;
}
.seatselection #seatplan #modal_seat_selection {
font-size: 0.875rem;
line-height: 1.2;
}
.seatselection #seatplan #preview {
display: none;
border: 1px solid #c7c7c7;
position: relative;
border-radius: 3px;
overflow: hidden;
height: 15.9375rem;
margin-top: 0.9375rem;
}
.touch .seatselection #seatplan #preview {
display: none;
}
@media only screen and (min-width: 90.0625em) and (min-height: 51.25rem) {
.seatselection #seatplan #preview {
padding: 0.625rem;
padding-bottom: 2.0625rem;
display: block;
}
}
.seatselection #seatplan #preview .current-rank {
display: inline-block;
border-radius: 50%;
width: 0.625rem;
height: 0.625rem;
margin-left: 0.25rem;
}
.seatselection #seatplan #preview .current-rank.rank-1 {
background-color: #8681c4;
border: 4px solid #9566b8;
}
.seatselection #seatplan #preview .current-rank.rank-2 {
background-color: #e28414;
border: 4px solid #e28414;
}
.seatselection #seatplan #preview .current-rank.rank-3 {
background-color: #fec20a;
border: 4px solid #fec20a;
}
.seatselection #seatplan #preview .current-rank.rank-4 {
background-color: #dd6bd6;
border: 4px solid #dd6bd6;
}
.seatselection #seatplan #preview .current-rank.rank-5 {
background-color: #9CD548;
border: 4px solid #9CD548;
}
.seatselection #seatplan #preview .current-rank.rank-6 {
background-color: #F2BE2C;
border: 4px solid #F2BE2C;
}
.seatselection #seatplan #preview .current-rank.rank-7 {
background-color: #6476E3;
border: 4px solid #6476E3;
}
.seatselection #seatplan #preview .current-rank.rank-8 {
background-color: #D35346;
border: 4px solid #D35346;
}
.seatselection #seatplan #preview .current-rank.rank-9 {
background-color: #ffffff;
border: 4px solid #c04545;
}
.seatselection #seatplan #preview .current-rank.rank-10 {
background-color: #ffffff;
border: 4px solid #c04545;
}
.seatselection #seatplan #preview .current-rank.full {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #seatplan #preview .current-rank.occupied {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #seatplan #preview .current-rank.not-available {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #seatplan #preview .current-rank.selected {
background-color: #97ae0c;
border: 4px solid #97ae0c;
}
.seatselection #seatplan #preview .placement {
font-size: 0.8125rem;
position: absolute;
bottom: 0;
white-space: nowrap;
}
.seatselection #seatplan #preview .preview-info {
clear: both;
}
.seatselection #seatplan #preview .no-preview {
position: absolute;
background-color: #eee;
border-radius: 3px;
padding: 0.25rem 0.625rem;
}
.seatselection #seatplan #preview .preview-mask {
position: relative;
height: 9.6875rem;
width: 100%;
max-width: 15.625rem;
overflow: hidden;
float: left;
margin-right: 0.625rem;
background: #eee;
}
.seatselection #seatplan #preview .preview-mask img {
position: absolute;
z-index: 999;
width: 100%;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.seatselection #seatplan #preview .preview-mask img[src=""] {
display: none;
}
.seatselection aside {
float: left;
display: block !important;
}
@media only screen and (orientation: landscape) {
.seatselection aside {
padding-left: 0.625rem;
width: 10.9375rem;
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection aside {
padding-left: 0.9375rem;
float: left;
width: 13.75rem;
}
}
@media only screen and (min-width: 64.0625em) and (orientation: portrait) {
.seatselection aside {
padding-left: 0;
width: 100%;
}
}
@media only screen and (min-width: 90.0625em) {
.seatselection aside {
padding-left: 0.9375rem;
width: 18.75rem;
}
}
.seatselection .info {
padding: 0 0 0.625rem;
line-height: 1.375rem;
background-color: #f4f2f6;
font-size: 0.8125rem;
background: transparent;
max-width: calc(100% - 2.5rem);
}
.seatselection .info .explanation {
font-weight: normal;
display: block;
font-size: 0.8125rem;
color: #000;
}
@media only screen and (min-width: 40.0625em) {
.seatselection .info {
font-size: 0.9375rem;
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection .info {
font-size: 1.0625rem;
}
}
.seatselection .message {
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 25px;
width: 90%;
margin: 0;
padding: 7px 15px;
border: none;
font-style: italic;
font-size: 15px;
color: white;
background-color: #008CBA;
z-index: 20;
display: none;
text-align: center;
font-weight: normal;
}
.seatselection .message.active {
display: block;
}
.seatselection #map-explanation {
float: left;
display: block;
background-color: #eee;
overflow: hidden;
font-size: 0.75rem;
border-radius: 3px;
clear: both;
line-height: 1.5;
padding: 0.9375rem;
margin: 0.9375rem 0;
}
.seatselection #map-explanation > p {
margin-top: 0;
}
.seatselection #map-explanation img {
width: 100%;
min-width: 30px;
max-width: 50px;
float: left;
margin-right: 0.9375rem;
}
.seatselection #map-explanation .touch-hide {
display: block;
}
.touch .seatselection #map-explanation .touch-hide {
display: none;
}
.seatselection #map-explanation .touch-show {
display: none;
}
.touch .seatselection #map-explanation .touch-show {
display: block;
}
@media only screen and (min-width: 64.0625em) {
.seatselection #confirm {
float: left;
max-width: 17.8125rem;
}
}
@media only screen and (min-width: 40.0625em) {
.seatselection #confirm .button {
width: auto;
font-size: 0.8125rem;
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection #confirm .button {
width: 100%;
font-size: 0.8125rem;
}
}
.seatselection #legend {
float: left;
width: 100%;
margin-bottom: 0.9375rem;
}
.seatselection #legend .title {
margin-bottom: 0.625rem;
}
.seatselection #legend ul {
list-style: none;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 90.0625em) {
.seatselection #legend {
margin-top: 0;
max-width: 17.8125rem;
}
}
.seatselection #legend .rank {
line-height: 0.5625rem;
position: relative;
margin: 0 0.25rem 0.625rem 0;
padding: 0 0 0 1rem;
float: left;
font-size: 0.6875rem;
border-radius: 16px;
}
@media only screen and (min-width: 40.0625em) {
.seatselection #legend .rank {
border: 1px solid #ccc;
font-size: 0.75rem;
line-height: 1rem;
margin: 0 0.25rem 0.375rem 0;
padding: 0.25rem 0.375rem 0.25rem 1.5625rem;
}
}
@media only screen and (min-width: 64.0625em) {
.seatselection #legend .rank {
font-size: 0.8125rem;
}
}
.seatselection #legend .rank:before {
position: absolute;
left: 4px;
display: block;
width: 0.5625rem;
height: 0.5625rem;
content: '';
border-radius: 50%;
border-style: solid;
}
@media only screen and (min-width: 40.0625em) {
.seatselection #legend .rank:before {
width: 1rem;
height: 1rem;
}
}
.seatselection #legend .rank.rank-1:before {
background-color: #8681c4;
border: 4px solid #9566b8;
}
.seatselection #legend .rank.rank-2:before {
background-color: #e28414;
border: 4px solid #e28414;
}
.seatselection #legend .rank.rank-3:before {
background-color: #fec20a;
border: 4px solid #fec20a;
}
.seatselection #legend .rank.rank-4:before {
background-color: #dd6bd6;
border: 4px solid #dd6bd6;
}
.seatselection #legend .rank.rank-5:before {
background-color: #9CD548;
border: 4px solid #9CD548;
}
.seatselection #legend .rank.rank-6:before {
background-color: #F2BE2C;
border: 4px solid #F2BE2C;
}
.seatselection #legend .rank.rank-7:before {
background-color: #6476E3;
border: 4px solid #6476E3;
}
.seatselection #legend .rank.rank-8:before {
background-color: #D35346;
border: 4px solid #D35346;
}
.seatselection #legend .rank.rank-9:before {
background-color: #ffffff;
border: 4px solid #c04545;
}
.seatselection #legend .rank.rank-10:before {
background-color: #ffffff;
border: 4px solid #c04545;
}
.seatselection #legend .rank.full:before {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #legend .rank.occupied:before {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #legend .rank.not-available:before {
background-color: #bdbdbd;
border: 4px solid #bdbdbd;
}
.seatselection #legend .rank.selected:before {
background-color: #97ae0c;
border: 4px solid #97ae0c;
}
.series-header-block {
color: #fff;
margin-top: 1.25rem;
}
.series-header-block aside {
padding: 0 1.25rem 1.25rem;
background: var(--site-color-purple);
max-width: 100%;
}
@media only screen and (min-width: 64.0625em) {
.series-header-block aside {
border-radius: 12px 0 0 12px;
}
}
.series-header-block aside button {
position: absolute;
bottom: 0.9375rem;
}
.series-header-block aside .title {
display: inline-block;
font-size: 2.1875rem;
line-height: 1.2;
margin-top: 1.0625rem;
}
.series-header-block aside .title + p {
margin-top: 0.8125rem;
font-size: 0.9375rem;
}
.series-header-block aside p a {
color: #ffffff;
}
.series-header-block aside p a:hover {
text-decoration: none;
}
.series-header-block .series-header-img {
background-color: var(--site-color-text-pink-on-dark);
background-size: cover;
background-position: center center;
min-height: 22.5rem;
}
@media only screen and (min-width: 64.0625em) {
.series-header-block .series-header-img {
border-radius: 0 12px 12px 0;
}
}
.show-navigate {
display: none;
z-index: 30;
width: 6.25rem;
height: 6.25rem;
margin-top: 0.3125rem;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .5;
transition: all 250ms;
cursor: pointer;
}
@media only screen and (min-width: 40.0625em) {
.show-navigate[data-url^="/"] {
display: block;
}
}
.show-navigate.show-prev:hover {
opacity: 1;
}
.show-navigate.show-prev:hover .info {
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.show-navigate.show-next:hover {
opacity: 1;
}
.show-navigate.show-next:hover .info {
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.show-navigate .image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 25;
background: var(--site-color-purple);
}
.show-navigate .image:before {
width: 100%;
height: 100%;
display: block;
content: '';
background: var(--site-color-purple);
opacity: .71;
}
.show-navigate .image:after {
display: block;
font-family: FontAwesome;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.show-navigate .info {
background-color: var(--site-color-text-pink-on-dark);
position: absolute;
height: 100%;
color: #fff;
font-size: 0.875rem;
padding: 0 1.25rem;
z-index: 22;
transition: all 250ms;
}
.show-navigate .info span {
white-space: nowrap;
}
.show-navigate .info span.title {
display: inline-block;
margin-top: 0.875rem;
font-size: 1.125rem;
}
.show-navigate.show-prev {
left: 0;
border-radius: 0 12px 12px 0;
overflow: hidden;
}
.show-navigate.show-prev:hover {
overflow: visible;
}
.show-navigate.show-prev .info {
right: 0;
border-radius: 0 12px 12px 0;
}
.show-navigate.show-prev .image:after {
content: '\f060';
}
.show-navigate.show-next {
right: 0;
border-radius: 12px 0 0 12px;
overflow: hidden;
}
.show-navigate.show-next:hover {
overflow: visible;
}
.show-navigate.show-next .info {
left: 0;
border-radius: 12px 0 0 12px;
}
.show-navigate.show-next .image:after {
content: '\f061';
}
#splashPopup {
border-radius: 10px;
display: block;
}
#splashPopup > div {
padding: 1.5625rem 0;
}
#splashPopup h1, #splashPopup h2 {
margin-left: 0;
margin-top: 0;
}
#splashPopup h1 {
font-size: 2.1875rem;
line-height: 2.5rem;
margin-bottom: 0.625rem;
color: #ffffff;
}
#splashPopup hr {
margin: 1.5625rem 0;
}
#splashPopup ul {
margin: 0 0 0.9375rem;
padding: 0;
}
#splashPopup li {
list-style: none;
position: relative;
padding-left: 1.25rem;
}
#splashPopup li:before {
font-family: FontAwesome;
font-size: 0.9375rem;
margin-right: 0.625rem;
color: var(--site-color-pink);
content: '\f00c';
position: absolute;
left: 0;
top: 0.125rem;
}
#splashPopup .save-the-date {
background-color: var(--site-color-purple);
color: #ffffff;
border-radius: 0px 10px 10px 0px;
}
#splashPopup .save-the-date h1 {
margin-bottom: 1.875rem;
}
#splashPopup .block {
padding: 1.25rem;
position: relative;
margin-top: 0;
border-top: 1px solid var(--site-color-pink);
}
#splashPopup .block h1, #splashPopup .block h2, #splashPopup .block h3, #splashPopup .block .filter-title {
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
}
#splashPopup .block h3, #splashPopup .block .filter-title {
color: #ffffff;
}
#splashPopup .highlighted {
background-color: var(--site-color-pink);
}
#splashPopup .container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#splashPopup .container .form.snippet-form .bestel.show_btn {
border-radius: 9999px;
border: 0px;
}
#splashPopup .season-buttons button {
width: 49%;
display: block;
font-size: 1.125rem;
padding: 0.625rem 0;
line-height: 1.25rem;
}
#splashPopup .season-buttons button:first-child {
float: left;
}
#splashPopup .season-buttons button:last-child {
float: right;
}
#splashPopup .season-buttons button:hover::before {
-ms-transform: scaleY(61);
transform: scaleY(61);
}
@media only screen and (min-width: 40.0625em) {
#splashPopup {
display: -ms-flexbox;
display: flex;
}
#splashPopup hr {
margin: 2.1875rem 0;
}
}
.page-home .fancybox-opened {
position: absolute !important;
}
.page-home .fancybox-inner {
height: auto !important;
}
.theatre-tout .theatre-tout-date {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout .theatre-tout-date {
display: block;
position: absolute;
left: 1.25rem;
bottom: 1.25rem;
z-index: 9;
}
}
.theatre-tout .tf-widget {
position: absolute;
right: 1.25rem;
top: 1.875rem;
max-width: 5.625rem !important;
z-index: 9;
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout .tf-widget {
right: unset;
top: unset;
left: 7.8125rem;
bottom: 1.25rem;
}
}
.theatre-tout aside {
padding: 1.25rem;
overflow: hidden;
height: 100%;
background-color: var(--site-color-purple);
border-radius: 0 0 12px 12px;
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout aside {
min-height: 32.5rem;
border-radius: 0 12px 12px 0;
}
}
.theatre-tout aside .button-holder {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: var(--site-color-purple-90);
z-index: 500;
}
.theatre-tout aside .button-holder button, .theatre-tout aside .button-holder a.show_btn {
margin: 0.625rem;
width: calc(100% - 1.25rem);
line-height: 2.5rem;
}
@media only screen and (max-width: 40em) {
.theatre-tout aside .button-holder button, .theatre-tout aside .button-holder a.show_btn {
text-align: left;
width: calc(100% - 7.5rem);
min-width: 12.1875rem;
}
.theatre-tout aside .button-holder button > span, .theatre-tout aside .button-holder a.show_btn > span {
margin: 0 0.9375rem;
}
}
@media only screen and (max-width: 40em) {
.theatre-tout aside .button-holder.stream-full button.bestel .icon-cart, .theatre-tout aside .button-holder.stream-full button.uitverkocht .icon-cart, .theatre-tout aside .button-holder.ticket-full button.bestel .icon-cart, .theatre-tout aside .button-holder.ticket-full button.uitverkocht .icon-cart {
font-size: 0px;
line-height: 0px;
}
.theatre-tout aside .button-holder.stream-full button.bestel .icon-cart:after, .theatre-tout aside .button-holder.stream-full button.uitverkocht .icon-cart:after, .theatre-tout aside .button-holder.ticket-full button.bestel .icon-cart:after, .theatre-tout aside .button-holder.ticket-full button.uitverkocht .icon-cart:after {
display: inline;
}
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout aside .button-holder {
position: inherit;
padding: 0;
background: none;
min-height: 4.0625rem;
}
.theatre-tout aside .button-holder:empty {
display: none;
}
.theatre-tout aside .button-holder button, .theatre-tout aside .button-holder a.show_btn {
margin: 0.9375rem 0 0 0;
width: 100%;
line-height: 2.875rem;
}
}
.theatre-tout .tout-social {
position: absolute;
bottom: 1.25rem;
right: 1.25rem;
margin: 0;
padding: 0;
text-align: right;
z-index: 9;
}
.theatre-tout .tout-social .button {
float: left;
margin-left: 0.5rem;
border: 2px solid #ffffff;
}
.theatre-tout .tout-social .button.hover {
background: #ffffff;
}
.no-mobile .theatre-tout .tout-social .button.wa {
display: none;
}
.theatre-tout h3, .theatre-tout .filter-title {
max-height: 4.375rem;
}
.theatre-tout .subtitle {
font-size: 1.125rem;
color: var(--site-color-text-pink-on-dark);
margin-top: 0;
display: block;
}
.theatre-tout .genres {
border-top: 1px solid #6f329c;
border-bottom: 1px solid #6f329c;
color: var(--site-color-text-pink-on-dark);
position: relative;
padding: 0.9375rem 0;
margin-top: 0.9375rem;
display: block;
}
.theatre-tout .genres span {
display: block;
}
.theatre-tout .genres img {
position: absolute;
margin-left: 0.625rem;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 1.5625rem;
margin-top: 0.1875rem;
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout .genres img {
right: 0;
}
}
.theatre-tout .info {
margin-top: 0.9375rem;
color: #fff;
}
.theatre-tout .info time span {
display: block;
}
.theatre-tout .info a {
float: right;
text-decoration: underline;
margin-top: -1.625rem;
font-size: 0.75rem;
color: var(--site-color-text-pink-on-dark);
}
.theatre-tout .info a:hover {
color: #ffffff;
}
.theatre-tout .prices {
border-top: 1px solid #6f329c;
margin-top: 0.9375rem;
padding-top: 0.9375rem;
position: relative;
}
.theatre-tout .prices .mainprice {
color: #ffffff;
}
.theatre-tout .prices .mainprice.duo > div {
display: inline-block;
position: relative;
width: 49%;
}
.theatre-tout .prices .mainprice.duo > div a.revealtip {
top: 0;
}
.theatre-tout .prices .mainprice.duo > div.zaal {
padding-right: 0.625rem;
}
.theatre-tout .prices .mainprice.duo > div.zaal a.revealtip {
right: 0.625rem;
}
.theatre-tout .prices .mainprice.duo > div.stream {
padding-left: 0.625rem;
}
.theatre-tout .prices .mainprice.duo > div.stream:before {
content: '';
border-left: 1px solid #6f329c;
position: absolute;
left: -0.125rem;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout .prices .mainprice.duo > div.stream:before {
bottom: -3rem;
}
}
.theatre-tout .prices .mainprice span {
display: block;
line-height: 1.1;
font-size: 1.875rem;
}
.theatre-tout .prices .mainprice em {
display: block;
font-style: normal;
color: var(--site-color-text-pink-on-dark);
line-height: 1;
margin-bottom: 0.625rem;
}
.theatre-tout .prices .mainprice a:not(.revealtip) {
float: right;
text-decoration: underline;
margin-top: -1.25rem;
font-size: 0.75rem;
color: var(--site-color-text-pink-on-dark);
}
.theatre-tout .prices .mainprice a:not(.revealtip):hover {
color: #ffffff;
}
.theatre-tout .prices .mainprice a.revealtip {
display: inline-block;
position: absolute;
right: 0;
top: 0.9375rem;
width: 1.25rem;
height: 1.25rem;
margin-bottom: -0.3125rem;
background: #ffffff;
font-size: 0.75rem;
color: var(--site-color-purple);
border-radius: 50%;
transition: all ease .3s;
}
.theatre-tout .prices .mainprice a.revealtip:after {
font-family: FontAwesome;
content: '\f129';
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.theatre-tout .prices .mainprice a.revealtip:hover {
background: var(--site-color-pink);
color: #ffffff;
border-color: var(--site-color-pink);
}
.theatre-tout .timer-container {
margin-top: 0.9375rem;
border-top: 1px solid #6f329c;
border-bottom: 1px solid #6f329c;
}
.theatre-tout .timer-container:not(.hide) + .button-holder {
display: none;
}
.theatre-tout .timer-title {
color: #ffffff;
text-align: left;
margin-top: 0.625rem;
}
.theatre-tout .timer {
font-size: 1.5625rem;
display: -ms-flexbox;
display: flex;
font-weight: 100;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
color: #ffffff;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 64.0625em) {
.theatre-tout .timer {
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
.theatre-tout .timer .time-block:first-child .number-timer {
margin-left: 0;
}
.theatre-tout .timer .time-block .number-timer {
display: block;
min-width: 3.125rem;
max-width: 4.375rem;
margin: 0.3125rem;
text-align: center;
height: 3.125rem;
padding: 0.625rem;
background: #b9a1cb;
border-radius: 0.3125rem;
}
.theatre-tout .timer .time-block .text-timer {
display: block;
font-size: 0.9375rem;
font-weight: 400;
text-align: center;
}
@media only screen and (max-width: 40em) {
.theatre-tout .duo-buttons .zaal .button-holder {
bottom: 3.4375rem;
}
}
@media only screen and (min-width: 40.0625em) {
.theatre-tout .duo-buttons > div {
display: inline-block;
width: 49%;
}
.theatre-tout .duo-buttons > div .button-holder {
min-height: 1.75rem;
}
.theatre-tout .duo-buttons > div button {
line-height: 1.75rem;
}
.theatre-tout .duo-buttons > div button:not(.bestel) span:before {
display: none !important;
}
.theatre-tout .duo-buttons > div.zaal {
padding-right: 0.625rem;
}
.theatre-tout .duo-buttons > div.stream {
padding-left: 0.625rem;
}
}
.theatre-tout .usps {
background-color: rgba(255, 255, 255, 0.15);
padding: 1.25rem;
margin-top: 1.25rem;
border-radius: 12px;
}
.theatre-tout .usps ul {
margin: 0;
padding: 0;
list-style: none;
}
.theatre-tout .usps ul li {
color: #ffffff;
line-height: 1.1;
padding-left: 1.875rem;
position: relative;
}
.theatre-tout .usps ul li:before {
font-family: FontAwesome;
content: '\f00c';
color: var(--site-color-pink);
font-size: 1rem;
position: absolute;
left: 0;
top: 0;
}
.theatre-tout .usps ul li:not(:first-child) {
margin-top: 0.625rem;
}
.allprices {
float: left;
background-color: var(--site-color-purple);
padding: 1.25rem;
}
.allprices table {
float: left;
width: 100%;
}
.allprices tbody {
color: #fff;
}
.allprices tbody td {
white-space: nowrap;
}
.allprices tbody td:first-child {
padding-right: 1.25rem;
}
.timeline {
margin-top: 1.25rem;
}
.timeline__milestone {
padding-bottom: 1.875rem;
padding-left: 1.5625rem;
position: relative;
}
.timeline__milestone:last-child {
padding-bottom: 0;
}
.timeline__milestone:before {
position: absolute;
left: 0.5rem;
top: 0.1875rem;
display: block;
content: '';
width: 0.125rem;
background: #ebe8e8;
height: 100%;
}
.timeline__year {
font-weight: bold;
position: relative;
}
.timeline__year:before {
position: absolute;
display: block;
left: -1.5625rem;
top: 0.1875rem;
width: 1.125rem;
height: 1.125rem;
content: '';
background: #fff;
border: 2px solid #ebe8e8;
border-radius: 50%;
}
.timeline__year:after {
left: -1.1875rem;
top: 0.5625rem;
position: absolute;
width: 0.375rem;
height: 0.375rem;
display: block;
content: '';
background: var(--site-color-purple);
border-radius: 50%;
}
.top-bar {
background-color: var(--site-color-purple);
line-height: 1.5;
}
.top-bar .row-large-width {
max-width: 74.25rem;
}
.top-bar .row.show-for-large-up.text-center {
background-color: var(--site-color-purple);
margin-bottom: 0.9375rem;
position: relative;
}
.top-bar .row.show-for-large-up.text-center:before {
content: '';
display: block;
position: absolute;
left: -62.5rem;
right: -62.5rem;
top: 0;
bottom: 0;
background-color: var(--site-color-purple);
border-bottom: 0.0625rem solid #2f083b;
}
.top-bar .usp-bar {
padding: 0.5rem 0;
text-align: center;
color: var(--site-color-text-pink-on-dark);
font-size: 0.875rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
.top-bar .usp-bar .check-icon {
margin-right: 0.3125rem;
}
.top-bar .usp-bar .check-icon::before {
font-family: FontAwesome;
content: '\f00c';
}
.top-bar .top-bar-image {
display: block;
max-width: 7.5rem;
margin-inline: auto;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-image {
max-width: 9.375rem;
}
}
.top-bar .top-bar-logo {
display: block;
margin: 0.625rem auto;
width: 100%;
height: auto;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-logo {
margin: 0 0 0.9375rem;
}
}
.top-bar .top-bar-menu {
float: right;
font-size: 0.625rem;
margin-top: 0.25rem;
margin-left: -2rem;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu {
margin-top: -0.5rem;
}
}
.top-bar .top-bar-menu .nav-item {
display: inline-block;
float: left;
text-align: center;
margin-left: 0.5rem;
}
.top-bar .top-bar-menu .nav-item:first-of-type {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.top-bar .top-bar-menu .nav-item {
margin-left: 0.9375rem;
}
.top-bar .top-bar-menu .nav-item:first-of-type {
display: block;
}
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu .nav-item {
margin-left: 0;
width: 4.375rem;
}
}
.top-bar .top-bar-menu .nav-item a {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
color: var(--site-color-text-pink-on-dark);
float: left;
position: relative;
}
.top-bar .top-bar-menu .nav-item a:hover {
color: var(--site-color-pink);
}
.top-bar .top-bar-menu .nav-item a::before {
font-family: FontAwesome;
font-size: 1.5625rem;
margin-top: 0.3125rem;
display: block;
}
@media only screen and (min-width: 40.0625em) {
.top-bar .top-bar-menu .nav-item a::before {
font-size: 2rem;
margin-top: 0;
}
}
.top-bar .top-bar-menu .nav-item a span {
display: none;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu .nav-item a span {
display: inline;
}
}
.top-bar .top-bar-menu .nav-item.nav-item-wensenlijst a::before {
content: '\f004';
font-weight: 300;
font-family: "Font Awesome 5 Light";
}
.top-bar .top-bar-menu .nav-item span.amount {
font-size: 0.75rem;
display: block;
position: relative;
margin: -3.125rem -2.125rem 0 0;
left: -1.5625rem;
top: 0.625rem;
padding: 0.125rem;
background: var(--site-color-pink);
color: #fff;
height: 1.0625rem;
width: 1.0625rem;
border-radius: 50%;
float: right;
text-align: center;
line-height: 1.2;
opacity: 1;
font-weight: bold;
}
.top-bar .top-bar-menu .nav-item span.amount:empty {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.top-bar .top-bar-menu .nav-item span.amount {
line-height: 1.5;
width: 1.25rem;
height: 1.25rem;
left: -1.5rem;
top: 0;
font-size: 0.75rem;
display: block;
position: relative;
margin: -3.125rem -2.125rem 0 0;
font-weight: bold;
}
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu .nav-item span.amount {
left: -1.6875rem;
top: 0;
}
}
.top-bar .top-bar-menu .nav-item.nav-item-contact a::before {
font-family: "Font Awesome 5 Light";
content: '\f059';
}
.top-bar .top-bar-menu .nav-item.nav-item-login {
display: inline-block;
}
.top-bar .top-bar-menu .nav-item.nav-item-login a::before {
font-family: "Font Awesome 5 Light";
content: '\f007';
}
body.user_loggedin .top-bar .top-bar-menu .nav-item.nav-item-login {
display: none;
}
.top-bar .top-bar-menu .nav-item.nav-item-account {
display: none;
}
.top-bar .top-bar-menu .nav-item.nav-item-account a::before {
content: '\f2c0';
}
.top-bar .top-bar-menu .nav-item.nav-item-account a::after {
font-family: FontAwesome;
content: '\f00c';
position: absolute;
right: -0.625rem;
top: 0.125rem;
display: block;
width: 1rem;
height: 1rem;
font-size: 0.625rem;
line-height: 1.1;
text-align: center;
border-radius: 50%;
background-color: var(--site-color-pink);
color: #fff;
padding-top: 0.125rem;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu .nav-item.nav-item-account a::after {
right: -0.5625rem;
top: 0.0625rem;
width: 1.25rem;
height: 1.25rem;
padding-top: 0.3125rem;
}
}
body.user_loggedin .top-bar .top-bar-menu .nav-item.nav-item-account {
display: inline-block;
}
.top-bar .top-bar-menu .nav-item.nav-item-cart a[data-count="0"]::after {
display: none;
}
.top-bar .top-bar-menu .nav-item.nav-item-cart a::before {
font-family: "Font Awesome 5 Light";
content: '\f290';
}
.top-bar .top-bar-menu .nav-item.nav-item-cart a::after {
content: attr(data-count);
position: absolute;
right: -0.625rem;
top: 0.125rem;
display: block;
width: 1rem;
height: 1rem;
font-size: 0.75rem;
line-height: 1.1;
padding-top: 0.0625rem;
text-align: center;
border-radius: 50%;
background-color: var(--site-color-pink);
color: #fff;
font-weight: bold;
}
@media only screen and (min-width: 64.0625em) {
.top-bar .top-bar-menu .nav-item.nav-item-cart a::after {
right: -0.125rem;
top: 0.0625rem;
width: 1.25rem;
height: 1.25rem;
padding-top: 0.1875rem;
}
}
.top-bar .primary-nav-search {
position: relative;
margin-bottom: 0.625rem;
}
.top-bar .primary-nav-search input[type="text"] {
border-width: 0;
background: #2f0641;
color: #856e90;
height: 3.125rem;
border-radius: 3.125rem;
width: 100%;
line-height: 1.3;
}
.top-bar .primary-nav-search input[type="text"]:-ms-input-placeholder {
font-size: 0.75rem;
color: #856e90;
}
.top-bar .primary-nav-search input[type="text"]::placeholder {
font-size: 0.75rem;
color: #856e90;
}
@media only screen and (min-width: 40.0625em) {
.top-bar .primary-nav-search input[type="text"]:-ms-input-placeholder {
font-size: 1rem;
}
.top-bar .primary-nav-search input[type="text"]::placeholder {
font-size: 1rem;
}
}
.top-bar .primary-nav-search button[type="submit"] {
position: absolute;
top: 0;
right: 0;
border: none;
background: transparent !important;
}
.top-bar .primary-nav-search button[type="submit"]::before {
color: #856e90;
font-family: FontAwesome;
content: '\f002';
font-size: 1.375rem;
}
.top-bar .primary-nav-search #ajaxSearch {
width: 100%;
transition: opacity .2s;
pointer-events: none;
}
.top-bar .primary-nav-search a.btn {
display: none;
}
.top-bar .primary-nav-search #ajaxSearch {
opacity: 1;
pointer-events: auto;
overflow: hidden;
left: 0;
right: 0;
width: auto;
background: var(--site-color-text-pink-on-dark);
border-radius: 12px;
margin-top: 0.5rem;
}
.top-bar .primary-nav-search #ajaxSearch .ajaxSearch_close {
color: inherit;
}
.top-bar .primary-nav-search #ajaxSearch .ajaxSearch_body ul li {
width: 100%;
}
.top-bar .primary-nav-search #ajaxSearch .ajaxSearch_body ul li a {
color: #fff;
padding: 0;
line-height: 1.25rem;
}
.top-bar .primary-nav-search #ajaxSearch .ajaxSearch_body ul li a:hover {
color: var(--site-color-pink);
}
.top-bar-social {
font-size: 1rem;
position: relative;
display: none;
margin: 0 0.625rem;
padding: 0 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.top-bar-social {
display: inline-block;
}
}
.top-bar-social li {
display: inline-block;
margin: 0 0.375rem;
}
.top-bar-social li:first-child {
margin-left: 0.9375rem;
}
.top-bar-social li:last-child {
margin-right: 0.9375rem;
}
.top-bar-social li .fa {
font-size: 1.125rem;
color: #999997;
}
.top-bar-social li .fa:before {
transition: color 250ms;
}
.top-bar-social li:hover .fa:before {
color: var(--site-color-purple);
}
.top-bar-social:before, .top-bar-social:after {
position: absolute;
display: block;
content: '';
top: 0;
background: #999997;
width: 1px;
height: 1.5625rem;
-ms-transform: skewX(332.5deg);
transform: skewX(332.5deg);
}
.top-bar-social:after {
right: 0;
}
.top-bar .breadcrumbs {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.top-bar .breadcrumbs {
display: block;
}
}
.tour-block {
outline: none;
position: relative;
padding-bottom: 3.125rem;
cursor: pointer;
float: left;
margin: 0 0.625rem;
border-radius: 12px;
overflow: hidden;
}
.tour-block:nth-child(odd) {
background: var(--site-color-purple);
}
.tour-block:nth-child(even) {
background: var(--site-color-text-pink-on-dark);
}
.tour-block .content {
overflow: hidden;
padding: 1.25rem;
}
.tour-block .tour-block-image {
background-size: cover;
background-position: center center;
min-height: 16.875rem;
}
.tour-block .button-wrap {
position: absolute;
bottom: 1.25rem;
padding: 0 1.25rem;
left: 0;
width: 100%;
}
.tour-block .title {
display: block;
color: #fff;
font-size: 1.375rem;
line-height: 1.2;
margin-bottom: 0.625rem;
}
.tour-block button {
float: right;
}
.tour-block .icon {
float: left;
width: 1.875rem;
height: 1.875rem;
background: #fff;
}
div:not(.promotion-title):not(.block-404) > h1:not(.events-title) {
display: inline-block;
margin: 0;
padding: 0;
margin-left: 1.25rem;
font-size: 1.3125rem;
font-weight: normal;
}
.h1--light,
.h2--light {
color: black;
}
@media only screen and (min-width: 64.0625em) {
.h1--light,
.h2--light {
color: #fff;
}
}
@media only screen and (min-width: 64.0625em) {
.h1--light {
display: none !important;
}
}
h2,
.h2 {
display: inline-block;
margin: 0;
padding: 0;
margin-top: 2.5rem;
margin-bottom: 0.625rem;
margin-left: 1.25rem;
font-size: 1.3125rem;
font-weight: normal;
}
h3, .filter-title,
.h3 {
font-size: 1.375rem;
line-height: 1.3;
margin: 0;
padding: 0;
margin-bottom: 0.625rem;
font-weight: normal;
}
h4 {
font-weight: normal;
line-height: 1.3;
font-size: 1.25rem;
margin: 1.25rem 0;
padding: 0;
}
h5 {
font-size: 0.875rem;
font-weight: normal;
color: #191919;
margin: 1.5625rem 0 1.25rem;
padding: 0;
}
h1, h2, h3, .filter-title, h4, h5 {
color: var(--site-color-purple);
}
ins {
text-decoration: none;
}
a {
transition: border-color linear .3s;
}
p {
margin: 0;
padding: 0;
}
p + p,
p + ul {
margin-top: 1.25rem;
}
p a:not([class]) {
font-weight: bold;
color: var(--site-color-purple);
text-decoration: none;
border-bottom: 1px solid #dcd0e5;
}
p a:not([class]):hover {
border-bottom-color: var(--site-color-purple);
}
.venue-block {
position: relative;
overflow: hidden;
margin-top: 1.5625rem;
}
.venue-block:before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 100%;
background-color: var(--site-color-pink-60);
backdrop-filter: blur(0.25rem);
transition: all 250ms;
opacity: 0;
}
.venue-block[data-has-url] {
cursor: pointer;
}
.venue-block[data-has-url]:after {
border-radius: 9999px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
line-height: 2.875rem;
padding: 0 2.5rem;
border: 2px solid #fff;
-ms-transform: translate(-50%, calc(50% - 5.3125rem));
transform: translate(-50%, calc(50% - 5.3125rem));
margin-top: 1.25rem;
display: inline-block;
content: attr(data-label);
transition: all 250ms;
opacity: 0;
}
.venue-block:hover:before {
top: 0;
opacity: 1;
}
.venue-block:hover:after {
margin-top: 0;
opacity: 1;
}
.venue-block:hover hr {
opacity: 1;
}
.venue-block .button {
position: absolute;
bottom: 0.9375rem;
right: 0.9375rem;
font-weight: 700;
}
.venue-block-details {
background-color: var(--site-color-purple);
position: absolute;
bottom: -2.6875rem;
left: 0;
right: 0;
padding: 0.9375rem;
transition: all 250ms;
height: 7.5rem;
}
.venue-block-title {
float: left;
max-width: calc(100% - 6.875rem);
color: #fff;
transition: all 250ms;
}
.venue-block-title hr {
display: block;
width: 100%;
border: none;
height: 1px;
background-color: var(--site-color-purple);
opacity: 0;
}
.venue-block-title div:nth-child(1) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.125rem;
}
.venue-block-title div:nth-child(4) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.venue-tout {
overflow: visible;
}
.page-events .venue-tout {
padding-top: 2.5rem;
}
.venue-tout .tout-slider:before {
display: none;
}
.venue-tout .button {
float: left;
margin-right: 0.9375rem;
}
.venue-tout button[type="submit"] {
margin-top: 0.9375rem;
text-transform: lowercase;
font-weight: 400;
font-size: 1rem;
letter-spacing: 0;
border-radius: 9999px;
}
@media only screen and (min-width: 64.0625em) {
.venue-tout button[type="submit"] {
position: absolute;
right: 0.3125rem;
bottom: 1.25rem;
}
}
.venue-tout .assist-block .filter-selectors {
float: none;
padding: 0;
width: auto;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
@media only screen and (min-width: 64.0625em) {
.venue-tout .assist-block .filter-selectors {
padding: 0 1.25rem;
}
}
.venue-tout .assist-block .filter-selectors .filter-selector {
padding: 0 0.625rem;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.venue-tout .assist-block .filter-selectors .filter-selector {
width: 50%;
}
}
.venue-tout .tout-title {
line-height: 1;
word-break: break-word;
display: block;
color: #fff;
font-size: 1.875rem;
}
.venue-tout .tout-subtitle {
display: block;
margin-top: 0.3125rem;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 80vw;
}
.venue-tout aside {
padding: 1.25rem;
padding-bottom: 5.625rem;
color: #fff;
background-color: var(--site-color-purple);
}
@media only screen and (min-width: 64.0625em) {
.venue-tout aside {
border-radius: 0 12px 12px 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: var(--site-color-pink-60);
backdrop-filter: blur(0.25rem);
width: 22.5rem;
}
}
.venue-tout .tout-info {
display: block;
}
@media only screen and (min-width: 64.0625em) {
.venue-tout .tout-info {
max-width: calc(100% - 23.75rem);
}
}
.venue-tout .tout-info .button {
width: 100%;
margin-top: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.venue-tout .tout-info .button {
width: auto;
}
}
.venue-tout .tout-info .buttons-wrap {
margin-top: -0.375rem;
float: left;
}
@media only screen and (min-width: 40.0625em) {
.venue-tout .tout-info .buttons-wrap {
margin-top: 0.3125rem;
float: right;
}
}
.venue-tout .tout-info .buttons-wrap a {
margin-top: 1.25rem;
}
.venue-tout .tout-info .more-info {
margin-right: 2.5rem;
backface-visibility: hidden;
}
.venue-tout .tout-info > a {
margin-bottom: 0;
}
@media only screen and (min-width: 64.0625em) {
.venue-tout .slick-dots {
right: 23.75rem;
}
}
@media only screen and (min-width: 64.0625em) {
.venue-tout .slider-arrow.slider-next {
right: 22.5rem;
}
}
.promotion-bar {
position: relative;
color: white;
background-color: #1f0233;
text-align: center;
margin-bottom: 1.875rem;
display: none;
}
@media only screen and (min-width: 64.0625em) {
.promotion-bar {
background-color: var(--site-color-purple);
}
}
body:not(.page-events) .promotion-bar {
height: 5.625rem;
}
body.page-events .promotion-bar {
border-bottom: 0.1875rem solid #ffffff;
}
body.is-events-page .promotion-bar {
margin-top: 3.125rem;
border-top: 1px solid var(--site-color-text-pink-on-dark);
}
.promotion-bar.haslink {
cursor: pointer;
}
.promotion-bar.haslink .promotion-title {
padding: 1.5625rem 0 2.5rem;
}
.promotion-bar.haslink .promotion-text {
cursor: pointer;
}
.promotion-bar.haslink .promotion-text:hover {
background-color: var(--site-color-pink);
}
body.page-home .promotion-bar, .promotion-bar.show {
display: block;
}
.promotion-bar [data-background] {
transition: transform 250ms ease-out, background-color 350ms ease-out, color 350ms ease-in, opacity 500ms, border-color 250ms;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-color: var(--site-color-pink);
filter: grayscale(100%);
opacity: 0.25;
}
.promotion-bar .promotion-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2.1875rem 0 1.875rem;
}
.promotion-bar .promotion-title, .promotion-bar .promotion-title > h1 {
line-height: 1.1;
font-size: 1.5rem;
font-weight: normal;
margin: 0;
}
@media only screen and (min-width: 40.0625em) {
.promotion-bar .promotion-title, .promotion-bar .promotion-title > h1 {
font-size: 1.875rem;
}
}
.promotion-bar .promotion-title > h1 {
white-space: normal;
}
.promotion-bar .promotion-text {
position: absolute;
display: inline-block;
color: var(--site-color-pink);
border: 1px solid #f148f2;
background-color: #1f0233;
border-radius: 9999px;
padding: 0.625rem 1.25rem;
line-height: 1.1;
left: 50%;
top: 5.625rem;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
transition: background-color linear 0.2s;
cursor: default;
}
.promotion-bar .promotion-text:hover {
color: #ffffff;
}
/* inherits from performance-theatre.scss */
.page-contact main a:not([class]),
.page-restaurant main a:not([class]),
.page-brochure main a:not([class]),
.page-basic-page main a:not([class]),
.page-news-item main a:not([class]) {
font-weight: bold;
color: var(--site-color-purple);
text-decoration: none;
border-bottom: 1px solid #dcd0e5;
transition: color .2s ease;
}
.page-contact main a:not([class]):hover,
.page-restaurant main a:not([class]):hover,
.page-brochure main a:not([class]):hover,
.page-basic-page main a:not([class]):hover,
.page-news-item main a:not([class]):hover {
border-bottom-color: var(--site-color-pink);
color: var(--site-color-pink);
}
.page-contact main div.theatre-menu a.more-info, .page-contact main div.tour-block a.more-info,
.page-restaurant main div.theatre-menu a.more-info,
.page-restaurant main div.tour-block a.more-info,
.page-brochure main div.theatre-menu a.more-info,
.page-brochure main div.tour-block a.more-info,
.page-basic-page main div.theatre-menu a.more-info,
.page-basic-page main div.tour-block a.more-info,
.page-news-item main div.theatre-menu a.more-info,
.page-news-item main div.tour-block a.more-info {
font-weight: bold;
color: #ffffff;
text-decoration: none;
border-bottom: none;
}
.page-contact .page-title,
.page-restaurant .page-title,
.page-brochure .page-title,
.page-basic-page .page-title,
.page-news-item .page-title {
display: none;
}
@media only screen and (min-width: 64.0625em) {
.page-contact .page-title,
.page-restaurant .page-title,
.page-brochure .page-title,
.page-basic-page .page-title,
.page-news-item .page-title {
display: inline-block;
visibility: hidden;
font-size: 0;
padding: 0 !important;
}
}
.page-contact h2,
.page-restaurant h2,
.page-brochure h2,
.page-basic-page h2,
.page-news-item h2 {
margin-left: 0;
margin-top: 0;
}
.page-contact h3, .page-contact .filter-title,
.page-restaurant h3,
.page-restaurant .filter-title,
.page-brochure h3,
.page-brochure .filter-title,
.page-basic-page h3,
.page-basic-page .filter-title,
.page-news-item h3,
.page-news-item .filter-title {
margin-top: 1.25rem;
}
.page-contact h3 + p, .page-contact .filter-title + p,
.page-restaurant h3 + p,
.page-restaurant .filter-title + p,
.page-brochure h3 + p,
.page-brochure .filter-title + p,
.page-basic-page h3 + p,
.page-basic-page .filter-title + p,
.page-news-item h3 + p,
.page-news-item .filter-title + p {
margin-top: 1.25rem;
}
.page-contact header,
.page-restaurant header,
.page-brochure header,
.page-basic-page header,
.page-news-item header {
margin-bottom: 1.875rem;
}
.page-bedankt h1, .page-bedankt h2,
.page-internetbetaling h1,
.page-internetbetaling h2 {
margin-left: 0;
margin-bottom: 0.625rem;
}
.page-bedankt .content,
.page-internetbetaling .content {
padding: 0.9375rem 0.625rem;
}
.page-bestel-arrangement input.qty {
margin-top: 0.625rem !important;
margin-right: 0.9375rem;
}
.page-betaalmethode .payment h2 {
margin-top: 0;
}
.page-betaalmethode .payment label {
float: left;
line-height: 1.875rem;
}
.page-betaalmethode .payment input[type="radio"] {
margin-top: 0.375rem;
margin-right: 0.3125rem;
width: 1rem;
height: 1rem;
float: left;
clear: left;
}
.page-betaalmethode .payment .fee {
display: block;
clear: both;
font-size: 0.875rem;
font-style: italic;
}
.page-brochure .title {
font-size: 2.1875rem;
color: var(--site-color-purple);
display: block;
text-align: center;
}
.page-brochure .subtitle {
display: block;
text-align: center;
color: var(--site-color-purple);
font-size: 0.875rem;
}
.page-brochure .header__title {
margin-bottom: 3.125rem;
}
.page-brochure #frm_brochure {
overflow: hidden;
margin: 1.25rem 0;
}
@media only screen and (min-width: 67.5rem) {
.page-brochure #frm_brochure {
position: absolute;
bottom: 0;
margin-bottom: 0;
}
}
.page-brochure #frm_brochure label {
display: block;
font-size: 0.875rem;
color: var(--site-color-purple);
margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 67.5rem) {
.page-brochure #frm_brochure label {
line-height: 3.125rem;
float: left;
}
.page-brochure #frm_brochure label.wide {
width: 8.75rem;
}
.page-brochure #frm_brochure label:not(.wide) {
margin: 0 0.625rem;
}
}
.page-brochure #frm_brochure input[type="text"] {
width: 100%;
display: block;
margin-bottom: 0.625rem;
}
.page-brochure #frm_brochure input[type="submit"] {
float: right;
color: #fff;
background: #ff8f00;
}
.page-brochure #frm_brochure input[type="submit"]:hover {
border-color: #ff8f00;
background: #fff;
color: #ff8f00;
}
@media only screen and (min-width: 67.5rem) {
.page-brochure #frm_brochure input[type="text"] {
float: left;
}
.page-brochure #frm_brochure input[name="frm_number"] {
width: 6.875rem;
}
.page-brochure #frm_brochure input[name="frm_street"] {
width: 12.5rem;
}
.page-brochure #frm_brochure input[name="frm_postalcode"] {
width: 6.25rem;
}
.page-brochure #frm_brochure input[name="frm_name"] {
width: calc( 100% - 8.75rem);
}
.page-brochure #frm_brochure input[name="frm_place"] {
width: 13.625rem;
}
}
.page-brochure h2 {
margin-top: 2.5rem;
}
.page-cart .proceed {
margin: 1.25rem 0;
}
.page-cart .proceed a {
float: left;
clear: both;
}
.page-cart .proceed a + a {
margin-top: 0.3125rem;
}
.page-cart .action-code {
margin-top: 1.25rem;
}
.page-cart .action-code [data-hook="cart-coupon"] {
margin-bottom: 1.875rem;
}
.page-cart .action-code .header {
margin-bottom: 0.625rem;
}
.page-cart .action-code #code {
float: left;
}
.page-cart .action-code span {
margin-top: 0.3125rem;
font-size: 0.875rem;
font-style: italic;
display: block;
}
.page-cart .itix-orders-content-loading-indicator img {
display: block;
width: 100px;
margin: auto auto 16px;
}
.page-contact form#frm_contact, .page-wens form#frm_contact, .page-secretaresse form#frm_contact {
margin-top: 1.5625rem;
/* validation indicators */
}
.page-contact form#frm_contact > div.show-validation, .page-wens form#frm_contact > div.show-validation, .page-secretaresse form#frm_contact > div.show-validation {
position: relative;
}
.page-contact form#frm_contact > div.show-validation:after, .page-wens form#frm_contact > div.show-validation:after, .page-secretaresse form#frm_contact > div.show-validation:after {
font-family: FontAwesome;
content: '\f00d';
display: inline-block;
position: absolute;
right: 1.25rem;
top: 50%;
color: #ea5e5e;
font-size: 0.75rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-contact form#frm_contact > div.show-validation.validation-success:after, .page-wens form#frm_contact > div.show-validation.validation-success:after, .page-secretaresse form#frm_contact > div.show-validation.validation-success:after {
font-family: FontAwesome;
content: '\f00c';
display: inline-block;
position: absolute;
right: 1.25rem;
top: 1.5625rem;
color: #4ad260;
font-size: 0.75rem;
}
.page-contact form#frm_contact label, .page-wens form#frm_contact label, .page-secretaresse form#frm_contact label {
display: block;
font-size: 0.875rem;
color: var(--site-color-purple);
margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 67.5rem) {
.page-contact form#frm_contact label, .page-wens form#frm_contact label, .page-secretaresse form#frm_contact label {
line-height: 3.125rem;
float: left;
}
.page-contact form#frm_contact label.wide, .page-wens form#frm_contact label.wide, .page-secretaresse form#frm_contact label.wide {
width: 9.6875rem;
}
}
.page-contact form#frm_contact input[type="text"],
.page-contact form#frm_contact input[type="email"],
.page-contact form#frm_contact textarea, .page-wens form#frm_contact input[type="text"],
.page-wens form#frm_contact input[type="email"],
.page-wens form#frm_contact textarea, .page-secretaresse form#frm_contact input[type="text"],
.page-secretaresse form#frm_contact input[type="email"],
.page-secretaresse form#frm_contact textarea {
width: 100%;
display: block;
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 67.5rem) {
.page-contact form#frm_contact input[type="text"],
.page-contact form#frm_contact input[type="email"],
.page-contact form#frm_contact textarea, .page-wens form#frm_contact input[type="text"],
.page-wens form#frm_contact input[type="email"],
.page-wens form#frm_contact textarea, .page-secretaresse form#frm_contact input[type="text"],
.page-secretaresse form#frm_contact input[type="email"],
.page-secretaresse form#frm_contact textarea {
width: calc( 100% - 9.6875rem);
}
}
.page-contact form#frm_contact textarea, .page-wens form#frm_contact textarea, .page-secretaresse form#frm_contact textarea {
resize: none;
min-height: 12.5rem;
}
.page-contact form#frm_contact input[type="submit"], .page-wens form#frm_contact input[type="submit"], .page-secretaresse form#frm_contact input[type="submit"] {
float: right;
color: #fff;
background: #ff8f00;
}
.page-contact form#frm_contact input[type="submit"]:hover, .page-wens form#frm_contact input[type="submit"]:hover, .page-secretaresse form#frm_contact input[type="submit"]:hover {
border-color: #ff8f00;
background: #fff;
color: #ff8f00;
}
.page-contact hr, .page-wens hr, .page-secretaresse hr {
margin: 3.125rem 0 1.5625rem 0;
padding: 0;
border: none;
border-top: 1px solid #ccc;
}
.page-contact .header__title, .page-wens .header__title, .page-secretaresse .header__title {
margin-bottom: 1.875rem;
}
.page-contact h3, .page-contact .filter-title, .page-wens h3, .page-wens .filter-title, .page-secretaresse h3, .page-secretaresse .filter-title {
margin-top: 0;
}
.page-event .header-image {
height: 21.875rem;
width: 100%;
display: inline-block;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
@media only screen and (min-width: 40.0625em) {
.page-event .header-image {
height: 31.25rem;
}
}
.page-event .header-image .mask {
position: absolute;
width: 26.25rem;
height: 5rem;
background-color: #fff;
z-index: 9;
left: 0;
}
@media only screen and (min-width: 67.5rem) {
.page-event .header-image .mask {
left: calc((100vw - 67.5rem) / 2);
}
}
.page-event .header-image .mask:before {
background: white;
position: absolute;
display: block;
content: '';
-ms-transform: translateX(-100vw);
transform: translateX(-100vw);
margin-left: 0.0625rem;
width: 100vw;
height: 100%;
}
.page-event .header-image .mask:after {
display: block;
content: '';
width: 3.75rem;
height: 100%;
position: absolute;
right: 0;
-ms-transform: skew(332.5deg);
transform: skew(332.5deg);
background: #fff;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.page-event .header-image .button-tertiary {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.page-event .header-image .button-tertiary {
display: block;
float: left;
margin-right: 0.625rem;
}
}
.page-event .header-image:before, .page-event .header-image:after {
display: none;
}
.page-event .header-image .slick-slide {
background-size: cover;
background-position: center center;
pointer-events: none;
position: relative;
}
.page-event .header-image .slick-slide:after {
display: block;
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 12.5rem;
background: linear-gradient(transparent, #000 85%, #000);
opacity: .4;
}
.page-event .slick-dots {
z-index: 9;
top: auto;
bottom: 1.25rem;
left: 50%;
right: auto;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 40.0625em) {
.page-event .slick-dots {
bottom: 2.5rem;
}
}
.page-event .header__title {
padding-top: 1rem;
}
.page-event .maincontent, .page-event blockquote {
margin-top: 2.5rem;
margin-bottom: 1.25rem;
}
.page-event blockquote {
margin-top: 1.25rem;
}
.page-event .event_manager img {
margin-bottom: 0.9375rem;
}
.page-event .event_manager .job_description {
display: block;
width: 100%;
margin: -0.625rem 0 0 0;
}
.page-event .event_manager .button {
margin-top: 0.625rem;
width: 100%;
}
.page-event .venues {
margin-top: 1.25rem;
}
.page-events #page-search {
position: relative;
display: block;
margin: 0.9375rem 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.page-events #page-search {
float: right;
width: 16.875rem;
margin: 2.5rem 0 0.625rem;
}
}
.page-events #page-search input {
width: 100%;
padding-right: 3.125rem;
border: 0.125rem solid #dcd0e5;
font-size: 1rem;
color: #dcd0e5;
}
@media only screen and (min-width: 64.0625em) {
.page-events #page-search input {
float: right;
color: #ffffff;
}
}
.page-events #page-search input:focus {
transition: all 300ms ease-out;
}
@media only screen and (min-width: 64.0625em) {
.page-events #page-search input:focus {
width: 200%;
}
}
.page-events #page-search button {
position: absolute;
text-align: center;
right: 0;
bottom: 0;
top: 0;
width: 3.125rem;
cursor: pointer;
line-height: 3.125rem;
border: none;
background: transparent;
}
.page-events #page-search button:after {
font-family: FontAwesome;
content: '\f002';
color: #dcd0e5;
}
.page-events #page-search button:hover {
border: none;
}
@media only screen and (min-width: 64.0625em) {
.page-events #page-search input:focus + button {
background: #ffffff;
}
.page-events #page-search input:focus + button:after {
color: var(--site-color-purple);
}
}
@media only screen and (max-width: 40em) {
.page-events .page-title {
margin-top: 0;
margin-bottom: 0.25rem;
}
}
@media only screen and (min-width: 40.0625em) {
.page-events .page-title {
position: absolute;
bottom: 0.625rem;
}
}
.page-events .program-block {
margin-top: 0;
}
.page-events .highlight-block {
position: relative;
float: left;
padding-bottom: 1rem;
}
.page-events .highlight-block h4 {
margin-top: 0;
}
.page-events .highlight-block .more-info {
position: absolute;
bottom: 1.25rem;
}
.page-events .highlight-block .content {
position: relative;
float: left;
}
.page-events .highlight-block .image {
position: relative;
float: left;
overflow: hidden;
width: 100%;
}
.page-events .highlight-block .image img {
width: 100%;
}
.page-events .highlight-block .hoverbox {
transition: bottom 300ms ease-out;
background-color: var(--site-color-pink);
position: absolute;
width: 100%;
height: 100%;
bottom: -100%;
z-index: 10;
left: 0;
padding: 0.9375rem;
}
.page-events .highlight-block .hoverbox .ghostbutton {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0.125rem solid #ffffff;
padding: 0.8125rem 2.5rem;
font-size: 1rem;
letter-spacing: 0.125rem;
white-space: nowrap;
border-radius: 9999px;
}
.page-events .highlight-block:hover .hoverbox {
bottom: 0;
}
.page-events .h2--large {
padding: 1.875rem 0;
margin-top: 3.125rem;
display: block;
margin-left: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}
.page-events .clients {
border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 64.0625em) {
.page-events .full-program {
color: #ffffff;
}
}
.page-home {
background: #1f0233;
}
.page-home .h2--light {
color: #000;
}
@media only screen and (min-width: 64.0625em) {
.page-home .h2--light {
color: #fff;
}
}
.page-home #page-search {
position: relative;
display: block;
margin: 0.9375rem 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.page-home #page-search {
float: right;
width: 16.875rem;
margin: 2.5rem 0 0.625rem;
}
}
.page-home #page-search input {
width: 100%;
padding-right: 3.125rem;
border: 0.125rem solid #dcd0e5;
font-size: 1rem;
color: #dcd0e5;
}
@media only screen and (min-width: 64.0625em) {
.page-home #page-search input {
float: right;
color: #dcd0e5;
}
}
.page-home #page-search input:focus {
transition: all 300ms ease-out;
}
@media only screen and (min-width: 64.0625em) {
.page-home #page-search input:focus {
width: 200%;
}
}
.page-home #page-search button {
position: absolute;
text-align: center;
right: 0;
bottom: 0;
top: 0;
width: 3.125rem;
cursor: pointer;
line-height: 3.125rem;
border: none;
background: transparent;
}
.page-home #page-search button:after {
font-family: FontAwesome;
content: '\f002';
color: #dcd0e5;
}
.page-home #page-search button:hover {
border: none;
}
@media only screen and (min-width: 64.0625em) {
.page-home #page-search input:focus + button {
transition: all 300ms ease-out;
background: #ffffff;
}
.page-home #page-search input:focus + button:after {
color: var(--site-color-purple);
}
}
.page-home .page-title {
height: 0;
overflow: hidden;
}
@media only screen and (max-width: 40em) {
.page-home .page-title {
margin-top: 0.625rem;
float: left;
}
}
@media only screen and (min-width: 40.0625em) {
.page-home .page-title {
margin-top: 1.5625rem;
}
}
.page-home .program-block {
margin-top: 0;
}
.page-home .highlights {
margin-top: 1.5625rem;
}
.page-home .action-block {
margin-top: 1.5625rem;
}
.full-program {
float: left;
margin-left: calc(1.25rem + 1.25rem);
color: var(--site-color-text-pink-on-dark);
margin-top: 1.375rem;
text-decoration: underline;
position: relative;
}
@media only screen and (min-width: 40.0625em) {
.full-program {
margin-right: 1.25rem;
float: right;
margin-top: 2.5rem;
}
}
.full-program:before {
color: #c7c7c7;
margin-left: -1.25rem;
font-family: FontAwesome;
font-size: 1rem;
line-height: 1.875rem;
position: absolute;
left: 0;
content: '\f054';
}
.full-program:hover:before {
animation: move-in-out 500ms;
}
::-webkit-input-placeholder {
color: #dcd0e5;
opacity: 1 !important;
}
:-moz-placeholder {
/* Firefox 18- */
color: #dcd0e5;
opacity: 1 !important;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #dcd0e5;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #dcd0e5;
opacity: 1 !important;
}
.hide-small {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.hide-small {
display: block;
}
}
.show-small {
display: block;
}
@media only screen and (min-width: 40.0625em) {
.show-small {
display: none;
}
}
.show-medium {
display: block;
}
@media only screen and (min-width: 64.0625em) {
.show-medium {
display: none;
}
}
.home-newstitle {
margin-top: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.home-newstitle {
margin-top: 2.5rem;
}
}
.page-news-item .page-title {
padding: 0.9375rem 0;
}
.page-news-item h2 {
margin-left: 0;
margin-top: 0;
}
.page-news-item h3 + p, .page-news-item .filter-title + p {
margin-top: 1.25rem;
}
.page-news-item header {
margin-bottom: 1.875rem;
}
.page-news-item .news-slider {
padding-bottom: 5.5rem;
}
.page-news-item .news-slider > div {
cursor: pointer;
}
.page-news-item .content {
margin-top: 1.5625rem;
}
.page-news-item .news-slider .slick-arrow {
position: absolute;
bottom: 0;
width: 3.125rem;
height: 3.125rem;
border: 2px solid #c7c7c7;
float: right;
background: transparent;
}
.page-news-item .news-slider .slick-arrow:after {
font-family: FontAwesome;
color: #c7c7c7;
}
.page-news-item .news-slider .slick-arrow.slider-prev {
right: 3.75rem;
}
.page-news-item .news-slider .slick-arrow.slider-prev:after {
content: '\f060';
}
.page-news-item .news-slider .slick-arrow.slider-next {
right: 0;
}
.page-news-item .news-slider .slick-arrow.slider-next:after {
content: '\f061';
}
.page-news-item h3 + p, .page-news-item .filter-title + p {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid #c7c7c7;
}
.page-news-item .date {
text-transform: lowercase;
}
.page-news-item .date,
.page-news-item .archive__title {
display: block;
margin-bottom: 0.625rem;
color: var(--site-color-purple);
font-size: 0.875rem;
font-weight: bold;
}
.page-news-item .button-slide-description {
float: right;
margin-top: 2.5rem;
}
.page-news-item .button-slide-description.hover .icon {
border-color: #25d366;
border-radius: 9999px 0 0 9999px;
}
.page-news-item .button-slide-description .description {
background: #25d366;
color: #ffffff;
}
.page-news-item .button-slide-description .description a {
color: #ffffff;
border-bottom: none;
}
.page-news-item .button-slide-description .icon {
border: 2px solid var(--site-color-text-pink-on-dark);
color: var(--site-color-text-pink-on-dark);
border-radius: 9999px;
}
.page-arrangementitem,
.page-performance-theatre {
background: #1f0233;
}
.page-arrangementitem h3, .page-arrangementitem .filter-title,
.page-performance-theatre h3,
.page-performance-theatre .filter-title {
padding: 0 1.25rem;
margin: 1.25rem 0 0.625rem;
font-size: 1.375rem;
}
.page-arrangementitem .theatre-tout,
.page-performance-theatre .theatre-tout {
margin-top: 0.9375rem;
}
.page-arrangementitem .arrangements,
.page-performance-theatre .arrangements {
position: relative;
margin: 1.25rem;
}
.page-arrangementitem .arrangements h3, .page-arrangementitem .arrangements .filter-title,
.page-performance-theatre .arrangements h3,
.page-performance-theatre .arrangements .filter-title {
color: #ffffff;
}
.page-arrangementitem .program-block,
.page-performance-theatre .program-block {
margin-top: 0;
}
.page-arrangementitem .button-back,
.page-performance-theatre .button-back {
float: right;
border-color: var(--site-color-text-pink-on-dark);
margin-right: 0.625rem;
color: var(--site-color-text-pink-on-dark);
}
@media only screen and (max-width: 40em) {
.page-arrangementitem .button-back,
.page-performance-theatre .button-back {
width: calc(100% - 1.25rem);
}
}
@media only screen and (min-width: 64.0625em) {
.page-arrangementitem .button-back,
.page-performance-theatre .button-back {
margin-right: 0;
}
}
.page-arrangementitem .program,
.page-performance-theatre .program {
padding: 0 1.25rem;
}
.page-arrangementitem .program h3, .page-arrangementitem .program .filter-title,
.page-performance-theatre .program h3,
.page-performance-theatre .program .filter-title {
color: #ffffff;
}
@media only screen and (min-width: 67.5rem) {
.page-arrangementitem .program,
.page-performance-theatre .program {
margin-top: 1.25rem;
}
}
.page-arrangementitem .program .program-block,
.page-performance-theatre .program .program-block {
margin-bottom: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.page-arrangementitem .program .program-block,
.page-performance-theatre .program .program-block {
margin-bottom: 0;
}
}
.page-arrangementitem .row,
.page-performance-theatre .row {
position: relative;
}
.page-arrangementitem .page-nav,
.page-performance-theatre .page-nav {
min-height: 4.0625rem;
position: relative;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 40.0625em) {
.page-arrangementitem .page-nav,
.page-performance-theatre .page-nav {
display: block;
margin-top: 3.125rem;
}
}
@media only screen and (min-width: 64.0625em) {
.page-arrangementitem .page-nav,
.page-performance-theatre .page-nav {
margin-bottom: 0;
}
}
.page-arrangementitem aside h1,
.page-performance-theatre aside h1 {
margin-left: 0;
color: #fff;
display: inline-block;
line-height: 1;
margin-bottom: 0.625rem;
font-size: 1.6875rem;
}
.page-arrangementitem aside h1 .subtitle,
.page-performance-theatre aside h1 .subtitle {
margin-top: 0.625rem;
}
.page-arrangementitem .page-title,
.page-performance-theatre .page-title {
display: inline-block;
font-weight: normal;
padding: 0;
margin-top: 0.9375rem;
margin-left: 1.25rem;
font-size: 1.3125rem;
font-weight: normal;
color: black;
}
@media only screen and (min-width: 64.0625em) {
.page-arrangementitem .page-title,
.page-performance-theatre .page-title {
color: #fff;
}
}
.page-arrangementitem .all-dates,
.page-performance-theatre .all-dates {
break-inside: avoid;
}
.page-arrangementitem .all-dates > div,
.page-performance-theatre .all-dates > div {
border-radius: 12px;
background-color: var(--site-color-purple);
padding: 1.5625rem 1.875rem;
}
.page-arrangementitem .all-dates h2,
.page-performance-theatre .all-dates h2 {
color: #ffffff;
margin-bottom: 1.25rem !important;
}
.page-arrangementitem .all-dates .button:after,
.page-performance-theatre .all-dates .button:after {
display: none;
}
.page-arrangementitem .performance__otherdates,
.page-performance-theatre .performance__otherdates {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.9375rem;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem 0;
border-top: 1px solid #6f329c;
}
.page-arrangementitem .performance__otherdates .date,
.page-performance-theatre .performance__otherdates .date {
display: block;
color: var(--site-color-text-pink-on-dark);
margin-bottom: 0.1875rem;
}
.page-arrangementitem .performance__otherdates .date span,
.page-performance-theatre .performance__otherdates .date span {
white-space: nowrap;
}
.page-arrangementitem .performance__otherdates .price,
.page-performance-theatre .performance__otherdates .price {
color: #ffffff;
white-space: nowrap;
}
.page-arrangementitem .performance__otherdates .label,
.page-performance-theatre .performance__otherdates .label {
display: inline-block;
background: #ffff00;
color: var(--site-color-purple);
border-radius: 0.4375rem;
line-height: 1.75rem;
padding: 0 0.5rem;
font-size: 1rem;
margin-right: 0.625rem;
}
.page-arrangementitem .performance__otherdates .button,
.page-performance-theatre .performance__otherdates .button {
width: 3.125rem;
min-width: 3.125rem;
height: 3.125rem;
}
.page-arrangementitem .performance__otherdates .button:hover:after,
.page-performance-theatre .performance__otherdates .button:hover:after {
color: #f88306;
}
.page-arrangementitem .performance__otherdates .button:after,
.page-performance-theatre .performance__otherdates .button:after {
position: relative;
font-family: "Font Awesome 5 Regular";
font-weight: 600;
content: '\f290';
transition: color ease .3s;
}
.page-arrangementitem .performance__otherdates .button.stream:after,
.page-performance-theatre .performance__otherdates .button.stream:after {
content: '\f03d';
}
.white-cover {
position: relative;
background: #fff;
padding-bottom: 1.25rem;
}
.page-rent-assistance .page-title {
padding: 0.9375rem 0;
}
.page-rent-assistance header {
margin-bottom: 1.5625rem;
}
.page-rent-assistance .selectboxit-selected {
margin-left: 0;
padding-left: 0;
font-weight: bold;
color: var(--site-color-purple);
position: relative;
}
.page-rent-assistance .selectboxit-selected:before {
content: '';
margin: 0;
}
.page-restaurant p + h3, .page-restaurant p + .filter-title {
margin-top: 0.9375rem;
}
.page-restaurant .restaurant-social {
text-align: center;
margin-top: 1.25rem;
}
.page-restaurant .restaurant-social .button {
vertical-align: top;
}
.page-restaurant .restaurant-social .button-primary {
display: block;
margin: 0 auto 0.9375rem;
}
@media only screen and (min-width: 40.0625em) {
.page-restaurant .restaurant-social .button-primary {
margin-right: 0.625rem;
display: inline-block;
}
}
.page-restaurant .tour-block {
float: none;
}
.page-restaurant .more-info {
margin-top: 0.9375rem;
max-width: calc(100% - 1.875rem);
}
.page-restaurant blockquote {
margin-top: 0;
border-top: none !important;
padding-top: 0 !important;
margin-bottom: 1.875rem;
background: #ffffff;
}
.page-restaurant .restaurant-tout .tout-buttons {
left: 0.9375rem;
width: calc(100% - 1.875rem);
}
@media only screen and (min-width: 40.0625em) {
.page-restaurant .restaurant-tout .tout-buttons {
width: auto;
left: auto;
position: absolute;
right: 1.25rem;
bottom: 1.25rem;
}
}
.page-restaurant .restaurant-tout .tout-slider:before {
width: 20.625rem;
height: 100%;
-ms-transform: skew(332.5deg) translateX(-27.5rem);
transform: skew(332.5deg) translateX(-27.5rem);
}
@media only screen and (min-width: 64.0625em) {
.page-restaurant .restaurant-tout .tout-slider:before {
-ms-transform: skew(332.5deg) translateX(-10rem);
transform: skew(332.5deg) translateX(-10rem);
}
}
.page-restaurant .restaurant-tout .button-primary {
display: block;
margin: 0 0.625rem 0.625rem;
width: calc(100% - 1.25rem);
}
@media only screen and (min-width: 40.0625em) {
.page-restaurant .restaurant-tout .button-primary {
display: inline-block;
margin: 0;
width: 10.625rem;
}
}
.page-restaurant .restaurant-tout .button-secondary {
display: block;
width: 100%;
margin-top: 0.9375rem;
}
@media only screen and (min-width: 40.0625em) {
.page-restaurant .restaurant-tout .button-secondary {
margin-top: 0;
display: inline-block;
float: right;
width: auto;
margin-left: 0.625rem;
}
}
.page-restaurant .extra-info {
margin-top: 1.875rem;
}
.page-restaurant .extra-info h3, .page-restaurant .extra-info .filter-title {
margin-top: 1.25rem;
}
.theatre-menu {
background: var(--site-color-purple);
}
.theatre-menu img {
display: block;
width: 100%;
}
.theatre-menu .button-wrap {
margin-top: 0.625rem;
}
@media only screen and (min-width: 64.0625em) {
.theatre-menu .button-wrap {
bottom: 0.9375rem;
}
}
.theatre-menu a {
margin-top: 0.9375rem;
margin-right: 2.5rem;
padding-bottom: 0.3125rem;
}
.theatre-menu__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
padding: 1.25rem;
}
.page-search-results h2 {
display: block;
border-bottom: 1px solid #c7c7c7;
margin-left: 0;
}
@media only screen and (min-width: 40.0625em) {
.page-search-results .newsitems {
margin-top: 1.5625rem;
}
}
.page-search-results .newsitems .nieuwsitem {
padding: 0.625rem 0;
border-bottom: 1px solid #c7c7c7;
}
.page-search-results .newsitems .nieuwsitem a {
color: #848484;
line-height: 1;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.page-search-results .newsitems .nieuwsitem a:hover {
color: var(--site-color-text-pink-on-dark);
}
@media only screen and (min-width: 67.5rem) {
.page-series {
background-image: url(/img/show-overview-bg.jpg);
background-position-y: 12.8125rem;
}
}
.page-show-overview,
.page-arrangement-overview {
background: #1f0233;
}
.page-show-overview .page-title,
.page-arrangement-overview .page-title {
color: #ffffff;
}
@media only screen and (min-width: 64.0625em) {
.page-show-overview .page-title,
.page-arrangement-overview .page-title {
position: absolute;
top: 1.25rem;
}
}
@media only screen and (min-width: 67.5rem) {
.page-show-overview .page-title,
.page-arrangement-overview .page-title {
color: #fff;
}
}
.page-show-overview .overview-filters,
.page-arrangement-overview .overview-filters {
color: var(--site-color-text-pink-on-dark);
text-transform: lowercase;
z-index: 10;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.page-show-overview .overview-filters,
.page-arrangement-overview .overview-filters {
padding: 0 1.25rem 0 0;
}
}
@media only screen and (min-width: 64.0625em) {
.page-show-overview .overview-filters,
.page-arrangement-overview .overview-filters {
float: right;
max-width: 46.875rem;
}
}
.page-show-overview .overview-filters .selectboxit-selected,
.page-arrangement-overview .overview-filters .selectboxit-selected {
margin-left: 0;
padding-left: 0;
font-weight: bold;
color: var(--site-color-purple);
position: relative;
}
.page-show-overview .overview-filters .selectboxit-selected:before,
.page-arrangement-overview .overview-filters .selectboxit-selected:before {
content: '';
margin: 0;
}
.page-show-overview .selectboxit-options,
.page-arrangement-overview .selectboxit-options {
top: auto !important;
min-width: 100%;
width: auto;
}
@media only screen and (min-width: 64.0625em) {
.page-show-overview .selectboxit-options,
.page-arrangement-overview .selectboxit-options {
width: calc(100% + 6.25rem);
}
}
.page-show-overview #locationSelectBoxItOptions,
.page-arrangement-overview #locationSelectBoxItOptions {
right: 0;
}
.page-show-overview .selectboxit-open,
.page-arrangement-overview .selectboxit-open {
border-color: var(--site-color-purple);
}
.page-show-overview .selectboxit-container,
.page-arrangement-overview .selectboxit-container {
display: block;
}
@media only screen and (max-width: 40em) {
.page-show-overview .selectboxit-container,
.page-arrangement-overview .selectboxit-container {
margin: 0.625rem 0.625rem 0;
}
}
@media only screen and (min-width: 40.0625em) {
.page-show-overview .selectboxit-container,
.page-arrangement-overview .selectboxit-container {
float: left;
width: calc(50% - 1.25rem);
margin-left: 1.25rem;
margin-top: 0.625rem;
}
}
@media only screen and (min-width: 64.0625em) {
.page-show-overview .selectboxit-container,
.page-arrangement-overview .selectboxit-container {
width: auto;
margin-left: 0.625rem;
margin-top: 0;
}
}
.page-show-overview .selectboxit-option,
.page-arrangement-overview .selectboxit-option {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-show-overview .serie-banner-holder .hide-small,
.page-arrangement-overview .serie-banner-holder .hide-small {
display: none;
background-size: cover;
background-position: left center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 40.0625em) {
.page-show-overview .serie-banner-holder .hide-small,
.page-arrangement-overview .serie-banner-holder .hide-small {
display: block;
}
}
.page-show-overview .serie-banner-holder .show-small,
.page-arrangement-overview .serie-banner-holder .show-small {
display: block;
height: auto;
min-height: 0;
}
@media only screen and (min-width: 40.0625em) {
.page-show-overview .serie-banner-holder .show-small,
.page-arrangement-overview .serie-banner-holder .show-small {
display: none;
}
}
.page-show-overview .serie-banner-holder .bestel,
.page-arrangement-overview .serie-banner-holder .bestel {
position: relative;
float: left;
margin-top: 0.9375rem;
bottom: 0;
}
@media only screen and (min-width: 40.0625em) {
.page-show-overview .serie-banner-holder .bestel,
.page-arrangement-overview .serie-banner-holder .bestel {
position: absolute;
bottom: 1rem;
}
}
.page-show-overview .serie-banner-holder aside,
.page-arrangement-overview .serie-banner-holder aside {
position: relative;
float: left;
}
@media only screen and (min-width: 40.0625em) {
.page-show-overview .serie-banner-holder aside,
.page-arrangement-overview .serie-banner-holder aside {
min-height: 22.5rem;
}
}
.no-entities {
color: var(--site-color-text-pink-on-dark);
font-weight: bold;
width: 100%;
padding-top: 0.625rem;
margin-top: 0.625rem;
border-top: 1px solid var(--site-color-text-pink-on-dark);
display: none;
}
[data-role="filter-breadcrumb-data"] > div, [data-role="filter-breadcrumb-title"], .no-entities {
float: left;
}
[data-role="filter-breadcrumb-holder"] {
display: none;
float: right;
padding: 0.625rem 0;
margin: 0.625rem 0.625rem 0 0;
border-top: 1px solid var(--site-color-text-pink-on-dark);
border-bottom: 1px solid var(--site-color-text-pink-on-dark);
width: calc(100% - 1.25rem);
}
@media only screen and (min-width: 40.0625em) {
[data-role="filter-breadcrumb-holder"] {
width: calc(100% - 1.25rem);
margin-right: 0;
}
}
@media only screen and (min-width: 64.0625em) {
[data-role="filter-breadcrumb-holder"] {
width: calc(100% - 0.625rem);
}
}
[data-role="filter-breadcrumb-holder"] [data-removefilter] {
color: var(--site-color-pink);
text-transform: lowercase;
padding-left: 0.4375rem;
padding-right: 0.3125rem;
margin-left: 0.4375rem;
cursor: pointer;
}
[data-role="filter-breadcrumb-holder"] [data-removefilter]:first-child {
border-left: none;
}
[data-role="filter-breadcrumb-holder"] [data-removefilter]:after {
display: inline-block;
margin-left: 0.4375rem;
font-family: FontAwesome;
content: '\f00d';
color: var(--site-color-text-pink-on-dark);
font-size: 0.75rem;
transition: transform 200ms;
}
[data-role="filter-breadcrumb-holder"] [data-removefilter]:hover:after {
color: var(--site-color-pink);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
[data-role="filter-breadcrumb-holder"] [data-removefilter="all"] {
display: none;
}
.filter-title {
color: #ffffff;
float: left;
width: calc(100% - 1.25rem);
position: relative;
margin: 1.25rem 0.625rem -0.6875rem;
padding: 0.625rem;
cursor: pointer;
border-top: 0.0625rem solid var(--site-color-text-pink-on-dark);
border-bottom: 0.0625rem solid var(--site-color-text-pink-on-dark);
transition: all linear 0.3s;
}
@media only screen and (min-width: 40.0625em) {
.filter-title {
margin: 1.25rem 1.25rem -0.6875rem;
padding: 0.625rem 0;
}
}
@media only screen and (min-width: 64.0625em) {
.filter-title {
display: none;
}
}
.filter-title:after {
content: '\f1de';
position: absolute;
right: 0.625rem;
margin-top: -1px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-family: FontAwesome;
font-size: 1.0625rem;
}
.overview-filters.open .filter-title {
margin-bottom: 0;
}
.overview-filters.open .filter-title:after {
content: '\f00d';
font-size: 0.875rem;
right: 0.75rem;
}
.filter-holder {
float: left;
width: 100%;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s linear;
}
.overview-filters.open .filter-holder {
max-height: 18.75rem;
animation: delay-overflow 0s 0.3s forwards;
overflow: visible;
}
@media only screen and (min-width: 64.0625em) {
.filter-holder {
max-height: unset;
overflow: unset;
}
}
@keyframes delay-overflow {
from {
overflow: hidden;
}
to {
overflow: unset;
}
}
.page-venue footer {
margin-top: 2.1875rem;
}
.page-venue .page-title {
-ms-transform: translateY(2.1875rem);
transform: translateY(2.1875rem);
position: relative;
z-index: 2;
}
.page-venue .floorplan {
text-align: center;
padding: 0 1.25rem;
margin-top: 2.5rem;
}
.page-venue .tours {
position: relative;
margin-top: 3.125rem;
}
.page-venue .blocks {
overflow: hidden;
}
@media only screen and (min-width: 64.0625em) {
.page-venue .blocks {
overflow: initial;
}
}
.page-venue .blocks .button-tertiary {
float: left;
margin-right: 0.625rem;
}
.page-venue .blocks ul {
padding-left: 1rem;
}
.page-venue .blocks h2 {
margin-left: 0;
margin-top: 0;
}
.page-venue .block {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.page-venue .button-secondary,
.page-venue .button-tertiary {
width: 100%;
margin-top: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.page-venue .button-secondary,
.page-venue .button-tertiary {
width: auto;
}
}
.page-venue .ranks {
display: block;
margin-top: 1.5625rem;
}
.page-venue .ranks + * {
margin-top: 1.5625rem;
}
.page-venue .ranks tbody {
border-top: 1px solid #dcd0e5;
}
.page-venue .ranks tr {
border-bottom: 1px solid #dcd0e5;
}
.page-venue .ranks td {
padding: 0.625rem 0;
vertical-align: top;
}
.page-venue .ranks td:nth-child(2) {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.page-venue .ranks .color {
float: left;
margin-top: 0.25rem;
width: 0.8125rem;
height: 0.8125rem;
}
.page-venue .ranks .title {
white-space: nowrap;
}
.page-venue .header-image {
margin-top: -1.875rem;
height: 21.875rem;
width: 100%;
display: inline-block;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
@media only screen and (min-width: 40.0625em) {
.page-venue .header-image {
height: 31.25rem;
}
}
.page-venue .header-image .mask {
position: absolute;
width: 26.25rem;
height: 5rem;
background-color: #fff;
z-index: 9;
left: 0;
}
@media only screen and (min-width: 67.5rem) {
.page-venue .header-image .mask {
left: calc((100vw - 67.5rem) / 2);
}
}
.page-venue .header-image .mask:before {
background: white;
position: absolute;
display: block;
content: '';
-ms-transform: translateX(-100vw);
transform: translateX(-100vw);
width: 100vw;
height: 100%;
}
.page-venue .header-image .mask:after {
display: block;
content: '';
width: 3.75rem;
height: 100%;
position: absolute;
right: 0;
-ms-transform: skew(332.5deg);
transform: skew(332.5deg);
background: #fff;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.page-venue .header-image .button-tertiary {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.page-venue .header-image .button-tertiary {
display: block;
float: left;
margin-right: 0.625rem;
}
}
.page-venue .header-image:before, .page-venue .header-image:after {
display: none;
}
.page-venue .header-image .slick-slide {
background-size: cover;
background-position: center center;
pointer-events: none;
position: relative;
}
.page-venue .header-image .slick-slide:after {
display: block;
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 12.5rem;
background: linear-gradient(transparent, #000 85%, #000);
opacity: .4;
}
.page-venue .pagetitle {
position: relative;
z-index: 9;
background: #FFF;
display: inline-block;
margin-top: 0;
padding-top: 2.75rem;
padding-right: 3.75rem;
padding-bottom: 0.9375rem;
}
.page-venue .pagetitle:before {
display: block;
content: '';
position: absolute;
width: 50vw;
top: 0;
left: -50vw;
height: 100%;
background: #fff;
}
.page-venue .pagetitle:after {
display: block;
content: '';
position: absolute;
right: 0;
top: 0;
width: 6.25rem;
height: 100%;
-ms-transform: translateX(3.125rem) skew(332.5deg);
transform: translateX(3.125rem) skew(332.5deg);
background: #fff;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.page-venue .slick-dots {
z-index: 9;
top: auto;
bottom: 1.25rem;
left: 50%;
right: auto;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 40.0625em) {
.page-venue .slick-dots {
bottom: 2.5rem;
}
}
.page-venue .modal-body {
max-width: 31.25rem;
}
.page-venue .fancybox-wrap aside a {
color: #ffffff;
}
.page-venue .back-to-top {
width: 3.125rem;
}
.page-venue .mobile-margin {
margin-left: 0.5rem;
}
@media only screen and (min-width: 90.0625em) {
.page-venue .mobile-margin {
margin-left: 0;
}
}
.venue-slider__cta {
position: absolute;
left: 50%;
padding: 0 1.25rem;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 2.5rem;
width: 100%;
max-width: 67.5rem;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.venue-slider__cta {
text-align: left;
bottom: 1.25rem;
}
}
@media only screen and (min-width: 40.0625em) {
.venue-slider__cta .button-secondary {
float: right;
}
}
@media only screen and (min-width: 40.0625em) {
.venue-slider__cta .button-primary {
float: right;
}
}
.venue-slider__cta .button-tertiary {
border-color: #fff;
color: #fff;
}
@font-face {
font-family: 'gilroyextrabold';
src: url("/fonts/gilroy-extrabold-webfont.woff2") format("woff2"), url("/fonts/gilroy-extrabold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gilroylight';
src: url("/fonts/gilroy-light-webfont.woff2") format("woff2"), url("/fonts/gilroy-light-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.zuil.keyboard .zuil-container {
transition: height 0.5s ease-out;
height: 27.8125rem;
}
.zuil.keyboard .zuil-container main {
transition: bottom 0.5s ease-out;
bottom: -5.5625rem;
}
.zuil .zuil-container {
transition: height 0.1s linear 0.05s;
}
.zuil .zuil-container main {
transition: bottom 0.1s linear 0.05s;
}
.zuil .primary-nav, .zuil footer {
display: none;
}
.zuil .zuil-container {
width: 100%;
position: relative;
height: 100vh;
}
.zuil h1 {
display: block;
font-family: gilroyextrabold;
font-style: unset;
font-size: 2.6875rem;
line-height: 1;
text-transform: uppercase;
color: #330066;
margin: 0 0 1.25rem;
}
.zuil .subtitle {
display: block;
margin-bottom: 3.75rem;
font-family: merriweatheritalic;
color: #330066;
font-size: 1.25rem;
}
.zuil main {
position: absolute;
z-index: 99;
left: 0;
right: 0;
bottom: 0;
}
.zuil .newsletter-block-zuil .form-fields {
position: relative;
z-index: 1;
width: 23.375rem;
height: 100vh;
float: right;
background: #fff;
padding: 1.875rem 2.5rem 2.5rem;
}
.zuil .newsletter-block-zuil .form-fields select {
display: none;
}
.zuil .newsletter-block-zuil .form-fields .selectboxit-container,
.zuil .newsletter-block-zuil .form-fields input[type="text"],
.zuil .newsletter-block-zuil .form-fields input[type="email"],
.zuil .newsletter-block-zuil .form-fields input[type="phone"],
.zuil .newsletter-block-zuil .form-fields input[type="text"] {
-webkit-appearance: none;
width: 100%;
height: 2.5rem;
float: left;
margin-bottom: 0.5rem;
border: 0.0625rem solid #330066;
color: #330066;
background: #fff;
font-family: gilroylight;
font-size: 1.375rem;
padding-left: 0.625rem;
}
.zuil .newsletter-block-zuil .form-fields .selectboxit-container {
padding: 0;
}
.zuil .newsletter-block-zuil .form-fields .selectboxit {
color: #330066 !important;
background-color: #fff !important;
border: none !important;
height: 2.375rem;
padding-left: 0.625rem;
}
.zuil .newsletter-block-zuil .form-fields .selectboxit, .zuil .newsletter-block-zuil .form-fields .selectboxit * {
font-family: gilroylight;
font-size: 1.375rem;
line-height: 2.25rem;
}
.zuil .newsletter-block-zuil .form-fields .checkboxlabel {
display: none;
}
.zuil .newsletter-block-zuil .form-fields button {
width: 100%;
border: none;
background-color: #99cc33;
color: #fff;
margin-top: 3.75rem;
font-family: gilroyextrabold;
font-size: 1.375rem;
height: 5.3125rem;
line-height: 5.3125rem;
}
.zuil .is-submit p, .zuil p.melding {
display: block;
color: #330066;
font-family: merriweatheritalic;
font-size: 1.25rem;
}
.zuil .is-submit p strong, .zuil p.melding strong {
display: block;
font-family: gilroyextrabold;
text-transform: uppercase;
font-size: 2.6875rem;
line-height: 1;
margin: 0 0 1.25rem;
}
.zuil .bg-image {
position: fixed;
z-index: 0;
left: 0;
top: 0;
bottom: 0;
width: 40.625rem;
background: no-repeat top left;
background-size: 100%;
}
html, body {
height: 100%;
}
html {
scroll-behavior: smooth;
}
body {
background-attachment: fixed;
background-position-y: 9.375rem;
background-position-x: center;
background-repeat: no-repeat;
min-height: 100%;
height: auto;
}
body.modal-open:after {
display: block;
content: '';
z-index: 33;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: .7;
}
body:after {
display: none;
position: fixed;
top: 0;
left: 0;
color: var(--site-color-pink);
font-size: 0.8125rem;
z-index: 999999999;
}
@media only screen {
body:after {
content: 'small up';
}
}
@media only screen and (min-width: 40.0625em) {
body:after {
content: 'medium up';
}
}
@media only screen and (min-width: 64.0625em) {
body:after {
content: 'large up';
}
}
@media only screen and (min-width: 90.0625em) {
body:after {
content: 'xlarge up';
}
}
main {
position: relative;
}
.has-fixed-nav main {
margin-top: 0;
z-index: 15;
}
.hide {
display: none;
}
.show-on-login {
display: none;
}
.user_loggedin .show-on-login {
display: initial !important;
}
.user_loggedin .hide-on-login {
display: none;
}
.pagehead {
border-bottom: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
max-width: 67.5rem;
padding: 1.25rem 0;
margin: 1.25rem auto;
}
@media only screen and (min-width: 40.0625em) {
.pagehead {
padding: 1.875rem 0;
margin: 2.8125rem auto;
}
}
.pagehead .title {
line-height: 1;
font-size: 2.1875rem;
color: var(--site-color-purple);
display: block;
text-align: center;
}
.pagehead .subtitle {
display: block;
margin-top: 0.625rem;
text-align: center;
color: var(--site-color-purple);
font-size: 0.875rem;
}
[data-role="nav-holder"] {
position: relative;
}
.slider-holder {
position: relative;
}
[data-role="isotope-grid"] > div {
transform: translate3d(0, 0, 0);
}
.mobile .move-right > .inner-wrap {
position: fixed;
}
.mobile .left-off-canvas-menu {
height: 100vh;
overflow: scroll;
position: fixed;
}
.mobile a.more-info:before {
line-height: 1;
height: 1.875rem;
width: 1.875rem;
padding-top: 0.5625rem;
}
a.more-info:before {
line-height: 1;
height: 1.875rem;
width: 1.875rem;
padding-top: 0.4375rem;
}
.show-when-not-finishable {
margin-top: 1.25rem;
margin-bottom: 2.5rem;
}
.continue-checkout-holder {
float: right !important;
}
/* Pagination */
.nav--pagination {
position: relative;
padding: 30px 10px 0;
text-align: center;
}
.nav--pagination .nav__items {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.nav--pagination__item, .nav--pagination li, .nav--paginaton ul li {
display: inline-block;
margin: 0 8px;
color: var(--site-color-pink);
}
.nav--pagination a {
transition: all 300ms ease-out;
color: var(--site-color-text-pink-on-dark);
display: inline-block;
padding: 0 0.25rem;
margin: 0 0.25rem;
}
.nav--pagination a:hover {
color: var(--site-color-pink);
}
.nav--paginaton ul li {
margin: 0;
}
.nav--pagination .nav__link--active {
pointer-events: none;
font-weight: bold;
border-bottom: 2px solid var(--site-color-pink);
color: var(--site-color-pink);
}
.nav--pagination .nav__link:hover {
color: var(--site-color-purple);
}
.MarkupPagerNavOn a {
color: var(--site-color-purple);
font-weight: bold;
}
.MarkupPagerNavPrevious {
padding-right: 0.625rem;
}
.MarkupPagerNavNext {
padding-left: 0.625rem;
}
.MarkupPagerNavPrevious a:before {
font-family: FontAwesome;
content: '\f053';
color: var(--site-color-purple);
font-size: 0.75rem;
padding-right: 0.625rem;
}
.MarkupPagerNavNext a:after {
font-family: FontAwesome;
content: '\f054';
color: var(--site-color-purple);
font-size: 0.75rem;
padding-left: 0.625rem;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
display: inline;
color: var(--site-color-purple);
padding-left: 0.1875rem;
padding-right: 0.1875rem;
}
#ajaxSearch .ajaxSearch_body > ul, #ajaxSearch .ajaxSearch_body > ul > li {
margin: 0;
padding: 0;
list-style: none;
}
#ajaxSearch {
background-color: #fff;
position: absolute;
z-index: 30;
top: 50px;
right: 0px;
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
#ajaxSearch {
width: 200%;
}
}
#ajaxSearch h2 {
margin: 0 0 20px;
}
#ajaxSearch .ajaxSearch_close {
display: block;
position: absolute;
top: 1.25rem;
right: 1.25rem;
}
#ajaxSearch .ajaxSearch_body {
float: left;
width: 100%;
padding: 0.9375rem 1.25rem;
}
#ajaxSearch .ajaxSearch_body ul {
display: block;
}
#ajaxSearch .ajaxSearch_body ul li {
padding: 0.3125rem 0;
line-height: 1.0625rem;
}
#ajaxSearch .ajaxSearch_body ul li a {
transition: color .2s;
display: block;
color: var(--site-color-pink);
font-weight: 600;
}
#ajaxSearch .ajaxSearch_body ul li a:hover {
color: var(--site-color-pink);
}
html.has-search-button #ajaxSearch {
position: fixed;
z-index: 99999999999999999999999;
top: 3.125rem;
width: calc(100% - 2.5rem);
right: 1.25rem;
box-shadow: 0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.0625em) {
html.has-search-button #ajaxSearch {
width: 33.75rem;
right: 0;
}
}
@media only screen and (min-width: 1080px) {
html.has-search-button #ajaxSearch {
right: calc(50% - 33.75rem);
}
}
/* MEETING REVIEW WIDGET */
/* Template = Events */
body.page-events .meetingreview-widget {
position: absolute;
top: -3.125rem;
left: -4.875rem;
}
@media only screen and (min-width: 40.0625em) {
body.page-events .meetingreview-widget {
top: -2.6875rem;
left: -3.5rem;
}
}
body.page-events .meetingreview-widget iframe, body.page-events .meetingreview-widget object, body.page-events .meetingreview-widget embed {
-ms-transform: scale(0.35);
transform: scale(0.35);
}
@media only screen and (min-width: 40.0625em) {
body.page-events .meetingreview-widget iframe, body.page-events .meetingreview-widget object, body.page-events .meetingreview-widget embed {
-ms-transform: scale(0.5);
transform: scale(0.5);
}
}
/* Template = Basic-page || Rent Assistance */
body.page-rent-assistance .meetingreview-widget, body.page-basic-page .meetingreview-widget, body.page-event .meetingreview-widget {
position: absolute;
display: none;
}
@media only screen and (min-width: 40.0625em) {
body.page-rent-assistance .meetingreview-widget, body.page-basic-page .meetingreview-widget, body.page-event .meetingreview-widget {
display: block;
bottom: -4.875rem;
right: -6.6875rem;
}
}
@media only screen and (min-width: 64.0625em) {
body.page-rent-assistance .meetingreview-widget, body.page-basic-page .meetingreview-widget, body.page-event .meetingreview-widget {
bottom: -4.875rem;
right: -6.5rem;
}
}
body.page-rent-assistance .meetingreview-widget iframe, body.page-rent-assistance .meetingreview-widget object, body.page-rent-assistance .meetingreview-widget embed, body.page-basic-page .meetingreview-widget iframe, body.page-basic-page .meetingreview-widget object, body.page-basic-page .meetingreview-widget embed, body.page-event .meetingreview-widget iframe, body.page-event .meetingreview-widget object, body.page-event .meetingreview-widget embed {
-ms-transform: scale(0.4219);
transform: scale(0.4219);
}
@media only screen and (min-width: 64.0625em) {
body.page-rent-assistance .meetingreview-widget iframe, body.page-rent-assistance .meetingreview-widget object, body.page-rent-assistance .meetingreview-widget embed, body.page-basic-page .meetingreview-widget iframe, body.page-basic-page .meetingreview-widget object, body.page-basic-page .meetingreview-widget embed, body.page-event .meetingreview-widget iframe, body.page-event .meetingreview-widget object, body.page-event .meetingreview-widget embed {
-ms-transform: scale(0.44);
transform: scale(0.44);
}
}
body.page-rent-assistance .meetingreview-widget iframe, body.page-basic-page .meetingreview-widget iframe, body.page-event .meetingreview-widget iframe {
border-bottom: 2px solid #c7c7c7;
}
/* Template = Basic-page || Rent Assistance */
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
body.page-venue div.widget-padding {
padding-top: 3.125rem;
}
}
body.page-venue .meetingreview-widget {
position: absolute;
display: none;
}
@media only screen and (min-width: 40.0625em) {
body.page-venue .meetingreview-widget {
display: block;
top: -4.875rem;
right: -3.6875rem;
}
}
@media only screen and (min-width: 64.0625em) {
body.page-venue .meetingreview-widget {
top: -8.75rem;
right: -35.1875rem;
}
}
@media only screen and (min-width: 67.5rem) {
body.page-venue .meetingreview-widget {
right: -36.8125rem;
}
}
body.page-venue .meetingreview-widget iframe, body.page-venue .meetingreview-widget object, body.page-venue .meetingreview-widget embed {
-ms-transform: scale(0.5);
transform: scale(0.5);
}
@media only screen and (min-width: 64.0625em) {
body.page-venue .meetingreview-widget iframe, body.page-venue .meetingreview-widget object, body.page-venue .meetingreview-widget embed {
-ms-transform: scale(0.6);
transform: scale(0.6);
}
}
#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton {
margin-bottom: 8px;
padding: 10px 0px;
}
#CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline {
min-width: 150px !important;
width: auto !important;
background-color: #ffffff !important;
border: none !important;
color: #BBBBBB !important;
text-decoration: underline !important;
}
section.genres {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
section.genres .tf-widget {
text-align: right;
min-height: 1.9375rem;
}
.tf-widget.tf-widget {
padding: 0;
margin: 0;
background: transparent;
max-width: 100%;
}
.tf-widget.tf-widget.tf-stars {
display: inline-block;
cursor: pointer;
width: auto;
margin: -4px 0 0 12px;
}
.tf-widget.tf-widget .tf-star-rating {
cursor: pointer;
}
.tf-widget.tf-widget .tf-star-rating img {
display: none;
}
.tf-widget.tf-widget .tf-star-rating .tf-unfilled-star {
display: none;
}
.tf-widget.tf-widget .tf-star-rating .tf-filled-star {
color: #febb02;
display: inline;
}
.ratings {
border-top: 0.0625rem solid #c7c7c7;
margin-bottom: -0.125rem;
}
.ratings .showcontent h2 {
padding: 1.25rem 0;
}
.ratings .showcontent .tf-widget.tf-widget {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
.ratings .showcontent .tf-widget.tf-widget .tf-star-rating {
display: none;
}
.ratings .showcontent .tf-widget.tf-widget .tf-star-container .tf-unfilled-star {
display: none;
}
.ratings .showcontent .tf-widget.tf-widget .tf-star-container .tf-filled-star {
color: #febb02;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container {
display: block !important;
margin: 25px 0 0 0;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list {
background-color: transparent;
position: relative;
margin: 0 0 -1px 0;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list:after {
content: '';
position: relative;
width: 100%;
height: 0.0625rem;
z-index: 0;
top: -0.0625rem;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list > li {
font-size: 1.125rem;
font-weight: normal;
text-transform: lowercase;
color: #191919;
z-index: 10;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list > li span:hover {
color: #000;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-tab-list > li.tf-active-tab-header {
background: #f4f2f6;
position: relative;
border-bottom: 1px solid #f4f2f6;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form {
min-height: 415px;
position: relative;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list:before, .ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list:after,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list:before,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list:after,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form:before,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form:after {
content: '';
background: #f4f2f6;
position: absolute;
width: 50%;
height: 100%;
top: 0;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list:before,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list:before,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form:before {
left: -50%;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list:after,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list:after,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form:after {
right: -50%;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list {
margin: 0;
padding: 1.25rem 15px 0.625rem;
padding-bottom: 4.6875rem;
background: #f4f2f6;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction {
border-bottom: 0.0625rem solid #d1d1d1;
padding-bottom: 0.9375rem;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction:last-child {
border-bottom: none;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction .tf-star-container {
float: right;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction .tf-reaction-date,
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction .tf-location-name {
font-family: "GT Flexa Light", sans-serif;
font-size: 1rem;
color: #848484;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction .tf-reaction-text {
font-family: "GT Flexa Light", sans-serif;
font-size: 1rem;
color: #191919;
width: 100%;
margin-top: 10px;
}
@media only screen and (min-width: 40.0625em) {
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-list .tf-reaction .tf-reaction-text {
width: 85%;
}
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list {
background: #f4f2f6;
padding: 1.25rem 15px 0.625rem;
padding-bottom: 4.6875rem;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-star-container {
float: right;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review {
border-bottom: 1px solid #d1d1d1;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review:last-child {
border-bottom: none;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review-date {
font-family: "GT Flexa Light", sans-serif;
font-size: 1rem;
color: #848484;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review-source {
font-family: "GT Flexa Light", sans-serif;
font-size: 1rem;
color: #333;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review-text {
color: #5e5e5e;
width: 100%;
margin-top: 0.625rem;
}
@media only screen and (min-width: 40.0625em) {
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-review-text {
width: 85%;
}
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-review-list .tf-read-more-link {
display: block;
color: var(--site-color-purple);
margin-top: 10px;
}
.ratings .showcontent .tf-widget.tf-widget .tf-tab-container .tf-reaction-form {
background: #f4f2f6;
padding: 1.25rem 10px 0.625rem;
margin: 0;
}
.reviews {
position: relative;
}
.reviews .reviews-container {
position: relative;
min-height: 32.8125rem;
max-height: 40.625rem;
overflow: hidden;
}
.reviews .reviews-container.reviews-show {
max-height: 100%;
min-height: auto;
}
.reviews .reviews-container.reviews-show:after {
content: none;
}
.reviews .reviews-container:after {
content: '';
position: absolute;
width: 100%;
height: 200px;
bottom: 0;
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f4f2f6 75%, #f4f2f6 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f4f2f6', GradientType=0);
/* IE6-9 */
}
.reviews .reviews-toggle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: absolute;
z-index: 250;
bottom: 0.625rem;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #734397;
}
.reviews .reviews-toggle span {
text-transform: lowercase;
padding-left: 0.625rem;
}
.reviews .reviews-toggle:before {
margin: 0 auto;
display: inline-block;
font-family: FontAwesome;
font-size: 1rem !important;
content: '\f078';
font-size: 20px;
background: #734397;
border-radius: 50%;
color: white;
line-height: 1.875rem;
height: 1.875rem;
width: 1.875rem;
text-align: center;
transition: all 0.3s ease;
}
.reviews .reviews-toggle:hover:before {
background: var(--site-color-purple);
}
.reviews .reviews-toggle.active:before {
content: '\f077';
line-height: 1.625rem;
}
.mt_top_fixed {
margin-top: 0.625rem;
}
input.no-margin {
margin-top: 0;
}
@media only screen and (min-width: 67.5rem) {
.row.decollapse {
margin-left: -0.625rem !important;
margin-right: -0.625rem !important;
}
}
.fb_iframe_widget iframe {
height: 0;
}
.TextformatterVideoEmbed {
break-inside: avoid-column;
}
.TextformatterVideoEmbed + .TextformatterVideoEmbed {
margin-top: 1.25rem;
}
.TextformatterVideoEmbed iframe {
transform: translate3d(0, 0, 0);
}
.calendarpopup {
margin-right: 15px;
}
.yesplan-calendar-modal {
display: none;
padding: 15px;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal {
padding: 0;
}
}
.yesplan-calendar-modal .modal-body {
width: 100%;
max-width: 100%;
padding: 0;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body {
padding: 0.9375rem;
}
}
.yesplan-calendar-modal .modal-body .modal-title {
width: 100%;
text-align: center;
}
.yesplan-calendar-modal .modal-body .column-yesplan {
display: inline-block;
-ms-flex-preferred-size: 13.57%;
flex-basis: 13.57%;
}
.yesplan-calendar-modal .modal-body .blocks {
margin-left: 0;
margin-right: 0;
}
.yesplan-calendar-modal .modal-body .grouped_blocks {
position: relative;
overflow: hidden;
}
.yesplan-calendar-modal .modal-body .agenda .block {
width: 100%;
height: 20px;
overflow: hidden;
}
.yesplan-calendar-modal .modal-body .grid_block_a {
border: solid 1px darkgray;
}
.yesplan-calendar-modal .modal-body .grid_block_b {
border-bottom: solid 1px lightgrey;
}
.yesplan-calendar-modal .modal-body .header {
text-align: center;
}
.yesplan-calendar-modal .modal-body .body-yesplan {
margin-top: 1.25rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .body-yesplan {
margin-top: 2rem;
}
}
.yesplan-calendar-modal .modal-body .week {
display: inline-block;
margin: 16px;
border: solid 1px gray;
}
.yesplan-calendar-modal .modal-body .week.selected {
background: gray;
}
.yesplan-calendar-modal .modal-body .event {
position: absolute;
width: 100%;
height: 20px;
overflow: hidden;
}
.yesplan-calendar-modal .modal-body .event.eventstatus_REQUEST {
background-color: #734397;
}
.yesplan-calendar-modal .modal-body .event.eventstatus_UNAVAILABLE {
background-color: var(--site-color-purple);
z-index: 2;
}
.yesplan-calendar-modal .modal-body .agenda .body {
margin-top: 2.0625rem;
float: left;
}
.yesplan-calendar-modal .modal-body .agenda .header {
width: 100%;
display: none;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.1875rem;
font-style: normal;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .header {
display: -ms-flexbox;
display: flex;
}
}
.yesplan-calendar-modal .modal-body .agenda .header .angle-right::after {
content: "\f105";
font-family: FontAwesome;
float: left;
margin-left: 0.625rem;
margin-top: -1px;
}
.yesplan-calendar-modal .modal-body .agenda .header .angle-right-double::after {
content: "\f101";
font-family: FontAwesome;
float: left;
margin-left: 0.625rem;
margin-top: -1px;
}
.yesplan-calendar-modal .modal-body .agenda .header .angle-left-double::after {
content: "\f100";
font-family: FontAwesome;
float: left;
margin-right: 0.625rem;
margin-top: -1px;
}
.yesplan-calendar-modal .modal-body .agenda .header .angle-left::after {
content: "\f104";
font-family: FontAwesome;
float: left;
margin-right: 0.625rem;
margin-top: -1px;
}
.yesplan-calendar-modal .modal-body .agenda .block {
margin-top: 0;
border-right: 1px solid white !important;
}
.yesplan-calendar-modal .modal-body .agenda .block .minutes {
display: none;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .block .minutes {
display: inline;
}
}
.yesplan-calendar-modal .modal-body .agenda .column-yesplan:last-child {
float: left;
}
.yesplan-calendar-modal .modal-body .agenda .column-yesplan:last-child .grouped_blocks {
border-right: solid 1px gray;
}
.yesplan-calendar-modal .modal-body .agenda .column-yesplan:first-child {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
}
.yesplan-calendar-modal .modal-body .agenda .weeks {
display: none;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 0.25rem;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .weeks {
-ms-flex-direction: row;
flex-direction: row;
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.yesplan-calendar-modal .modal-body .agenda .weeks-select {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .weeks-select {
display: none;
}
}
.yesplan-calendar-modal .modal-body .agenda .weeks-select #week_select {
height: 2.8125rem;
border: none;
border-bottom: 1px solid black;
width: 80%;
}
.yesplan-calendar-modal .modal-body .agenda .week {
padding: 0.25rem;
padding-left: 0.875rem;
padding-right: 0.875rem;
font-weight: bold;
box-shadow: 0px 1px 6px 0px #9C9C9C;
border: none;
margin: 0.3125rem;
cursor: pointer;
letter-spacing: -0.0625rem;
}
.yesplan-calendar-modal .modal-body .agenda .week.selected {
background-color: #e3e3e3;
}
.yesplan-calendar-modal .modal-body .agenda .grid_block_a {
border-top: none;
}
.yesplan-calendar-modal .modal-body .agenda .grid_block_b {
border-bottom: dotted lightgrey 1px;
}
.yesplan-calendar-modal .modal-body .agenda .days-yesplan {
margin-top: 1.25rem;
color: slategray;
text-align: right;
}
.yesplan-calendar-modal .modal-body .agenda .days-yesplan .block {
padding: 0 0.1875rem 0 0;
font-size: 0.75rem;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .days-yesplan .block {
padding: 0 0.625rem;
font-size: 1rem;
}
}
.yesplan-calendar-modal .modal-body .agenda .days-yesplan-top {
color: lightgray;
border-bottom: 1px solid darkgray;
}
.yesplan-calendar-modal .modal-body .agenda .days-yesplan-top .weekday {
display: block;
float: left;
margin-left: 0.1875rem;
}
.yesplan-calendar-modal .modal-body .agenda .days-yesplan-top strong {
float: left;
font-weight: bold;
font-size: 1rem;
color: black;
}
.yesplan-calendar-modal .modal-body .agenda .yes-actions {
margin-top: 1.25rem;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.yesplan-calendar-modal .modal-body .agenda .yes-actions .yesplan-boek-direct {
margin-top: 0;
margin-right: 0;
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan {
float: left;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 1.25rem;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan {
padding-left: 0;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
}
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-beschikbaar {
float: left;
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-beschikbaar::before {
float: left;
content: '';
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
border: 1px solid lightgray;
margin-top: 0.125rem;
margin-right: 0.4375rem;
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-request {
float: left;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-request {
margin-left: 2.5rem;
}
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-request::before {
float: left;
content: '';
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
border: 1px solid #734397;
background-color: #734397;
margin-top: 0.125rem;
margin-right: 0.4375rem;
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-onbeschikbaar {
float: left;
}
@media only screen and (min-width: 40.0625em) {
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-onbeschikbaar {
margin-left: 2.5rem;
}
}
.yesplan-calendar-modal .modal-body .agenda .beschikbaarheid-yesplan .yes-onbeschikbaar::before {
float: left;
content: '';
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
border: 1px solid var(--site-color-purple);
background-color: var(--site-color-purple);
margin-top: 0.125rem;
margin-right: 0.4375rem;
}
.yesplan-calendar-modal .modal-body .agenda .yesplan-boek-direct {
float: right;
margin-right: 2.5rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
color: white;
}
.input-addon input[type="date"] {
height: 3.125rem;
border: var(--site-color-text-pink-on-dark) 2px solid;
margin-top: 0 !important;
padding: 0 16px;
}
.melding {
margin-top: 0.625rem;
padding-top: 1.125rem;
border-top: 1px solid var(--site-color-text-pink-on-dark);
font-weight: bold;
}
.melding-non-bold {
margin-top: 0.625rem;
padding-top: 1.125rem;
border-top: 1px solid var(--site-color-text-pink-on-dark);
}
.review-slider {
margin-bottom: 2.5rem;
}
.review-slider .slide-review a {
color: #222;
text-decoration: none;
}
.review-slider .slide-review strong {
float: left;
width: 80%;
}
.review-slider .slide-review .review-detail {
-webkit-line-clamp: 6;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
width: 100%;
}
@media only screen and (min-width: 40.0625em) {
.review-slider .slide-review .review-detail {
width: 80%;
}
}
.review-slider h2 {
margin-top: 0;
margin-bottom: 1.25rem;
margin-left: 0;
font-weight: bold;
}
.review-slider .checked {
color: orange;
}
.event-managers {
margin-bottom: 2.5rem;
}
.event-managers h2 {
margin-left: 0;
margin-bottom: 1.25rem;
margin-top: 0;
font-weight: bold;
}
.event-managers .slider-event-managers {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.625rem;
}
.event-managers .slider-event-managers .event-managers-container {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
border-radius: 12px;
overflow: hidden;
}
.event-managers .slider-event-managers .event-managers-container::after {
content: "";
background: transparent;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 4;
transition: background .5s ease;
}
.event-managers .slider-event-managers .event-managers-container:hover::after {
background: var(--site-color-purple-70);
}
@media only screen and (min-width: 40.0625em) {
.event-managers .slider-event-managers .event-managers-container {
-ms-flex-preferred-size: calc(33.3% - 6.666px);
flex-basis: calc(33.3% - 6.666px);
}
}
.event-managers .slider-event-managers .event-managers-container img {
float: left;
width: 100%;
}
.event-managers .slider-event-managers .event-managers-container .button-overlay-em {
position: relative;
float: left;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: -4.375rem;
-ms-flex-pack: center;
justify-content: center;
z-index: 5;
}
.event-managers .slider-event-managers .event-managers-container .event-managers-name {
color: #ffffff;
font-size: 1.25rem;
font-weight: bold;
position: absolute;
left: 0;
right: 0;
text-align: center;
padding: 1.25rem;
z-index: 5;
text-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.9);
}
.event-managers .ghostbutton {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0.125rem solid #ffffff;
padding: 0.8125rem 2.5rem;
font-size: 1rem;
letter-spacing: 0.125rem;
white-space: nowrap;
color: #ffffff;
text-transform: lowercase;
transition: all .5s ease;
border-radius: 9999px;
}
.event-managers .ghostbutton:hover {
background: #ffffff;
color: var(--site-color-purple);
}
.available-label {
position: absolute;
top: 0.75rem;
left: 0.75rem;
background-color: #ffff00;
border-radius: 12px 12px;
}
.available-label span {
float: left;
color: var(--site-color-purple);
line-height: 2.5rem;
padding: 0 0.9375rem;
font-size: 0.875rem;
}
@media only screen and (min-width: 64.0625em) {
.available-label span {
padding: 0 1.25rem;
font-size: 1rem;
line-height: 3.125rem;
}
}
.venue-block:hover .available-label {
opacity: 0;
transition: all .3s ease;
}
.onze-klanten h2 {
margin-left: 0;
margin-bottom: 1.25rem;
margin-top: 0;
font-weight: bold;
}
.onze-klanten .slider-customers .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.onze-klanten .slider-customers .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.onze-klanten .slider-customers .slick-track .slick-slide img {
width: 75%;
}
@font-face {
font-family: clip;
font-display: swap;
src: url("/fonts/clip.ttf") format("truetype");
}
.quizmaster {
position: fixed;
bottom: 1.875rem;
right: 1.875rem;
background-image: url("/img/maaspoort_fireworks.jpg");
background-size: cover;
z-index: 999;
min-height: 31.25rem;
display: none;
}
@media only screen and (min-width: 64.0625em) {
.quizmaster {
display: block;
}
}
.quizmaster .close-quiz {
color: white;
text-align: right;
margin: 0.625rem;
margin-top: 0.1875rem;
}
.quizmaster .close-quiz:after {
font-family: FontAwesome;
content: '\f00d';
color: white;
font-size: 0.75rem;
}
.quizmaster .quiz-shell {
margin: 1.25rem;
}
.quizmaster .quiz-shell .quiz-question {
font-size: 2.375rem;
font-family: clip;
text-align: center;
color: white;
}
@media only screen and (min-width: 90.0625em) {
.quizmaster .quiz-shell .quiz-question {
font-size: 2.8125rem;
}
}
.quizmaster .quiz-shell .quiz-answers {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2%;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.quizmaster .quiz-shell .quiz-answers a {
margin-top: 0.625rem;
}
.quizmaster .quiz-shell .quiz-answers img {
width: calc(25% - 1.5%);
}
.quizmaster .quiz-shell .quiz-answers img:hover {
cursor: pointer;
}
.quizmaster .quiz-cover, .quizmaster .quiz-ending {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: 6.25rem;
}
.quizmaster .quiz-cover .disclaimer, .quizmaster .quiz-ending .disclaimer {
color: white;
text-align: center;
margin-top: 7.5rem;
}
.quizmaster .quiz-cover .quiz-title, .quizmaster .quiz-ending .quiz-title {
font-size: 3.125rem;
font-family: clip;
text-align: center;
color: white;
}
.quizmaster .quiz-cover .quiz-subtext, .quizmaster .quiz-ending .quiz-subtext {
border: 3px solid white;
color: white;
text-align: center;
margin: 1.25rem;
text-transform: lowercase;
font-weight: bold;
}
.quizmaster .quiz-cover .quiz-subtext p, .quizmaster .quiz-ending .quiz-subtext p {
padding: 0.3125rem;
}
.quizmaster .qs-1, .quizmaster .qs-2, .quizmaster .qs-3, .quizmaster .quiz-ending {
display: none;
margin-top: 3.5rem;
}
.quizmaster .qs-1 .quiz-question, .quizmaster .qs-2 .quiz-question, .quizmaster .qs-3 .quiz-question, .quizmaster .quiz-ending .quiz-question {
margin-bottom: 1.75rem;
}
.gallery {
width: 100%;
margin-bottom: 2.5rem;
}
.gallery .collage {
width: 100%;
}
.gallery .collage-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.0625rem;
border-radius: 0.75rem;
overflow: hidden;
}
@media only screen and (min-width: 40.0625em) {
.gallery .collage-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 31.25rem;
}
}
.gallery .collage-grid .youtube-item:after {
font-family: FontAwesome;
content: '\f04b';
color: white;
font-size: 1.875rem;
}
.gallery .collage-grid .collage-item-grid {
width: calc(50% - 1px);
display: none;
overflow: hidden;
background-color: #ffffff;
}
.gallery .collage-grid .collage-item-grid:nth-child(-n + 6) {
display: block;
}
@media only screen and (min-width: 40.0625em) {
.gallery .collage-grid .collage-item-grid {
width: 100%;
}
}
.gallery .collage-grid .collage-item-grid a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease;
}
.gallery .collage-grid .collage-item-grid a:hover img {
opacity: .7;
}
.gallery .collage-grid .collage-item-grid a.video {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative;
}
.gallery .collage-grid .collage-item-grid a.video::after {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-size: 2.5rem;
font-family: FontAwesome;
content: "\f144";
}
.gallery .collage-item-grid:nth-child(1) {
grid-area: 1 / 1 / 3 / 3;
}
.gallery .collage-item-grid:nth-child(2) {
grid-area: 3 / 1 / 4 / 2;
}
.gallery .collage-item-grid:nth-child(3) {
grid-area: 3 / 2 / 4 / 3;
}
.gallery .collage-item-grid:nth-child(4) {
grid-area: 1 / 3 / 2 / 4;
}
.gallery .collage-item-grid:nth-child(5) {
grid-area: 1 / 4 / 2 / 5;
}
.gallery .collage-item-grid:nth-child(6) {
grid-area: 2 / 3 / 4 / 5;
}
@media only screen and (min-width: 90.0625em) {
.gallery .collage-item-grid:nth-child(1) {
grid-area: 1 / 1 / 3 / 3;
}
.gallery .collage-item-grid:nth-child(2) {
grid-area: 3 / 1 / 4 / 2;
}
.gallery .collage-item-grid:nth-child(3) {
grid-area: 3 / 2 / 4 / 3;
}
.gallery .collage-item-grid:nth-child(4) {
grid-area: 1 / 3 / 2 / 4;
}
.gallery .collage-item-grid:nth-child(5) {
grid-area: 1 / 4 / 2 / 5;
}
.gallery .collage-item-grid:nth-child(6) {
grid-area: 2 / 3 / 4 / 5;
}
}
.filter-selector .location-date-filter {
width: 100%;
height: 3.125rem;
border: none;
padding: 0.625rem;
padding-top: 0.8125rem;
border-radius: 12px;
}
.filter-selector .location-date-filter:focus-visible {
border: none;
outline: none;
}
.subnav-events {
background-color: transparent;
margin-top: 1.25rem;
display: none;
border-bottom: none;
}
@media only screen and (min-width: 64.0625em) {
.subnav-events {
display: block;
}
}
.subnav-events .event-bar {
background-color: var(--site-color-purple);
border-bottom: 0.0625rem solid #360847;
border-radius: 12px;
padding-inline: 1.25rem;
height: 3.125rem;
}
.subnav-events .event-bar .sub-menu-wrap {
border-top: 0.625rem solid transparent;
}
.subnav-events .event-bar .sub-menu-wrap .title {
left: 0;
}
.subnav-events .event-bar .submenu-review {
float: right;
font-weight: bold;
color: white;
margin-top: 0.8125rem;
}
.subnav-events .event-bar .submenu-review span {
text-transform: none;
}
.subnav-events .event-bar a {
color: white;
}
.venue-tout .location-date-filter {
color: var(--site-color-purple);
}
.venue-tout button[type="submit"] {
border: 2px solid #f88306;
background: #f88306;
}
.venue-tout button[type="submit"]:hover {
color: #f88306;
}
.blocks + .highlights {
margin-top: 2.5rem;
}
.no-space-bottom.no-space-bottom {
padding-bottom: 0;
margin-bottom: 0;
}
.space-bottom {
margin-bottom: 2.5rem;
}
.highlights {
margin-bottom: 2.5rem;
}
section.highlights {
margin-top: 2.5rem;
}
section.highlights > .row.collapse {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media only screen and (min-width: 90.0625em) {
section.highlights > .row.collapse {
padding-left: 0;
padding-right: 0;
}
}
section.highlights h2 {
margin-top: 0;
margin-bottom: 1.25rem;
margin-left: 0;
font-weight: bold;
}
section.highlights .small-12.columns.highlights {
padding-right: 1px !important;
margin-left: -0.625rem;
}
@media only screen and (min-width: 90.0625em) {
section.highlights .small-12.columns.highlights {
margin-left: 0;
}
}
.events-seo-title.events-seo-title h1 {
font-size: 1.625rem;
display: block;
color: var(--site-color-purple);
line-height: 1.2;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media only screen and (min-width: 40.0625em) {
.events-seo-title.events-seo-title h1 {
font-size: 1.875rem;
}
}
@media only screen and (min-width: 64.0625em) {
.events-seo-title.events-seo-title h1 {
font-size: 2.125rem;
}
}
.account-wensenlijst-menu {
width: 100%;
margin: 2.5625rem 0 2.0625rem 0;
padding: 0;
float: left;
overflow: hidden;
max-height: 32.5rem;
transition: all 200ms;
font-size: 0.875rem;
}
.account-wensenlijst-menu > .row > .columns {
padding-inline: 0;
}
.account-wensenlijst-menu ul.submenu {
margin: 0;
padding: 0;
}
@media only screen and (min-width: 56.875rem) {
.account-wensenlijst-menu li {
display: inline-block;
}
}
.account-wensenlijst-menu li.goto {
position: relative;
}
@media only screen and (min-width: 56.875rem) {
.account-wensenlijst-menu li.goto {
display: none;
}
}
.account-wensenlijst-menu li.goto:after {
position: absolute;
right: 1.25rem;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: FontAwesome;
font-size: 1.125rem;
content: '\f0c9';
cursor: pointer;
}
@media only screen and (min-width: 56.875rem) {
.account-wensenlijst-menu li:last-child {
float: right;
}
}
.account-wensenlijst-menu li a {
display: block;
padding: 1.25rem;
color: #333333;
font-weight: bold;
transition: all ease .3s;
text-decoration: none;
}
html.no-mobile .account-wensenlijst-menu li a:hover {
color: #ffffff;
background: var(--site-color-purple);
}
.account-wensenlijst-menu li.active a {
color: #ffffff;
background: var(--site-color-purple) !important;
}
.education-modal {
display: none;
padding: 0.9375rem;
}
@media only screen and (min-width: 64.0625em) {
.education-modal {
padding: 1.875rem;
}
}
.education-modal .frm-checkbox-group {
columns: 2;
float: left;
margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 64.0625em) {
.education-modal .frm-checkbox-group {
columns: 4;
}
}
.education-modal .frm-checkbox-group label {
padding: 0;
margin: 0;
font-family: "GT Flexa Light", sans-serif;
}
.education-modal .frm-checkbox-group input[type="checkbox"] {
width: unset;
float: unset;
}
.education-modal .button-holder {
text-align: right;
}
.education-modal .button-holder .button-primary {
float: unset;
}
.education-modal #frm_activiteitSelectBoxItContainer .selectboxit-disabled {
color: grey;
cursor: not-allowed;
}
.education-modal #frm_activiteitSelectBoxItContainer .selectboxit-disabled:hover {
font-weight: 400;
}
.education-modal #frm_activiteitSelectBoxItContainer .selectboxit-disabled::after {
content: attr(data-uitverkocht-label);
margin-left: 0.625rem;
}
.education-modal .frm_factuur_busvervoer_holder {
display: none;
}
.education-modal .foutmelding {
border: 0.0625rem solid #f04124;
padding: 0.5rem;
background-color: rgba(240, 65, 36, 0.3);
color: #f04124;
}
.education-modal .selectboxit-option {
white-space: normal;
line-height: 1;
margin-block: 15px;
}
.education-modal .selectboxit-btn .selectboxit-text {
overflow: hidden;
width: 100%;
max-width: unset !important;
display: block;
color: #856e90;
}
.education-modal .agreement-check {
display: grid;
grid-template-columns: auto auto;
gap: 10px;
}
.education-modal .agreement-check .agreement-checkbox {
width: 13px;
}
/*# sourceMappingURL=site.css.map */