#wpadminbar>.godaddy-styles *,.godaddy-styles *{font-family:GD Sherpa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4}#wpadminbar>.godaddy-styles .is-bigger,.godaddy-styles .is-bigger{font-size:1.1em!important;font-weight:500!important}#wpadminbar>.godaddy-styles .components-button,#wpadminbar>.godaddy-styles.components-button,.godaddy-styles .components-button,.godaddy-styles.components-button{border:0;border-radius:6px;box-shadow:none;font-size:1em;height:auto;line-height:1;padding:1.25em;transition:background-color,color,.2s ease-in-out}#wpadminbar>.godaddy-styles .components-button:disabled,#wpadminbar>.godaddy-styles.components-button:disabled,.godaddy-styles .components-button:disabled,.godaddy-styles.components-button:disabled{opacity:.5}#wpadminbar>.godaddy-styles .components-button>svg,#wpadminbar>.godaddy-styles.components-button>svg,.godaddy-styles .components-button>svg,.godaddy-styles.components-button>svg{height:24px;margin-left:.2em;position:relative;right:-5px;top:-1px;transform:scale(.75);width:24px}#wpadminbar>.godaddy-styles .components-button.no-padding,#wpadminbar>.godaddy-styles.components-button.no-padding,.godaddy-styles .components-button.no-padding,.godaddy-styles.components-button.no-padding{padding:0}#wpadminbar>.godaddy-styles .components-button.is-big,#wpadminbar>.godaddy-styles.components-button.is-big,.godaddy-styles .components-button.is-big,.godaddy-styles.components-button.is-big{font-size:1.1em;font-weight:600;padding:1.5em}#wpadminbar>.godaddy-styles .components-button.is-primary,#wpadminbar>.godaddy-styles.components-button.is-primary,.godaddy-styles .components-button.is-primary,.godaddy-styles.components-button.is-primary{background-color:#000;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-primary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:hover:not([disabled]),.godaddy-styles .components-button.is-primary:active:not([disabled]),.godaddy-styles .components-button.is-primary:hover:not([disabled]),.godaddy-styles.components-button.is-primary:active:not([disabled]),.godaddy-styles.components-button.is-primary:hover:not([disabled]){background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-button.is-secondary,#wpadminbar>.godaddy-styles.components-button.is-secondary,.godaddy-styles .components-button.is-secondary,.godaddy-styles.components-button.is-secondary{box-shadow:none;color:#111}#wpadminbar>.godaddy-styles .components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-secondary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:hover:not([disabled]),.godaddy-styles .components-button.is-secondary:active:not([disabled]),.godaddy-styles .components-button.is-secondary:hover:not([disabled]),.godaddy-styles.components-button.is-secondary:active:not([disabled]),.godaddy-styles.components-button.is-secondary:hover:not([disabled]){border:0;box-shadow:none;color:#000}#wpadminbar>.godaddy-styles .components-button.is-tertiary,#wpadminbar>.godaddy-styles.components-button.is-tertiary,.godaddy-styles .components-button.is-tertiary,.godaddy-styles.components-button.is-tertiary{border:1px solid #111;color:#111}#wpadminbar>.godaddy-styles .components-button.is-tertiary:hover,#wpadminbar>.godaddy-styles.components-button.is-tertiary:hover,.godaddy-styles .components-button.is-tertiary:hover,.godaddy-styles.components-button.is-tertiary:hover{background-color:#111;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-link,#wpadminbar>.godaddy-styles.components-button.is-link,.godaddy-styles .components-button.is-link,.godaddy-styles.components-button.is-link{box-shadow:none;color:#00a4a6;padding:0;text-decoration:none}#wpadminbar>.godaddy-styles .components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-link:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:hover:not([disabled]),.godaddy-styles .components-button.is-link:active:not([disabled]),.godaddy-styles .components-button.is-link:hover:not([disabled]),.godaddy-styles.components-button.is-link:active:not([disabled]),.godaddy-styles.components-button.is-link:hover:not([disabled]){color:#111;outline:none}#wpadminbar>.godaddy-styles .components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.has-icon:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:hover:not([disabled]),.godaddy-styles .components-button.has-icon:active:not([disabled]),.godaddy-styles .components-button.has-icon:hover:not([disabled]),.godaddy-styles.components-button.has-icon:active:not([disabled]),.godaddy-styles.components-button.has-icon:hover:not([disabled]){background-color:transparent;color:#00a4a6}#wpadminbar>.godaddy-styles .components-modal__frame,#wpadminbar>.godaddy-styles.components-modal__frame,.godaddy-styles .components-modal__frame,.godaddy-styles.components-modal__frame{border-radius:1rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content,.godaddy-styles .components-modal__frame .components-modal__content,.godaddy-styles.components-modal__frame .components-modal__content{margin-top:0;padding:4.5rem 4.5rem 4.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content:before,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content:before,.godaddy-styles .components-modal__frame .components-modal__content:before,.godaddy-styles.components-modal__frame .components-modal__content:before{margin:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content p:last-child,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content p:last-child,.godaddy-styles .components-modal__frame .components-modal__content p:last-child,.godaddy-styles.components-modal__frame .components-modal__content p:last-child{margin-bottom:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header{border-bottom:0;font-size:2rem;height:unset;margin-bottom:.75em;padding:0;position:relative}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container{margin-right:8px}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading{font-size:2rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon{font-size:1rem;left:auto;padding:.25em;position:absolute;right:-3.5rem;top:-3.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg{margin-left:0;right:0;top:0;transform:scale(1)}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input{margin-bottom:.5em}#wpadminbar>.godaddy-styles .ux-tag,.godaddy-styles .ux-tag{border-radius:4px;color:#000;font-size:.9em;font-weight:700;letter-spacing:.05625rem;line-height:1.5;padding-block:8px;padding-inline:8px;text-transform:uppercase;white-space:nowrap}#wpadminbar>.godaddy-styles .ux-tag-critical,.godaddy-styles .ux-tag-critical{background-color:#fbb}#wpadminbar>.godaddy-styles .ux-tag-highlight,.godaddy-styles .ux-tag-highlight{background-color:#a6fff8}#wpadminbar>.godaddy-styles .ux-tag-info,.godaddy-styles .ux-tag-info{background-color:#d3c1f7}#wpadminbar>.godaddy-styles .ux-tag-internal,.godaddy-styles .ux-tag-internal{background-color:#fbd9ed}#wpadminbar>.godaddy-styles .ux-tag-neutral,.godaddy-styles .ux-tag-neutral{background-color:#ddeaf8}#wpadminbar>.godaddy-styles .ux-tag-passive,.godaddy-styles .ux-tag-passive{background-color:#f4f8fc}#wpadminbar>.godaddy-styles .ux-tag-success,.godaddy-styles .ux-tag-success{background-color:#9fffb8}#wpadminbar>.godaddy-styles .ux-tag-warning,.godaddy-styles .ux-tag-warning{background-color:#ffeea9}#wpadminbar>.godaddy-styles .components-toggle-control,#wpadminbar>.godaddy-styles.components-toggle-control,.godaddy-styles .components-toggle-control,.godaddy-styles.components-toggle-control{align-items:flex-end;display:flex}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles .components-toggle-control__field,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles.components-toggle-control__field,.godaddy-styles .components-toggle-control .components-base-control__field,.godaddy-styles .components-toggle-control__field,.godaddy-styles.components-toggle-control .components-base-control__field,.godaddy-styles.components-toggle-control__field{margin:0}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track{background-color:#f3f6f8}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track{background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__help,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__help,.godaddy-styles .components-toggle-control .components-base-control__help,.godaddy-styles.components-toggle-control .components-base-control__help{margin:0}* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
font-family: 'Open Sans', sans-serif;
}
@font-face {
font-family: 'Bebas Neue';
font-family: 'Open sans';
font-weight: normal;
font-style: normal;
}
a {
text-decoration: none;
color: inherit;
}
div, a, span, p, li, h1, h2, h3, h4, h5, h6 {
font-family: 'Open sans';
font-size: 18px;
color: var(--textColor);
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Bebas Neue', cursive;
font-weight: normal;
color: var(--textColor);
}
ol { list-style-position: inside }
h1 { -webkit-text-stroke: 3px var(--textColor); color: transparent; font-size: 120px; line-height: 120px; }
h2 { font-size: 72px; line-height: 72px; }
h3 { font-size: 48px; line-height: 48px; }
h4 { font-size: 36px; line-height: 36px; }
h5 { font-size: 24px; line-height: 24px; }
h6 { font-size: 20px; line-height: 20px; }
ul {
list-style: none;
}
body {
background: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/bg.png);
}
:root {
--vMargin: 40px;
}
.mtm1vh { margin-top: -1vh; }
.mtm2vh { margin-top: -2vh; }
.mtm3vh { margin-top: -3vh; }
.mtm4vh { margin-top: -4vh; }
.mtm5vh { margin-top: -5vh; }
.mtm6vh { margin-top: -6vh; }
.mtm7vh { margin-top: -7vh; }
.mtm8vh { margin-top: -8vh; }
.mtm9vh { margin-top: -9vh; }
.mtm10vh { margin-top: -10vh; }
.nobottom { margin-bottom: 0 !important; }
.h_hamburger {
right: 50px;
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
div, a, span, p {
font-size: 17px;
}
.h_hamburger {
right: calc(var(--margin) * 4);
}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
div, a, span, p {
font-size: 16px;
}
.h_hamburger {
right: calc(var(--margin) * 3);
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
div, a, span, p {
font-size: 15px;
}
.h_hamburger {
right: calc(var(--margin) * 2);
}
}
@media screen and (max-width: 600px) {
div, a, span, p {
font-size: 14px;
}
.h_hamburger {
right: var(--margin);
}
}
.cc-window {
margin-top: 35px;
display: none !important;
}
.postid-3779 .wp-block-button a {
border-radius: 0;
background-color: var(--accentColor) !important;
color: #FFF !important;
}
.postid-3779 .wp-block-button a:hover {
background-color: var(--textColor) !important;
color: var(--bgColor) !important;
}
.postid-3779 .wp-block-button {
margin-top: -30px !important;
}
.postid-3779 hr {
margin-bottom: 40px;
height: 5px;
}
.postid-3779 .wp-block-columns,
.postid-3779 .wp-block-column {
margin-bottom: 0 !important;
}
.postid-3779 ul {
list-style: unset !important;
margin-left: 20px !important;
}
.postid-3779 li::marker {
color: red;
} .main_content {
h1, h2, h3, h4, h5, h6 {
position: relative;
}
h1::after, 
h2::after {
content: '';
height: 70px;
position: absolute;
right: 0;
width: calc(var(--w1-3) - var(--margin));
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/css/../parts/rm1_2.png);
margin-bottom: calc(var(--margin) + 10px);
background-size: cover;
}
} .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
object-fit: scale-down !important;
} .vouw_bg_inner {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.vouw_bg .square {
width: 100%;
aspect-ratio: 16/9;
top: 0;
left: 0;
clip-path: unset;
}
.vouw_bg .overlay_layer {
background-color: #000000;
opacity: 0.5;
}:root {
--margin: 20px;
--maxWidth: 1760px;
}
@media screen and (min-width: 1000px) {
:root {
--w1: 100%;
--w7-8: 87.5%;
--w3-4: 75%;
--w5-8: 62.5%;
--w1-2: 50%;
--w3-8: 37.5%;
--w1-4: 25%;
--w1-8: 12.5%;
--w5-6: 83.3%;
--w2-3: 66.6%;
--w1-3: 33.3%;
--w1-6: 16.6%;
--wfill: 16.6%;
}
.wmax {
width: calc(100% - var(--margin) * 4);
max-width: var(--maxWidth);
margin: auto;
}
}
@media screen and (max-width: 1000px) and (min-width: 700px) {
:root {
--w1: 100%;
--w7-8: 100%;
--w3-4: 100%;
--w5-8: 100%;
--w1-2: 100%;
--w3-8: 100%;
--w1-4: 50%;
--w1-8: 25%;
--w5-6: 100%;;
--w2-3: 100%;
--w1-3: 50%;
--w1-6: 33%;
}
.wmax {
width: calc(100% - var(--margin) * 2);
max-width: var(--maxWidth);
margin: auto;
}
}
@media screen and (max-width: 700px) and (min-width: 500px) {
:root {
--w1: 100%;
--w7-8: 100%;
--w3-4: 100%;
--w5-8: 100%;
--w1-2: 100%;
--w3-8: 100%;
--w1-4: 100%;
--w1-8: 50%;
--w5-6: 100%;;
--w2-3: 100%;
--w1-3: 100%;
--w1-6: 50%;
}
.wmax {
width: calc(100% - var(--margin));
max-width: var(--maxWidth);
margin: auto;
}
}
@media screen and (max-width: 500px) {
:root {
--w1: 100%;
--w7-8: 100%;
--w3-4: 100%;
--w5-8: 100%;
--w1-2: 100%;
--w3-8: 100%;
--w1-4: 100%;
--w1-8: 100%;
--w5-6: 100%;;
--w2-3: 100%;
--w1-3: 100%;
--w1-6: 100%;
}
.wmax {
width: calc(100% - var(--margin));
max-width: var(--maxWidth);
margin: auto;
}
}
.wfill {
width: var(--wfill);
}
.w1, .w8 { width: var(--w1); }
.w7-8 { width: var(--w7-8); }
.w3-4, .w6 { width: var(--w3-4); }
.w5-8 { width: var(--w5-8); }
.w1-2 { width: var(--w1-2); }
.w3-8 { width: var(--w3-8); }
.w1-4 { width: var(--w1-4); }
.w1-8 { width: var(--w1-8); }
.w5-6 { width: var(--w5-6); }
.w2-3 { width: var(--w2-3); }
.w1-3 { width: var(--w1-3); }
.w1-6 { width: var(--w1-6); }
.w1m { width: calc(var(--w1) - var(--margin)); }
.w6m { width: calc(var(--w3-4) - var(--margin)); }
.w7-8m { width: calc(var(--w7-8) - var(--margin)); }
.w3-4m { width: calc(var(--w3-4) - var(--margin)); }
.w5-8m { width: calc(var(--w5-8) - var(--margin)); }
.w1-2m { width: calc(var(--w1-2) - var(--margin)); }
.w3-8m { width: calc(var(--w3-8) - var(--margin)); }
.w1-4m { width: calc(var(--w1-4) - var(--margin)); }
.w1-8m { width: calc(var(--w1-8) - var(--margin)); }
.w5-6m { width: calc(var(--w5-6) - var(--margin)); }
.w2-3m { width: calc(var(--w2-3) - var(--margin)); }
.w1-3m { width: calc(var(--w1-3) - var(--margin)); }
.w1-6m { width: calc(var(--w1-6) - var(--margin)); }
.wcenter {
margin: auto;
}
.w1m, .w7-8m, .w3-4m, .w5-8m, .w1-2m, .w3-8m, .w1-4m, .w1-8m, .w5-6m, .w2-3m, .w1-3m, .w1-6m {
margin-left: calc(var(--margin) / 2);
margin-right: calc(var(--margin) / 2);
}
.w6,
.w6m {
margin-left: var(--w1-8);
margin-right: var(--w1-8);
}
.w1, .w7-8, .w3-4, .w5-8, .w1-2, .w3-8, .w1-4, .w1-8, .w5-6, .w2-3, .w1-3, .w1-6, .w8, .w6,
.w1m, .w7-8m, .w3-4m, .w5-8m, .w1-2m, .w3-8m, .w1-4m, .w1-8m, .w5-6m, .w2-3m, .w1-3m, .w1-6m,
.wfill, .w6m {
float: left;
}
@media screen and (max-width: 1200px) {
.w6 {
margin: 0;
width: var(--w1);
}
.w6m { 
width: calc(var(--w1) - var(--margin));
margin-left: calc(var(--margin) / 2);
margin-right: calc(var(--margin) / 2);
}
.wfill {
display: none;
}
}.button {
height: 40px;
border: 2px solid transparent;
transition: var(--textAnimation);
display: inline-block;
}
.button:hover { opacity: 1; }
.button:active { opacity: 0.5; }
.button h6 {
line-height: 40px;
font-size: 24px;
color: var(--textColor);
height: 40px;
padding: 1px 30px 0px 30px;
text-align: center;
}
.button.rood { background-color: var(--accentColor); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rk1_2.png);}
.button.vol { background-color: var(--textColor); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wk1_2.png);}
.button.vol h6 { color: var(--bgColor); }
.button.half {
background-color: transparent;
border: 2px solid var(--textColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wk1_2.png);
}
.button.half:hover { background-color: var(--textColor); }
.button.half:hover h6 { color: var(--bgColor); }
.button.rood:hover { background-color: transparent; border: 2px solid var(--accentColor); }
.button.rood:hover h6 { color: var(--textColor); }
.button.vol:hover { background-color: var(--accentColor); }
.button.vol:hover h6 { color: var(--textColor); }
#gmap {
filter: invert(1) grayscale(.9);
}
.wp-block-button__link {
transition: var(--textAnimation);
border-radius: 0 !important;
background-color: var(--textColor) !important; background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wk1_2.png) !important;
line-height: 44px !important;
font-size: 24px !important;
color: var(--bgColor) !important;
height: 44px !important;
padding: 1px 30px 0px 30px !important;
text-align: center !important;
font-family: 'Bebas Neue', cursive;
margin-bottom: 0 !important;
}
.wp-block-button__link:hover {
background-color: var(--accentColor) !important; 
color: var(--textColor) !important;
}
.wp-block-buttons .wp-block-button {
margin-bottom: 0 !important;
}
.wp-block-separator {
width: 100%;
border: none !important;
height: 44px;
background-color: var(--accentColor); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rg1_2.png);
background-position: center;
background-size: cover;
}   #header {
position: absolute;
width: 100%;
padding-top: var(--vMargin);
z-index: 999;
}
.header_gradient {
position: fixed;
top: 0;
left: 0;
height: 150px;
width: 100%;
z-index: -1;
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/header-bg.png);
}
#header a {
color: var(--textColor);
font-family: 'Bebas Neue', cursive;
font-size: 24px;
}
.h_logo {
width: 220px;
float: left;
transition: var(--textAnimation);
margin-right: var(--vMargin);
}
.h_logo:active { opacity: 0.5; }
.h_logo img, .h_logo svg {
width: 100%;
transform: scale(1.2);
margin-left: 10%;
}
.h_menu { transition: var(--textAnimation); }
@media screen and (min-width:  1500px) {
.h_menu {
float: left;
margin-top: 15px;
position: absolute;
left: 50%;
display: inline-block;
}
.h_menu ul {
position: relative;
left: -50%;
}
}
@media screen and (max-width:  1500px) {
.h_menu {
float: left;
margin-top: 15px;
display: inline-block;
}
}
.h_menu ul li {
float: left;
margin-right: var(--vMargin);
text-align: center;
}
.h_menu ul li a, .h_contact a {
line-height: 40px;
height: 40px;
transition: var(--textAnimation);
border-bottom: rgba(255, 255, 255, 0) 2px solid;
}
.h_menu ul li a:hover,
.h_contact a:hover {
border-bottom: var(--textColor) 2px solid;
opacity: 0.5;
}
.h_menu ul li a:active,
.h_contact a:active {
border-bottom: var(--textColor) 2px solid;
opacity: 0.2;
}
.h_menu ul li:last-child {
float: left;
padding-left: var(--vMargin);
padding-right: var(--vMargin);
border: var(--textColor) 2px solid;
background-color: var(--textColor);
margin-right: 0;
margin-top: -2px;
transition: var(--textAnimation);
}
.h_menu ul li:last-child a {
color: var(--bgColor) !important;
}
.h_menu ul li:last-child:hover {
background-color: transparent;
}
.h_menu ul li:last-child:active {
opacity: 0.5;
}
.h_menu ul li:last-child:hover a {
border-bottom: none !important;
opacity: 1;
color: var(--texColor) !important;
}
.h_menu ul li.current-menu-item {
border-bottom: var(--accentColor) 2px solid;
}
.h_menu ul li:last-child.current-menu-item a {
color: var(--accentColor);
}
.h_contact {
float: right;
margin-top: 15px;
}
.h_hamburger {
display: none;
width: 30px;
cursor: pointer;
padding: 12px 5px 7px 5px;
position: absolute;
top: 55px;
}
.h_ham_streep {
width: 30px;
height: 3px;
margin-bottom: 5px;
background-color: var(--textColor);
opacity: 1;
transition: var(--textAnimation);
}
.h_hamburger.active .streep1 {
transform: rotate(45deg);
margin-top: 7px;
}
.h_hamburger.active .streep2 {
opacity: 0;
margin-top: -7px;
}
.h_hamburger.active .streep3 {
transform: rotate(-45deg);
margin-top: -8px;
}
@media screen and (max-width: 1120px) {
.h_menu { display: none; }
.h_contact { display: none; }
.h_hamburger { display: block; }
.h_menu ul li {
opacity: 0;
transition: var(--textAnimation);
}
#header.active {
background-color: var(--bgColor);
height: 100%;
}
#header.active .h_logo { float: none; }
.h_menu.active {
float: none;
display: block;
}
.h_menu.active ul li {
float: none;
opacity: 1;
}
.h_menu.active ul li a {
height: 50px;
line-height: 50px;
}
.h_menu.active ul li:last-child {
display: inline-block;
margin-top: 10px;
}
.h_menu.active ul li:last-child:active {
opacity: 0.5;
}
.h_menu.active ul li:last-child:hover a {
border-bottom: none !important;
opacity: 1;
color: var(--bgColor) !important;
}
}
.headerSpace { width: 100%; height: calc(var(--vMargin) * 2 + 70px); }
.menu-item.page-item-2492 a,
.menu-item-2692 a {
background: linear-gradient(90deg, rgb(221 199 135) 0%, rgb(249 248 230) 25%, rgb(221 199 135) 50%, rgb(249 248 230) 75%, rgb(221 199 135) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 10px !important;
}   #footer {
background: rgba(0, 0, 0, 0.2);
padding-top: var(--vMargin);
padding-bottom: var(--vMargin);
color: var(--textColor);
font-size: 11px;
}
#footer p, #footer li, #footer a, #footer span {
font-size: 11px;
}
.f_logo {
margin-bottom: var(--vMargin);
max-width: 220px;
transition: var(--textAnimation);
}
.f_logo:active { opacity: 0.5; }
.f_logo svg, .f_logo img {
width: 100%;
}
.f_menu { margin-bottom: 20px; }
.f_menu h3, .f_socials h3 {
margin-bottom: 5px;
font-size: 24px;
line-height: 24px;
}
.f_menu ul li a {
height: 24px;
line-height: 24px;
opacity: var(--textOpacity);
transition: var(--textAnimation);
}
.f_menu ul li a:hover { opacity: 1; }
.f_menu ul li a:active { color: var(--accentColor); }
.f_menu p {
margin-bottom: 15px;
transition: var(--textAnimation);
}
.f_menu p:hover { opacity: 0.5; }
.f_menu .tel, .f_menu .mail, .f_menu .site,
.f_menu .iban, .f_menu .bic, .f_menu .kvk-nr, .f_menu .btw-nr { margin-bottom: 0 !important; }
.f_menu .tel::before {
content: "M:";
margin-right: 15px;
}
.f_menu .mail::before {
content: "E:";
margin-right: 19px;
}
.f_menu .site::before {
content: "W:";
margin-right: 15px;
}
.f_menu .iban::before {
content: "IBAN:";
margin-right: 15px;
}
.f_menu .bic::before {
content: "BIC:";
margin-right: 15px;
}
.f_menu .kvk-nr::before {
content: "KVK:";
margin-right: 15px;
}
.f_menu .btw-nr::before {
content: "BTW:";
margin-right: 15px;
}
.f_socials { margin-bottom: 20px; }
.f_socials a {
float: left;
margin-right: 10px;
}
.f_social_item {
width: 30px;
height: 30px;
float: left;
transition: var(--textAnimation);
}
.f_social_item svg {
fill: var(--textColor);
transition: var(--textAnimation);
}
.f_social_item img, .f_social_item svg path {
width: 100%;
}
.f_social_item.facebook:hover svg {	fill: #1873eb; }
.f_social_item.twitter:hover svg {	fill: #009ded; }
.f_social_item.instagram:hover svg { fill: #dd33ff; }
.f_social_item.youtube:hover svg {	fill: #f70000; }
.f_social_item:active { opacity: 0.5; }
.f_copyright {
margin-top: var(--vMargin);
}
.f_copyright p, .f_copyright span {
float: left;
margin-right: 7px;
}
.f_copyright span, .f_copyright a {
opacity: var(--textOpacity);
transition: var(--textAnimation);
}
.f_copyright a:hover { opacity: 1; }
.f_copyright a:active { color: var(--accentColor); }   form .w1m, form .w1-2m, form .w1-3m, form .w2-3m {
margin-bottom: var(--margin);
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=date] {
width: 100%;
background: none;
height: 40px;
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
font-size: 16px;
margin-bottom: 2px;
color: var(--textColor);
font-weight: bold;
}
::-webkit-calendar-picker-indicator {
filter: invert(1);
}
form input[type=submit] {
transition: var(--textAnimation);
display: inline-block;
background-color: transparent;
border: 2px solid var(--textColor);
font-family: 'Bebas Neue', cursive;
line-height: 38px;
font-size: 22px;
color: var(--textColor);
height: 40px;
padding: 1px 30px 0px 30px;
text-align: center;
margin-right: var(--margin);
}
input:placeholder-shown:required,
textarea:placeholder-shown:required,
input[aria-required=true],
textarea[aria-required=true],
.wpcf7-validates-as-required { 
border-bottom: 2px solid rgba(255, 0, 0, 0.2) !important;
}
input[disabled=disabled] { cursor: not-allowed; }
form textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
background: none;
min-height: 120px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
font-size: 16px;
margin-bottom: var(--margin);
color: var(--textColor);
font-weight: bold;
}
form input[type="date"]::before {
color: #fff;
opacity: 0.5;
content: attr(placeholder);
margin-right: 10px;
}
form input[type="date"] {
color: var(--bgColor);
}
form input[type="date"]:focus,
input[type="date"]:valid {
color: #FFF;
}
form input[type="date"]:focus::before,
input[value!=""]::before {
content: "" !important;
}
.wpcf7-not-valid-tip {
font-size: 12px !important;
}
.wpcf7 form .wpcf7-response-output { margin: unset !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
color: #ffb900;
}   #content {
margin-bottom: calc(var(--margin)*8);
}
#content .title { margin-bottom: var(--margin); }
#content .title h3 { font-size: 36px; }
#content div, 
#content a, 
#content span, 
#content p, 
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6,
#content blockquote,
#content pre,
#content ul,
#content ol,
#content figure { 
margin-bottom: var(--vMargin);
}
#content p, #content { color: rgba(255, 255, 255, 0.7); }
#content strong { color: rgba(255, 255, 255, 1); }
#content a { color: rgba(200, 200, 255, 1); }
#content ul { margin-left: 0px; }
#content li ul { margin-left: 40px; margin-bottom: 5px;}
#content ol { margin-left: 0px; }
#content li ol { margin-left: 40px; margin-bottom: 5px;}
#content pre {
width: calc(100% - 40px);
padding: 20px;
border: 1px solid rgba(255, 255, 255, .2);
background-color: rgba(255, 255, 255, .05);
font-size: 14px;
}
#content blockquote { display: inline-block; }
#content blockquote p { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
#content blockquote p::before { 
content: '"'; 
font-size: 48px; 
line-height: 20px;
position: relative;
top: 20px;
margin-right: 20px;
}
#content blockquote p::after { 
content: '"'; 
font-size: 48px; 
line-height: 20px;
position: relative;
top: 20px;
margin-left: 20px;
}
#content blockquote cite {
float: right;
text-align: right;
width: 100%;
}
#content .wp-block-verse {
font-size: 18px;
font-style: italic;
} #content .w6m,
#content .main_content {
margin-bottom: 0;
}
.wp-block-coblocks-gallery-carousel, .wp-block-coblocks-gallery-carousel .coblocks-gallery {
div {
margin-bottom: 0 !important;
margin-top: -20px;
}
}
.contact_header,
.agenda_title_color,
.event_date_in,
.button,
.form_title_color,
.enkel_band .band_foto .band_exclusive h5,
.artists_single .foto .balk_rood {
background-size: cover;
background-position: center;
}
.enkel_event.special .event_date_in,
.enkel_event.sold .event_date_in {
filter: grayscale(1);
}
#content figure div {
margin-bottom: 0;
}
#content img,
#content figure {
object-fit: scale-down; }
.blocks-gallery-item,
.blocks-gallery-item figure {
margin-bottom: 0;
}
.blocks-gallery-grid { margin-bottom: 5px; }   .title.home {
height: calc(100vh - 150px - var(--vMargin) - 10vh);
}
.title.home .home_intern {
position: relative;
height: 100%;
overflow-y: visible;
overflow-x: visible;
}
.slider_enkel {
display: none;
}
.slider_enkel.active {
display: block;
}
.home_star_mask {
height: 100%;
aspect-ratio:  1/1;
position: absolute;
top: 0;
right: 0;
clip-path: polygon(50% 0%, 61.9% 38%, 100% 38%, 69.2% 61.8%, 81.2% 100%, 50% 76%, 19.3% 100%, 31.1% 61.8%, 0% 38%, 38% 38%);
z-index: -1; }
.home_bg_video,
.home_bg_image,
.home_bg_overlay {
width: 120%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.home_bg_image img,
.home_bg_video iframe {
object-fit: cover;
width: 120%;
height: 100%;
filter: grayscale(1);
}
.home_bg_overlay {
background-color: red;
opacity: 0.2;
}
.home_text {;
max-width: 60%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.home_text h1 {
-webkit-text-stroke: 3px var(--textColor);
text-align: left;
color: transparent;
font-size: 8vw;
line-height: 100%;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
bottom: calc(50% + 1vw);
width: 100%;
}
.home_text h3 {
font-size: 72px;
line-height: 72px;
}
.home_subtitle h3 {
margin-bottom: var(--margin);
}
.home_cta .button {
margin-right: var(--margin);
}
@media screen and (max-width: 1000px) and (min-width: 700px) {
.home_text { max-width: 80%; }
.home_subtitle h3 { font-size: 60px; line-height: 60px; }
}
@media screen and (max-width: 700px) and (min-width: 500px) {
.home_text { max-width: 100%; }
.home_subtitle h3 { font-size: 54px; line-height: 54px; }
}
@media screen and (max-width: 500px) {
.home_text { max-width: 100%; }
.home_subtitle h3 { font-size: 48px; line-height: 48px; }
} .vouw_bg {
width: 100%;
height: 140vh;
position: absolute;
top: 0;
left: 0;
z-index: -1;
overflow: hidden;
opacity: 1;
animation: loadAnimation 3s linear;
}
@keyframes loadAnimation {
0% {opacity: 0;}
66% {opacity: 0;}
100% {opacity: 1;}
}
.vouw_bg_inner { 
display: none;
width: 100vh;
height: 100vh;
position: relative;
left: 50%;
top: 0;
}
.vouw_bg_inner.active {
display: block;
animation: starAnimation 18s linear;
}
@keyframes starAnimation {
0% {left: 45%;}
50% {left: 50%;}
100% {left: 45%;}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.vouw_bg_inner { width: 110vh; height: 110vh; top: -5vh;}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.vouw_bg_inner { width: 80vh; height: 80vh; top: 10vh;}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.vouw_bg_inner { width: 70vh; height: 70vh; top: 15vh;}
}
@media screen and (max-width: 600px) {
.vouw_bg_inner { width: 60vh; height: 60vh; top: 20vh;}
}
.vouw_bg .square {
width: 120%;
height: 120%;
position: absolute;
top: -10vh;
left: 0;
clip-path: polygon(50% 0%, 61.9% 38%, 100% 38%, 69.2% 61.8%, 81.2% 100%, 50% 76%, 19.3% 100%, 31.1% 61.8%, 0% 38%, 38% 38%);
}
.vouw_bg .video_aspect {
width: calc(100%/9*16);
height: 100%;
margin-left: calc((100%/9*3.5)*-1);
background-color: green;
}
.vouw_bg .effect_layer {
filter: grayscale(0);
width: 100%;
height: 100%;
}
.vouw_bg .overlay_layer {
background-color: transparent;
opacity: 20%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vouw_bg .video_aspect iframe {
width: 100%;
height: 100%;
}
.vouw_bg_flash { display: none; }
.vouw_bg_flash.active {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%);
}
.vouw_bg_artists,
.vouw_bg_and,
.vouw_bg_bands { display: none; }
.vouw_bg_artists.active,
.vouw_bg_and.active,
.vouw_bg_bands.active {
display: block;
width: 100%;
height: 100vh;
position: relative;
}
.vouw_bg_text_inner {
width: 60%;
position: absolute;
max-height: ;
top: 50%;
left: 20%;
transform: translate(0, -50%);
max-height: 50vh;
height: 100%;
}
.vouw_bg_text_inner img { width: 100%; height: 100%; }
.slider_logo {
width: 50%;
max-width: 500px;
margin-left: 20px;
margin-bottom: 20px;
float: left;
}
.slider_logo img {
width: 100%;
}   .page_index {
margin-bottom: calc(var(--margin) * 4);
}
.page_index .w6 .w1m { position: relative; min-height: 50px; }
.page_index .prev {
position: absolute;
left: 0;
top: 0;
}
.page_index .next {
position: absolute;
right: 0;
top: 0;
}
.page_index .centered {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}
.page_index .number h6 {
padding: 1px 15px;
}
.page_index .button:hover { background-color: var(--accentColor) !important; border: 2px solid transparent; }
.page_index .button:hover h6 { color: var(--textColor) !important; }
.post_filter {
margin-bottom: calc(var(--margin) * 4);
}
@media screen and (max-width: 700px) {
.post_filter { margin-bottom: calc(var(--margin) * 2); }
}
.post_filter .button {
margin-bottom: 10px;
}
.post_filter_zoek input[type=submit] {
float: right;
margin-left: var(--margin);
margin-right: 0;
}
.post_filter_zoek select {
display: inline-block;
background-color: transparent;
border: 2px solid var(--textColor);
font-family: 'Bebas Neue', cursive;
line-height: 38px;
font-size: 22px;
color: var(--textColor);
height: 40px;
padding: 1px 10px 0px 10px;
text-align: center;
float: right;
margin-left: var(--margin);
margin-right: 0;
}
.post_filter_zoek select option {
display: inline-block;
background-color: var(--bgColor);
font-family: 'Bebas Neue', cursive;
line-height: 38px;
font-size: 22px;
color: var(--textColor);
height: 40px;
padding: 1px 10px 0px 10px;
text-align: center;
float: right;
margin-left: var(--margin);
margin-right: 0;
}
.post_filter_zoek input[name=query] {
display: inline-block;
background-color: transparent;
border: 2px solid var(--textColor);
font-family: 'Bebas Neue', cursive;
line-height: 36px;
font-size: 22px;
color: var(--textColor);
height: 35px;
padding: 1px 30px 0px 30px;
width: calc(100% - 126px - 149px - 202px - 116px);
text-align: left;
margin-right: 0;
} .vouw_bg_inner {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.vouw_bg_inner.active { animation: unset; }
@media screen and (min-width:1705px) {
.vouw_bg .square {
width: 100%;
height: unset;
aspect-ratio: 16/9;
top: 0;
left: 0;
clip-path: unset;
}
}
@media screen and (max-width:1705px) {
.vouw_bg .square {
width: unset;
height: 100%;
aspect-ratio: 16/9;
top: 0;
left: 0;
clip-path: unset;
}
}
.vouw_bg .video_aspect {
width: 100%;
height: 100%;
margin-left: calc((100% - 100vw) / -2);
}
.vouw_bg .overlay_layer {
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/bg-fade.png);
background-position: bottom;
background-repeat: repeat-x;
background-color: #0000008f;
opacity: 1;
}.title.artists {
height: calc(100% - 280px);
min-height: 450px;
margin-bottom: calc(var(--margin) * 4);
}
.title.artists .wmax {
position: relative;
height: 100%;
}
.artists_title {
position: absolute;
bottom: 20%;
left: 0;
}
.artists_title h1 {
-webkit-text-stroke: 3px var(--textColor);
color: transparent;
font-size: 8vw;
line-height: 100%;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
}
.artists_header,
.artists_header_overlay {
max-width: 50%;
aspect-ratio: 4/3;
height: 100%;
position: absolute;
top: 0;
right: 0;
margin-right: var(--wfill);
z-index: -1;
}
.artists_header img {
width: 100%;
height: 100%;
object-fit: cover;
background-color: rgba(0, 0, 0, 0.2);
filter: grayscale(1);
}
.artists_header_overlay {
background-color: red;
opacity: 0.1;
}
.title.artists .extra {
position: absolute;
bottom: 0;
left: 0;
}
.artists_subtitle h3 {
color: var(--textColor);
font-size: 36px;
width: 100%;
margin-bottom: var(--margin);
}
.artists_subtitle .button {
margin-right: var(--margin);
}
#boeken {
margin-bottom: calc(var(--margin) * 4);
}
.boeken_overflow {
display: inline-block;
overflow: hidden;
width: 100%;
}
.form_title {
height: 180px;
margin-bottom: calc(var(--margin) * 2);
width: 200vw;
}
.form_title h2 {
color: var(--textColor);
font-size: 72px;
line-height: 180px;
height: 180px;
margin-right: calc(var(--margin) * 2);
float: left;
}
.form_title_color {
width: calc(var(--margin) * 2);
height: 100%;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rm1_1.png);
float: left;
}
.form_title_image {
width: 80vw;
max-width: var(--maxWidth);
height: 100%;
float: left;
background-size: cover;
background-position: center;
background-blend-mode: saturation;
opacity: 20%;
}
.form .verstuur { margin-top: var(--margin); }
.form .verstuur input {	float: left; }
.form .verstuur p,
.form .verstuur a {
color: var(--textColor);
height: 40px;
line-height: 38px;
font-size: 11px;
}
.form .verstuur a { text-decoration: underline; }
.boeken_extra_info p {
color: var(--textColor);
opacity: 0.2;
font-size: 11px;
margin-top: calc(var(--margin) * 4);
margin-left: var(--margin);
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.artists_title {
bottom: 25%;
}
}
@media screen and (max-width: 600px) {
.artists_title {
bottom: 25%;
}
.title.artists {
min-height: 680px;
}
.artists_header, .artists_header_overlay {
top: 30px;
height: 50%;
max-height: 300px;
max-width: 100%;
}
.excl_sticker {
top: -10px !important;
right: 10px !important;
}
}.title.agenda {
height: 50% !important;
min-height: 400px;
}
.title.agenda .wmax {
position: relative;
height: 100%;
}
.agenda_title {
height: 20%;
position: absolute;
max-width: 80%;
top: 35%;
z-index: 90;
}
.agenda_title h1 {
-webkit-text-stroke: 3px var(--textColor);
color: transparent;
font-size: 8vw;
height: 100%;
line-height: 70%;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
}
:root { 
--offset: 19.5%;
--thickness:  7%;
}
.agenda_title_color {
height: 50%;
width: var(--thickness);
position: absolute;
z-index: 89;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rm1_1.png);
top: 20%;
left: var(--offset);
}
.agenda_title_image {
height: 50%;
width: calc(100% - var(--offset) - var(--thickness));
position: absolute;
z-index: 87;
background-color: rgba(0, 0, 0, 0.2);
top: 20%;
right: 0;
background-size: cover;
background-blend-mode: saturation;
background-position: center;
}
.agenda_title_image_overlay {
z-index: 88;
height: 50%;
width: calc(100% - var(--offset) - var(--thickness));
position: absolute;
top: 20%;
right: 0;
background-color: red;
opacity: 0.2;
background-blend-mode: screen;
}
.event_date, .event_info, .event_location, .event_ticket {
float: left;
}
.enkel_event {
margin-bottom: var(--vMargin);
display: inline-block;
}
.event_date_in {
width: 100%;
padding-top: 100%;
position: relative;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rm1_1.png);
}
.date_day { 
top: 10px; 
left: 18px; 
font-size: 7vw;
line-height: 7vw;
}
.date_m_y {	
bottom: 10px; 
left: 18px; 
font-size: 2.5vw;
line-height: 2.5vw;
}
.date_day, .date_m_y {
color: var(--textColor);
position: absolute;
font-family: 'Bebas Neue';
}
.event_info, .event_location {
margin-top: var(--margin);
}
.event_info h2, .event_info p, .location_info h2, .location_info p, .event_ticket p {
color: var(--textColor);
}
.event_info h2, .location_info h2 {
margin-bottom: var(--margin);
line-height: 36px;
font-size: 36px;
}
.event_info h2 { width: calc(100% - 30px - var(--margin) * 2); margin-left: var(--margin); font-size: 36px; }
.event_info p { margin-top: -5px; width: calc(100% - 30px - var(--margin) * 2); margin-left: var(--margin); }
.location_icon {
margin-left: calc(-30px - var(--margin));
width: 30px;
float: left;
height: 30px;
}
.location_icon img,
.ticket_icon img {
width: 100%;
}
.location_icon { cursor: pointer; }
.location_info { float: left; cursor: pointer; }
.event_ticket_in {
width: 100%;
padding-top: 100%;
position: relative;
}
.event_ticket_in .button { padding: 0 !important; }
.ticket_icon {
position: absolute;
top: 20px;
left: 20px;
width: 30px;
height: 30px;
}
.ticket_buy {
position: absolute;
top: 20px;
right: 0;
width: 70%;
min-width: 100px;
}
.event_more_info {
position: absolute;
top: 116px;
right: 0;
width: 70%;
min-width: 100px;
}
.ticket_price { text-align: center; margin-top: 10px; }
.event_ticket_in .button { width: 100%; }   .enkel_event.special { 
background-size: cover;
background-blend-mode: saturation;
box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);
}
.special { background-color: rgba(0, 0, 0, 0.2); }
.special .event_date_in { background-color: var(--textColor); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png); }
.special .date_day,
.special .date_m_y { color: var(--bgColor); }
.special .ticket_buy .button { background-color: var(--textColor); }
.special .ticket_buy .button h6 { color: var(--bgColor); }
.special .ticket_buy .button:hover { background-color: var(--accentColor); }
.special .ticket_buy .button:hover h6 { color: var(--textColor); }
.sold .event_date_in { background-color: rgba(255, 255, 255, 0.3); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png)}
.sold .ticket_buy .button { background-color: rgba(255, 255, 255, 0.3); cursor: not-allowed; }
.sold .ticket_buy .button h6 { color: var(--bgColor); }
.sold .ticket_buy .button:hover { background-color: rgba(255, 255, 255, 0.3); border-color: transparent; }
.sold .ticket_buy .button:hover h6 { color: var(--bgColor) }
.sold .event_ticket_in .sold {
width: 100%;
height: 8px;
margin-top: -24px;
background-color: var(--accentColor);
transform: rotate(45deg);
}
.moved .event_date_in { background-color: rgba(80, 0, 20, 1); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png)}
.moved .ticket_buy .button { background-color: rgba(80, 0, 20, 0.3); }
.moved .ticket_buy .button h6 { color: var(--textColor); }
.moved .ticket_buy .button:hover { background-color: rgba(80, 0, 20, 0.3); border-color: transparent; }
.moved .ticket_buy .button:hover h6 { color: var(--textColor) }
.location_overlay {
display: none;
position: fixed;
width: 50vw;
height: 50vh;
top: 0;
left: 0;
z-index: 98;
background-color: rgba(0, 0, 0, 0.8);
padding-top: 50vh;
padding-left: 50vw;
}
@media screen and (min-width: 1500px) {
.location_map {
width: 100%;
height: 100%;
margin-top: calc(-25vh - var(--margin) * 2);
margin-left: -25vw;
padding: var(--margin);
background-color: var(--bgColor);
float: left;
}}
@media screen and (max-width: 1500px) and (min-width: 100px) {
.location_map {
width: 130%;
height: 130%;
margin-top: calc(-35vh - var(--margin) * 2);
margin-left: -35vw;
padding: var(--margin);
background-color: var(--bgColor);
float: left;
}}
.location_overlay .cross {
width: 50px;
height: 50px;
float: left;
margin-top: -25vh;
margin-left: 10px;
cursor: pointer;
}
.location_overlay .cross .cross1,
.location_overlay .cross .cross2 { 
width: 100%; 
height: 5px;
background-color: var(--textColor);
}
.location_overlay .cross .cross1 { transform: rotate(45deg); margin-top: 0px;}
.location_overlay .cross .cross2 { transform: rotate(-45deg); margin-top: -4.5px;}
.location_map iframe {
width: 100%;
height: 100%;
}
.location_overlay.active {
display: block;
} .enkel_event2 {
margin-bottom: 40px;
}
@media screen and (min-width: 1100px) {
.enkel_event2 .w6 { display: flex; }
}
.event2_date {
width: calc(40% - (260px / 2));
max-width: 400px;
float: left;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_2.png);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.event2_date_in {
width: 300%;
min-width: 500px;
padding: 20px;
}
.info_blok { margin-bottom: 16px; width: 100%; float: left;}
.info_blok img { width: 15px; height: 15px; float: left; margin: 6px 8px 0px 0px; }
.info_blok h2 { font-size: 36px; float: left; line-height: 28px; margin-top: 3px;}
.info_blok h4 { font-size: 18px; float: left; line-height: 24px; margin-top: 3px;}
.info_blok:last-child { margin-bottom: 15px; cursor: pointer; }
.event2_info {
width: calc(60% - (260px / 2) - 40px);
margin: 20px;
float: left;
overflow: hidden;
}
.event2_info h2,
.event2_info p {
width: 100%;
}
.event2_info h2 { line-height: 30px; margin-bottom: 10px; font-size: 32px; }
.event2_tickets {
width: 260px;
float: right;
margin-top: 8px;
}
.event2_tickets .button h6 {
padding: 0;
width: 116px;
}
.ticket2_price {
width: 120px;
text-align: center;
}
.ticket2_disclaimer {
width: 120px;
text-align: center;
font-size: 10px;
}
.event2_tickets_icon img {
width: 30px;
height: 30px;
}
.ticket2_buy,
.event2_more_info,
.event2_tickets_icon {
float: right;
margin-left: 20px;
}
.ticket2_buy { margin: 0; }
.event2_tickets_icon { margin: 0; display: none; }
.enkel_event2.special { 
background-size: cover;
background-blend-mode: saturation;
box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.agenda_title h1 { font-size: 10vw; }
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.agenda_title h1 { font-size: 12vw; }
.agenda_title { max-width: 100%; }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.agenda_title h1 { font-size: 15vw; }
.agenda_title { max-width: 100%; }
.title.agenda { height: 10% !important; }
}
@media screen and (max-width: 600px) {
.agenda_title h1 { 
font-size: 15vw; 
-webkit-text-stroke: unset;
color: var(--textColor);
}
.agenda_title { max-width: 100%; }
.title.agenda { height: 10% !important; min-height: 290px;}
}
.enkel_event2.special { background-color: rgba(0, 0, 0, 0.2); }
.enkel_event2.special .event2_date { background-color: var(--textColor); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png); }
.enkel_event2.special .date_day,
.enkel_event2.special .info_blok h2, 
.enkel_event2.special .info_blok h4 { color: var(--bgColor); }
.enkel_event2.special .info_blok img .st0 {  fill: var(--bgColor); }
.enkel_event2.special .ticket2_buy .button { background-color: var(--textColor); }
.enkel_event2.special .ticket2_buy .button h6 { color: var(--bgColor); }
.enkel_event2.special .ticket2_buy .button:hover { background-color: var(--accentColor); }
.enkel_event2.special .ticket2_buy .button:hover h6 { color: var(--textColor); }
.enkel_event2.sold .event2_date { background-color: rgba(255, 255, 255, 0.3); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png)}
.enkel_event2.sold .ticket2_buy .button { background-color: rgba(255, 255, 255, 0.3); cursor: not-allowed; }
.enkel_event2.sold .ticket2_buy .button h6 { color: var(--bgColor); }
.enkel_event2.sold .ticket2_buy .button:hover { background-color: rgba(255, 255, 255, 0.3); border-color: transparent; }
.enkel_event2.sold .ticket2_buy .button:hover h6 { color: var(--bgColor) }
.enkel_event2.sold .event2_tickets_icon .sold {
width: 100%;
height: 8px;
margin-top: -24px;
background-color: var(--accentColor);
transform: rotate(45deg);
}
.enkel_event2.moved .event2_date { background-color: rgba(80, 0, 20, 1); background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wm1_1.png)}
.enkel_event2.moved .ticket2_buy .button { background-color: rgba(80, 0, 20, 0.3); }
.enkel_event2.moved .ticket2_buy .button h6 { color: var(--textColor); }
.enkel_event2.moved .ticket2_buy .button:hover { background-color: rgba(80, 0, 20, 1); border-color: transparent; }
.enkel_event2.moved .ticket2_buy .button:hover h6 { color: var(--textColor) }
@media screen and (max-width: 1400px) {
.enkel_event2 .w6 {
margin: 0;
width: var(--w1);
}
}
@media screen and (max-width: 1100px) and (min-width: 860px) {
.enkel_event2 { background-color: #202020; }
.event2_date { width: 100%; max-width: unset;}
.event2_info { width: calc(100% - 318px - 100px); }
.event2_tickets { margin-right: 20px; }
}
@media screen and (max-width: 860px) {
.enkel_event2 { background-color: #202020; }
.event2_date { width: 100%; max-width: unset;}
.event2_info { width: calc(100% - 40px); }
.event2_tickets { margin-right: calc(50% - (318px / 2)); margin-bottom: 20px; }
.event2_info h2, .event2_info p { width: 100%; text-align: center; }
.event2_date_in { width: calc(100% - 40px); min-width: unset; }
}
@media screen and (max-width: 480px) {
.event2_tickets_icon { display: none; }
.event2_tickets { width: 268px; margin-right: calc(50% - (268px / 2)); }
.ticket2_buy { margin-left: 0; }
}
@media screen and (max-width: 400px) {
.event2_tickets { width: calc(100% - 40px); margin: 0px 20px 20px; }
.event2_more_info, .ticket2_buy { width: 100%; }
.event2_more_info { margin-bottom: 20px; }
.event2_tickets .button { width: 100%; }
.event2_tickets .button h6 { width: 100%; }
.ticket2_price, .ticket2_disclaimer { width: 100%; }
}.enkel_band,
.featured {
margin-bottom: calc(var(--margin) * 3);
}
.enkel_band h3 {
width: 100%;
font-size: 36px;
line-height: 35px;
margin-top: var(--margin);
margin-bottom: var(--margin);
transition: var(--textAnimation);
}
.enkel_band h3:hover { opacity: 0.4; }
.enkel_band p {
font-size: 18px;
width: 100%;
margin-bottom: var(--margin);
line-height: 25px;
max-height: 75px;
overflow: hidden;
}
.enkel_band .button {
margin-right: var(--margin);
margin-bottom: 10px;
}
.enkel_band .band_foto {
width: 100%;
max-height: 135px;
height: 135px;
position: relative;
overflow: hidden;
}
.enkel_band .band_foto img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0);
transition: var(--textAnimation);
opacity: 1;
}
.enkel_band .band_foto:hover img {
scale:  1.05;
filter: grayscale(0);
opacity: 1;
}
.enkel_band .band_foto:hover .band_exclusive h5 {
background-color: var(--textColor);
color: var(--bgColor);
}
.enkel_band .band_foto .band_exclusive {
position: absolute;
top: 0;
right: 0;
}
.enkel_band .band_foto .band_exclusive h5 {
padding: 5px 20px;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wk1_2.png);
transition: var(--textAnimation);
font-size: 16px;
line-height: unset;
}
.enkel_band .band_foto .band_type {
position: absolute;
bottom: 0;
right: 0;
}
.enkel_band .band_foto .band_type h5 {
padding: 5px 20px;
background-color: var(--textColor);
color: var(--bgColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/wk1_2.png);
transition: var(--textAnimation);
font-size: 16px;
line-height: unset;
}
.featured_band {
height: 60vh;
min-height: 300px;
background-size: cover;
position: relative;
background-color: #1a1a1a;
margin-bottom: 20px;
}
@media screen and (max-width: 1000px) and (min-width: 700px) {
.featured .w1-3m:last-child {
width: calc(var(--w1) - var(--margin));
}
.featured .w1-3m:last-child .featured_band { height: 30vh; }
.enkel_band .w1-2m:last-child { margin-top: 20px; }
}
@media screen and (max-width: 700px) and (min-width: 500px) {
.featured_band { min-height: 40vh; }
.enkel_band .w1-2m:last-child { margin-top: 20px; }
}
@media screen and (max-width: 500px) {
.featured_band { min-height: 50vh; }
.enkel_band .w1-2m:last-child { margin-top: 10px; }
}
.featured_band .bg_image,
.featured_band .bg_image img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
transition: var(--textAnimation);
}
.featured_band .bg_image img { opacity: 0.5; filter: grayscale(1); }
.featured_band .bg_image_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--accentColor);
opacity: 0.2;
transition: var(--textAnimation);
}
.featured .w1-3m:nth-child(odd) .featured_band .bg_image_overlay { background: var(--textColor); }
.featured_band:hover .bg_image img { opacity: 1; filter: grayscale(0.5); scale: 1.05; }
.featured_band:hover .bg_image_overlay { opacity: 0; }
.featured_band .title h3 {
position: absolute;
width: calc(100% - var(--margin) * 2);;
top: calc(var(--margin) * 2);
left: calc(var(--margin) * 2);
font-size: 72px;
line-height: 72px;
}
.featured_band .bottom_text {
position: absolute;
width: calc(100% - var(--margin) * 4);;
bottom: calc(var(--margin) * 2);
left: calc(var(--margin) * 2);
}
.featured_band .bottom_text h3 {
font-size: 36px;
margin-bottom: var(--margin);
}
.featured_band .bottom_text .button {
margin-right: var(--margin);
}
.excl_sticker {
max-width: 170px;
width: 30%;
height: 150px;
position: absolute;
top: -20px;
right: -40px;
background-size: contain;
background-repeat: no-repeat;
}
.band_media { margin-bottom: calc(var(--margin) * 8); } 
.band_media .enkel_video { aspect-ratio: 16/9; }
.band_media .enkel_video .w1m { height: 100%; }
.band_media iframe {
width: 100% !important;
height: 100% !important;
}
.full-width-b {
width: 100%;
}.title.event {
height: calc(100% - 380px);
min-height: fit-content;
margin-bottom: calc(var(--margin) * 4);
}
.title.event .wmax,
.title.event .w1,
.title.event .w1-3m {
height: 100%;
}
.event_poster {
height: 100%;
position: relative;
}
.event_poster .img {
height: 100%;
aspect-ratio: 3/4;
position: absolute;
right: 0;
top: 0;
background-position: center;
background-size: cover;
}
.event_title { margin-top: var(--margin); }
.event_title h1 {
-webkit-text-stroke: 3px var(--textColor);
color: transparent;
font-size: 8vw;
line-height: 100%;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
}
.event_title h2 {
color: var(--textColor);
font-size: 72px;
}
#info {
margin-bottom: calc(var(--margin) * 8);
}
#info .text {
margin-bottom: calc(var(--margin) * 4);
}
#info .info_text { width: calc(100% - 200px); float: left; }
#info .ticket { width: 200px; float: left; }
#info .info_text h3,
#info .info_text p {
width: 100%;
color: var(--textColor);
margin-bottom: var(--margin);
}
#info .info_text h3 { font-size: 36px; }
#info .ticket_price { color: var(--textColor); }
#info .googlemaps h3 {
width: 100%;
color: var(--textColor);
font-size: 36px;
} 
#info .googlemaps .location_map {
margin-top: unset;
margin-left: unset;
padding-top: 40%;
position: relative;
width: calc(100% - var(--margin) * 2);
height: calc(100% - var(--margin) * 2);
}
#info .googlemaps .location_map #gmap {
position: absolute;
top: var(--margin);
bottom: var(--margin);
left: var(--margin);
right: var(--margin);
width: calc(100% - var(--margin) * 2);
height: calc(100% - var(--margin) * 2);
}
#info .ticket_buy a .button { margin-bottom: 20px; }
#info .ticket_buy p {
width: 100%;
}
.ticket_buy_title {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.artists_single {
display: table;
margin-bottom: calc(var(--margin) * 8);
}
.artists_single .text,
.artists_single .foto {
display: table-cell;
}
.artists_single .text h2,
.artists_single .text p {
width: 100%;
color: var(--textColor);
margin-bottom: calc(var(--margin) + 10px);
}
.artists_single .text h2 { 
font-size: 72px; 
line-height: 70px;
}
.artists_single .foto .balk_rood {
width: 100%;
height: 70px;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rm1_2.png);
margin-bottom: calc(var(--margin) + 10px);
}
.artists_single .foto .artist_foto {
width: 100%;
padding-top: 75%;
background-size: cover;
filter: grayscale(1);
box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);
transition: var(--textAnimation);
}
.artists_single .foto .artist_foto:hover {
filter: grayscale(0);
box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0);
}
.artists_list .artists_single:nth-child(even) .text,
.artists_list .artists_single:nth-child(even) .foto {
float: right;
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.title.event {
height: unset;
}
.title.event .wmax, .title.event .w1, .title.event .w1-3m {
height: 75%;
}
.event_poster  {
height: 100%;
max-height: 330px;
background-color: rgba(255, 0, 0, 0.1);
}
.event_poster .img {
position: unset;
margin: auto;
}
.event_title h1 {
font-size: 72px !important;
}
.event_title h2 {
font-size: 36px;
line-height: 40px;
}
.location_icon {
margin-top: 4px;
margin-left: calc(-18px - var(--margin));
}
.event_location.w1-4m {
margin-left: 45px !important;
}
.event_poster .img {
max-height: 330px;
}
.location_info h2 {
line-height: 24px;
font-size: 24px;
margin-bottom: unset;
}
.event_ticket_in {
padding-top: unset;
height: 110px;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.title.event {
height: unset;
}
.title.event .wmax, .title.event .w1, .title.event .w1-3m {
height: 75%;
}
.event_poster  {
height: 100%;
max-height: 330px;
background-color: rgba(255, 0, 0, 0.1);
}
.event_poster .img {
position: unset;
margin: auto;
}
.event_title h1 {
font-size: 72px !important;
}
.event_title h2 {
font-size: 36px;
line-height: 40px;
}
.location_icon {
margin-top: 4px;
margin-left: calc(-18px - var(--margin));
}
.event_location.w1-4m {
margin-left: 45px !important;
}
.event_poster .img {
max-height: 330px;
}
.location_info h2 {
line-height: 24px;
font-size: 24px;
margin-bottom: unset;
}
.event_ticket_in {
padding-top: unset;
height: 110px;
}
}
@media screen and (max-width: 600px) {
.title.event {
height: unset;
}
.title.event .wmax, .title.event .w1, .title.event .w1-3m {
height: 75%;
}
.event_poster  {
height: 100%;
max-height: 330px;
background-color: rgba(255, 0, 0, 0.1);
}
.event_poster .img {
position: unset;
margin: auto;
}
.event_title h1 {
font-size: 72px !important;
}
.event_title h2 {
font-size: 36px;
line-height: 40px;
}
.location_icon {
margin-top: 4px;
margin-left: calc(-18px - var(--margin));
}
.event_location.w1-4m {
margin-left: 45px !important;
}
.event_poster .img {
max-height: 330px;
}
.location_info h2 {
line-height: 24px;
font-size: 24px;
margin-bottom: unset;
}
.event_ticket_in {
padding-top: unset;
height: 110px;
}
}#boeken .form {
margin: auto !important;
float: none;
}
.title.contact {
height: 45vh;
min-height: 300px;
}
.title.contact .wmax,
.title.p404 .wmax { height: 100%; position: relative; }
.contact_title,
.contact_header,
.contact_subtitle {
width: 100%;
}
.contact_title h1 {
-webkit-text-stroke: 3px var(--textColor);
text-align: center;
color: transparent;
font-size: 8vw;
line-height: 100%;
text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
position: absolute;
bottom: calc(50% + 1vw);
width: 100%;
}
.contact_header {
width: 100%;
height: 30%;
position: absolute;
background-color: var(--accentColor);
background-image: url(//www.ab-bookings.nl/wp-content/themes/Artists-Bands/parts/rg1_2.png);
top: 35%;
}
.contact_subtitle {
position: absolute;
text-align: center;
width: 100%;
bottom: 37%;
}
.contact_subtitle h3 {
font-size: 36px;
color: var(--textColor);
}
.title.p404 {
height: 65vh;
min-height: 300px;
}
.title.p404 a {
position: absolute;
bottom: 10%;
left: 50%;
}
.title.p404 a .button { margin-left: -50%; }
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.contact_title h1,
.artists_title h1,
.event_title h1 {;
font-size: 10vw;
bottom: calc(50% + 1vw);
}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.contact_title h1,
.artists_title h1,
.event_title h1 {;
font-size: 12vw;
bottom: calc(55% + 1vw);
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.contact_title h1,
.artists_title h1,
.event_title h1 {;
font-size: 15vw;
bottom: calc(60% + 1vw);
}
}
@media screen and (max-width: 600px) {
.contact_title h1,
.artists_title h1,
.event_title h1 {
-webkit-text-stroke: unset;
color: var(--textColor);
font-size: 19vw;
bottom: calc(65% + 1vw);
}
.contact_subtitle h3 { font-size: 24px; line-height: 36px; }
}