nav.skip-to {opacity: 0; position: fixed; top: -200px; left: -300px; transition: all 200ms; padding: 14px; border-radius: 4px; background-color: var(--primary-dark); color: var(--primary-light); z-index: 99999}
nav.skip-to ul {margin: 0; padding: 0}
nav.skip-to li {list-style: none; margin: 0; padding: 0}
nav.skip-to a {display: block; color: var(--primary-light); text-decoration: none; padding: 5px;}
nav.skip-to:focus,
nav.skip-to:focus-within {opacity: 1; left: 0; top: 0}

aside.wishlist-drawer {position: fixed; top: 0; right: -360px; width: 350px; max-width: 80%; height: 100%; background-color: var(--white); border: 1px solid var(--primary-base); box-shadow: 0 0 0 rgba(0, 0, 0, 0.52); border-radius: 5px 0 0 5px; z-index: 10999; padding: 20px; transition: 400ms right, 400ms box-shadow; overflow-x: hidden; overflow-y: scroll}
body.wishlist-active aside.wishlist-drawer {right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.52);}
aside.wishlist-drawer .close-wishlist {position: absolute; width: 30px; height: 30px; top: 10px; right: 10px; background: transparent url(../../images/icon-close.png) 50% 50% / 100% no-repeat; cursor: pointer;}
aside.wishlist-drawer h3 {margin: 20px 0 14px 0}
.wishlist-display-wrapper {max-width: 1280px; padding: 0 32px; margin: 0 auto 100px auto}
.wishlist-display {}
  .wishlist-display ul {margin: 0; padding: 0}
    .wishlist-display ul li {list-style: none; padding: 10px 0; margin: 0 0 4px 0; border-bottom: 1px solid var(--neutral-base-50)}
      .wishlist-display ul li .w-type {font-size: 12px; background-color: var(--secondary-base); color: var(--white); border-radius: 4px; display: inline-block; margin: 0; padding: 0 4px; }
      .wishlist-display ul h4 {margin: 4px 0 4px 0; font-size: 16px;}
      .wishlist-display ul p {margin: 0 0 4px 0; font-size: 12px}
      form.wishlist-form p.success {color: #008800; font-weight: normal; font-size: 12px; margin: 0 0 4px 0; font-size: 12px}
      .wishlist-display ul p:empty {display: none}
      .wishlist-display ul .position-holder {display: block;}
      .wishlist-display ul .position {font-size: 14px}
      .wishlist-display ul .position-separator {font-size: 14px}
      .wishlist-display ul .company {font-weight: bold; font-size: 14px}
      .wishlist-display ul .date {padding-left: 25px; background: transparent url(../../images/icons/calendar.svg) 0 50% / 20px 20px no-repeat; height: 20px; line-height: 20px;}
      .wishlist-display ul .times {padding-left: 25px; background: transparent url(../../images/icons/clock.svg) 0 50% / 20px 20px no-repeat; height: 20px; line-height: 20px}
      .wishlist-display ul .times .start-time {}
      .wishlist-display ul .times .end-time {}
      .wishlist-display ul .location {padding-left: 25px; background: transparent url(../../images/icons/pin.svg) 0 50% / 20px 20px no-repeat; height: 20px; line-height: 20px;}
      .wishlist-display ul li .button {padding: 4px 8px}

form.wishlist-form {vertical-align: middle; margin: 0 0 14px 0}
form.wishlist-form p {margin: 0 0 4px 0; font-weight: bold}
form.wishlist-form input[type="email"] {display: inline-block; width: 100% - 100px; margin-right: 14px; border: 1px solid var(--neutral-base); font-size: 14px; height: 30px; border-radius: 5px; padding: 0 4px}
form.wishlist-form input[type="submit"] {display: inline-block; width: 30px; height: 30px; padding: 0; border: none; background: transparent url(../../images/icon-email.png) 50% 50% / 100% no-repeat; color: transparent; margin-right: 10px; cursor: pointer}
form.wishlist-form .button-print {display: inline-block; width: 30px; height: 30px; padding: 0; border: none; background: transparent url(../../images/printing-black.png) 50% 50% / 100% no-repeat; color: transparent;}

.wishlist-display-wrapper .heading-area {margin: 40px 0}
.wishlist-display-wrapper h1 {display: inline-block; margin: 0 35px 0 0; vertical-align: middle;}
.wishlist-display-wrapper button {display: inline-block; margin: 0; vertical-align: middle; color: transparent; background-image: url(../../images/printing.png); background-size: 32px; background-repeat: no-repeat; background-position: 50% 50%; padding: 0; width: auto; height: auto; width: 60px; height: 60px}


.pre-header {position: fixed; top: 0; left: 0; width: 100%; height: 40px; background-color: var(--black); color: var(--white); z-index: 10000; display: none; padding: 0 0 0 10px;}
body.has-pre-header .pre-header {display: block}
body.has-pre-header .pre-header-inner > p,
body.has-pre-header .pre-header-inner > p a {color: var(--white);}

body.has-pre-header #site-container {padding-top: 138px}

.pre-header-inner > p {line-height: 40px; margin: 0; padding-left: 36px; float: left; background: transparent url(../../images/alert-circle.png) 0 50% / 24px 24px no-repeat; font-size: 12px; line-height: 40px; font-weight: 600}
.pre-header .more-events {display: block; float: right; border-radius: 0; height: 40px; background-color: var(--primary-base); border: none; font-size: 14px; padding-top: 0; padding-bottom: 0; line-height: 40px}
.pre-header ul.more-events-links {display: flex; top: -100%; position: fixed; right: 0; background-color: var(--white); color: var(--neutral-dark); width: 100%; padding: 28px !important; border-bottom: 1px solid var(--neutral-base-50); box-shadow: 0 0 10px rgba(0, 0, 0, 0.52); margin: 0; align-items: flex-start; justify-content: center; gap: 50px; vertical-align: top; transition: 200ms all}
    .pre-header ul.more-events-links li {list-style: none; margin: 0; padding: 0; max-width: 300px}
      .pre-header ul.more-events-links li a {display: block; padding: 10px 16px; font-size: 14px; padding: 0; color: var(--neutral-dark); font-size: 14px; text-decoration: none}
        .pre-header ul.more-events-links li .simple-link {text-decoration: underline;}

body.more-events-links-active .pre-header .more-events-links {top: 40px}

.ad-space {padding: 50px 20px}
  .ad-space a {display: block;}
  .ad-space .image {display: block}
    .ad-space .image img {display: block; max-width: 100%; height: auto; margin: 0 auto}

.iframe-placeholder {position: relative; cursor: pointer}
.iframe-placeholder::after {content: ''; width: 32px; height: 32px; cursor: pointer;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url(../../images/play-button.png) 50% 50% / 32px 32px no-repeat;}
iframe {display: block}

.content-404 {max-width: 900px; padding: 100px 10px; margin: 0 auto}



aside.share-block {position: fixed; z-index: 9999; width: 100px; right: -100px; bottom: 200px; background-color: var(--white); border: 1px solid var(--neutral-dark); transition: all 400ms; padding: 7px 14px}
aside.share-block::before {content: ''; width: 40px; height: 40px; background-color: var(--white); left: -39px; top: -1px; position: absolute; display: block; border: 1px solid var(--neutral-dark); border-right: none; background: var(--white) url(../../images/share.png) 50% 50% / 20px 20px no-repeat;}
aside.share-block:hover {right: 0}

aside.share-block ul {margin: 0; padding: 0}
aside.share-block ul li {padding: 0; margin: 0 0 5px 0; list-style: none}
aside.share-block ul li.page-url span {cursor: pointer; display: block; width: 24px; height: 24px; background: transparent url(../../images/link.png) 50% 50% / 100% 100% no-repeat; overflow: hidden; color: var(--white); text-indent: 100px; line-height: 120%}
aside.share-block ul li.page-url a {display: block; }

body.site-password-page {margin: 0; padding: 0; background-color: #555; font-size: 14px; font-family: 'courier new'; color: #000}
body.site-password-page * {box-sizing: border-box; outline: none}
.password-form-container h3 {margin: 0 0 10px 0; text-align: center}
.password-form-container p {text-align: center; font-weight: bold; color: #900; margin: 0 0 10px 0}
.password-form-container {position: absolute; left: 50%; top: 40%; width: 400px; border-radius: 10px; transform: translate(-50%, -50%); background-color: #efefef; padding: 20px; text-align: right}
.password-form-container input.input-text {color: #000; display: block; width: 100%; margin: 0 0 4px 0}
.password-form-container input.button {display: inline-block;}

a.log-out-of-draft-site {position: fixed; bottom: 80px; right: 20px; padding: 12px 16px; border-radius: 6px; background-color: #d00; text-decoration: none; color: #fff; font-weight: bold; transition: all 400ms}
a.log-out-of-draft-site:hover {background-color: #a00}


/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */