@charset "utf-8";

/*
Theme Name: WOLF Bookings
Theme URI: https://wolfbookings.nl/
Author: Manson Habib
Author URI: https://m7bib.com/
Description: WOLF BOOKINGS THEMA
Version: 1.1
*/

* {
	box-sizing: border-box;
	transition: .25s all ease;
	margin: 0;
	padding: 0;
}
::selection {
	color: white;
	background: #c81717;
}
html { -webkit-text-size-adjust: none; scrollbar-color: #c81717 #000; scrollbar-width: thin;}
.flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
img {
    vertical-align: bottom;
}
body {
    background: black;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    overflow-x: hidden;
}
a {
	text-decoration: none;
	color: inherit;
    outline: none;
    border: none;
  -moz-outline-style: none;
}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
#wrapper a {
    display: inherit;
}
.top-container {
    text-align: center;
    position: relative;
    width: 100%;
    background: black;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
#nav-home-top {
    height: 100vh;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 99;
    width: 100%;
}
.single-menu {
  background-color: rgba(0,0,0,0.85) !important;
}
#nav_menu-sticky-wrapper {
    z-index: 999999;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 92.5vh;
}
#nav_menu_page-sticky-wrapper {
    z-index: 999999;
    width: 100%;
    position: absolute;
}
.hvr-underline-from-center::before {
    background: #c81717 !important;
    height: 2px !important;
}
h1 {
    font-size: 1em;
}
#intro-video {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#video1 {
    position: absolute;
    object-fit: cover;
    object-position: center center;
    left: 0;
    transform: scale(1);
    height: 100%;
    width: 100%;
}
#logo {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    font-size: 2em;
    font-weight: 900;
    color: white;
}
#logo img {
    margin: auto;
}
#logo:hover {
}
.logo {
	padding: 20px;
	text-align: center;
}
.logo img {
	height: 40px;
	object-fit: contain;
}
.logo:hover {
	transform: scale(.9);
}
#follow-buttons {
	display: grid;
	grid-template-columns: 200px auto 200px;
	position: fixed;
	top: 20px;
	width: 100%;
}
#loading {
	position: fixed;
	height: 100vh;
	width: 100vw;
	justify-content: center;
    flex-direction:column;
	text-align: center;
	z-index: 20;
	transition: all .2s ease;
	background: black;
	display: grid;
	color: white;
	font-weight: 900;
	font-family: 'Heebo', sans-serif;
	font-size: .5em;
}
#loading img {
	margin: auto;
	width: 100px;
	margin-bottom: 50px;
}
#loader {
	width: inherit;
	margin-top: 50% -200px;
}
.loaderspin {
    border: 10px solid white; /* Light grey */
    border-top: 10px solid black; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
	margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
main p:empty {
	display: none;
}
.opacity {
	position: fixed;
	display: none;
	opacity: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1;
}

#social-mobile {
	position: absolute;
	bottom: 50px;
	font-size: .9em;
	margin: auto;
	margin-left: 5px;
	line-height: 40px;
	width: inherit;
	text-align: center;
}
#social-mobile a {
	margin-right: 10px;
}
#social-mobile a:last-child {
	margin-right: 0px;
}
.fa-instagram:hover {
	color: #cd486b;
}
.fa-facebook-f:hover,
.fa-facebook:hover {
	color: #3B5998;
}
.fa-twitter:hover {
	color: #1da1f2;
}
#social-mobile .instagram-icon {
	color: #cd486b;
}
#social-mobile .youtube-icon {
	color: #ff0000;
}
#social-mobile .facebook-icon {
	color: #3B5998;
}
#social-mobile .spotify-icon {
	color: #1db954;
}
#social-mobile .instagram-icon:hover {
	color: #cd486b;
}
#social-mobile .youtube-icon:hover {
	color: #ff0000;
}
#social-mobile .facebook-icon:hover {
	color: #3B5998;
}
#social-mobile .spotify-icon:hover {
	color: #1db954;
}
#social-mobile .instagram-icon:hover,
#social-mobile .youtube-icon:hover,
#social-mobile .spotify-icon:hover,
#social-mobile .facebook-icon:hover {
	transform: scale(1.2);
	cursor: pointer;
	background: white;
}
#social-mobile p {
	font-weight: 500;
}
#wrapper {
    background: black;
    color: white;
    width: 100%;
    overflow: hidden;
}
#wolfpack-grid {
    width: 100%;
    margin: auto;
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.wolfpack-artiest {
    display: block;
    color: black;
	max-width: 100%;
	width: 100%;
	aspect-ratio: 1;
	margin: auto;
    background-size: cover;
    background-position: center center;
}
.wolfpack-artiest a {
    height: 100%;
	width: 100%;
}
.wolfpack-artiest-info {
    background-color: rgba(0,0,0,0.6);
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    color: white;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 25px;
}
.wolfpack-artiest-info:hover {
    background-color: rgba(0,0,0,0.2);
}
.wolfpack-cta {
    display: grid;
    grid-template-columns: 50% 50%;
}
.wolfpack-artiest-info h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 1.4em;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-transform: uppercase;
    opacity: .8;
}
.wolfpack-cta-left:hover, .wolfpack-cta-right:hover {
    color: black !important;
    font-weight: 600 !important;
}
.hvr-sweep-to-left::before,
.hvr-sweep-to-right::before {
    background: #c81717 !important;
    color: black !important;
}
.wolfpack-cta-left {
    background: black;
    padding: 10px;
    color: white;
    margin-top: 10px;
    margin-right: 5px;
    border: 1px solid white;
    text-transform: uppercase;
    font-size: .8em;
    opacity: .8;
}
.wolfpack-cta-right {
    background: black;
    padding: 10px;
    color: white;
    margin-top: 10px;
    margin-left: 5px;
    border: 1px solid white;
    text-transform: uppercase;
    font-size: .8em;
    opacity: .85;
}
#titel-wolfpack {
    background: #171717;
    width: 100%;
    border-top: 10px solid black;
    color: white;
    border-bottom: 10px solid black;
    padding: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
}
.wolfpack-search {
    position: fixed;
    bottom: 0;
    padding: 20px;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.9);
    z-index: 2;
    opacity: 0;
    display: none;
}
.wolfpack-search-show {
    opacity: 1 !important;
}
.wolf_search {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: 0;
    background: rgba(255, 255, 255, 0.2);
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    outline: none !important;
}
#menu_mobile {
    display: none;
}
#menu_mobile i {
    font-size: 2.5em;
}
#logo-mobile {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    cursor: pointer;
    transition: transform 1s ease;
}
#logo-mobile:hover {
    transform: rotate(180deg);
}
.logo-show {
    opacity: 1 !important;
}
.top-container-artiest {
    text-align: center;
    position: relative;
    width: 100%;
    background: black;
    overflow: hidden;
    min-height: 100vh;
    padding: 100px 50px;
}
.top-container-artiest-roster {
    text-align: center;
    position: relative;
    width: 100%;
    background: black;
    overflow: hidden;
    height: 70vh;
    padding: 100px 50px;
}
#artiest-roster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#artiest-roster h1 {
    font-size: 3em;
    font-weight: 700;
}
#logo-artiest {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    z-index: 4;
    background: rgba(0,0,0,0.2);
    padding-bottom: 50px;
    cursor: pointer;
    opacity: .9;
}
.logo-artiest-show {
    display: none !important;
}
#logo-artiest img {
    margin: 0px auto;
}
#logo-side {
    position: absolute;
    margin-right: 0px;
    left: 20px;
    padding: 0px;
    transition: all ease 1s;
    opacity: .9;
}
#logo-side img {
    width: 30px;
}
#logo-side:hover {
    transform: rotate(180deg);
}
.logo-side-show {
    display: block !important;
}
#artiest-background {
    background-position: center center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
#artiest-background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right center;
    opacity: .6;
}
#artiest-biografie:hover #artiest-background img {
    opacity: 1;
}
#artiest-bio {
    text-align: left;
    display: flex;
}
#artiest-biografie {
    color: white;
    z-index: 0;
    text-align: left;
    padding: 25px;
    width: 400px;
    display: inline-block;
}
#artiest-biografie2 {
    z-index: 0;
    text-align: left;
    padding: 25px;
    width: 400px;
    display: inline-block;
}
#artiest-biografie3 {
    z-index: 0;
    text-align: left;
    padding: 25px;
    width: 400px;
    display: inline-block;
}
#artiest-biografie img {
    width: 100%;
    display: none;
}
#artiest-socials {
    color: white;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 0;
    text-align: left;
    top: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#artiest-socials li {
    list-style: none;
}
#artiest-socials i {
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: white;
    color: black;
    margin-bottom: 20px;
    border-radius: 50% 50%;
    font-size: 2em;
    opacity: 0;
    cursor: pointer;
}
#artiest-socials .fa-instagram:hover {
    color: #c13584;
}
#artiest-socials .fa-facebook:hover {
    color: #3c5a99;
}
#artiest-socials .fa-youtube:hover {
    color: #c81717;
}
#artiest-socials .fa-tiktok:hover {
	color: #ff0050;
}
#artiest-socials .fa-spotify:hover {
    color: #1DB954;
}
#artiest-socials .fa-envelope:hover {
    color: #00a1f1;
}
.instagram-icon:hover {
	color: #cd486b;
}
.youtube-icon:hover {
	color: #ff0000;
}
.facebook-icon:hover {
	color: #3B5998;
}
.spotify-icon:hover {
	color: #1db954;
}
.instagram-icon:hover,
.youtube-icon:hover,
.tiktok-icon:hover,
.spotify-icon:hover,
.facebook-icon:hover,
.email-icon:hover {
	transform: scale(1.2);
	cursor: pointer;
}
.email-icon {
    margin-right: 0px !important;
}
#perskit {
    background: white;
    padding: 10px 20px;
    text-transform: uppercase;
    color: black;
    letter-spacing: .5px;
    font-weight: 600;
    font-size: .95em;
    text-align: center;
    opacity: .8;
    margin-top: 10px;
}
.perskit {
    position: absolute;
    bottom: 70px;
    right: 25px;
    display: block;
}
#artiest-main {
    height: 100vh;
}
#artiest-top {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    z-index: 2;
}
#youtube-videos {
    overflow: hidden;
}
#artiest-top h1 {
    font-size: 4em;
    color: white;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    font-family: 'Poppins', sans-serif;
}
#artiest-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
}
#artiest-grid iframe {
    width: 100%;
    height: 100%;
}
#artiest-left {
    margin-right: 50px;
    width: 500px;
}
#artiest-right {
    margin-left: 50px;
}
#boeken-header {
    width: 100%;
    text-align: center;
    font-size: 2em;
}
#contact-boeken {
    width: 750px;
    margin: 50px auto;
}
#contact-boeken input {
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    padding: 10px 5px;
    margin-bottom: 15px;
    border-radius: 0px;
    outline: none;
    background: black;
    color: white;
    border: 1px solid white;
}
#page-wrapper input {
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    padding: 10px;
    border-radius: 0px;
    outline: none;
    background: black;
    color: white;
    margin-bottom: 15px;
    border: 1px solid rgba(255,255,255,.25);
}
#page-wrapper input:focus,
#page-wrapper input:active {
    border: 1px solid rgba(255,255,255,.25);
}
.wpcf7-form.init p {
    margin-bottom: 15px !important;
}
#artiest-biografie h1 {
    font-size: 2.5em;
    font-family: 'Jost', sans-serif;
	text-transform: uppercase;
    background: #c81717;
	border-bottom: 5px solid white;
    width: max-content;
    padding: 10px 15px;
    line-height: 1;
    margin-bottom: 25px;
    transform: skew(-15deg);
    left: 10px;
    position: relative;
    text-shadow: none;
}
#artiest-biografie p,
#artiest-biografie2 p,
#artiest-biografie3 p {
    margin-bottom: 20px;
    font-size: .9em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    line-height: 1.4em;
}
.bne-testimonial-wrapper.testimonial-badge.google-badge.testimonial-badge-api.fancy.clearfix {
    background: black;
    padding: 10px;
    margin-top: 20px;
}
.testimonial-badge .badge-title, .badge-text {
    color: white;
}
.badge-text {
    font-size: .8em !important;
    margin-top: 7.5px !important;
    display: inline-block;
    opacity: .75;
}
.badge-image.alignleft {
    height: 70px;
    width: unset !important;
    margin-top: 0px;
}
.badge-average {
    font-size: 1.2em !important;
    position: relative;
    margin-right: 2.5px;
}
.badge-title {
    font-size: 1em !important;
    opacity: .85;
}
.bne-icon-star-filled.bne-stars {
    opacity: .9;
    margin-right: 5px;
}
.badge-link {
    width: max-content;
    display: inline-block !important;
    color: white;
}
.side-contact p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    margin-bottom: 10px;
}
.side-contact label {
    width: 100%;
}
.side-contact span {
    display: inline-block;
    width: 100%;
    text-align: left;
}
#boeken button {
    background: white;
    color: black;
    border: none;
    letter-spacing: 2px;
}
.wpcf7-submit.hvr-sweep-to-left {
    margin-top: 20px;
}
#wpcf7-f93-o1 label i {
    margin-right: 5px;
}
.wpcf7-form-control.wpcf7-submit {
    background: #c81717 !important;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: 'Poppins', sans-serif;
}
span.wpcf7-not-valid-tip {
    text-align: left;
    text-transform: none;
}
.wpcf7-form-control-wrap.tijd-opt#c81717en {
    margin-left: 50px;
}
.wpcf7-form-control-wrap.omschrijving-info input {
    text-transform: none !important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: none;
    padding: 20px;
    text-transform: none;
    font-size: .9em;
    text-align: center;
    position: relative;
    padding-left: 80px;
    background: #1b1b1b;
    color: white;
    margin: 0px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    border: none;
    padding: 20px;
    text-transform: none;
    font-size: .9em;
    text-align: center;
    position: relative;
    padding-left: 80px;
    background: #1b1b1b;
    color: white;
    margin: 0px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors::after {
    position: absolute;
    height: 100%;
    left: 25px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 2em;
    content: "\f071";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    color: #ffea00;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok::after {
    position: absolute;
    height: 100%;
    left: 25px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 2em;
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    color: #1fb41f;
}
#book-vorige-btn,
#book-volgende-btn {
    width: 100%;
    background: white;
    color: black;
    border: none;
    padding: 10px;
    margin-top: 10px;
}
.selecteer-je-artiesten p {
    margin-bottom: 0 !important;
}
.selecteer-je-artiesten {
    border-bottom: 1px solid white;
    padding: 0;
    font-size: .8em;
    text-align: left;
    opacity: .8;
    cursor: pointer;
    margin: 0;
    border: 0;
}
.selecteer-je-artiesten:hover {
    opacity: 1;
}
.selecteer-je-artiesten i {
    margin-right: 5px;
}
.contact-titel {
    margin: 40px 0px 10px 0px;
    display: block;
    text-align: left;
    background: #c81717;
    color: white;
    padding: 5px 10px;
    font-size: .8em;
    width: max-content;
}
#boek-stappen {
    margin: auto;
}
#cf7wpms-progressbar li {
    background: gray;
    color: white;
    margin-bottom: 10px;
    padding: 10px;
    font-size: .75em;
    text-align: left;
    list-style: none;
    text-transform: uppercase;
}
#cf7wpms-progressbar li.active p a {
    font-weight: 700;
    letter-spacing: .5px;
    font-size: 1.2em;
}
#cf7wpms-progressbar li.active span {
    font-size: .9em;
}
#cf7wpms-progressbar li span {
    width: 60px;
    display: inline-block;
}
#artiest-insta-feed {
    text-align: center;
    font-size: 2em;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: black;
    text-transform: uppercase;
}
#wolf-diamond-scroll {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    background: black;
    padding: 10px;
    border-radius: 50%;
    margin: auto;
    cursor: pointer;
    z-index: 2;
}
#wolf-diamond-scroll2 {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 10px;
    font-size: 2em;
    margin: auto;
    cursor: pointer;
    z-index: 2;
}
.nav-search {
    position: absolute;
    right: 20px;
    margin-right: 0px;
    width: 280px;
}
#nav-search {
    padding: 7px;
    outline: none;
}
.nav-search::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f002";
    font-weight: 900;
    right: 10px;
    top: 6px;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: .7;
    font-size: .8em;
}
#artiest-agenda {
    padding: 50px;
    background-color: black;
    background-image: url(https://wolfbookings.nl/wp-content/uploads/2019/12/wolf-bookings-black.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: top center;
    opacity: 0;
}
#boek-de-artiest {
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 50px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    opacity: 0;
}
#boek-de-artiest:hover {
}
#boek-de-artiest strong {
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
    cursor: pointer;
    max-width: max-content;
    margin: auto;
    position: relative;
    padding-left: 50px;
    text-align: center;
}
#roster-titel {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
    max-width: max-content;
    margin: auto;
    position: relative;
    padding-left: 50px;
    font-size: 1.5em;
    color: white;
    padding: 20px;
    text-align: center;
}
#roster-titel img {
    height: 40px;
    position: relative;
    top: 10px;
}
#artiest-agenda strong img,
#boek-de-artiest strong img {
    top: -4px;
    left: -25px;
    max-width: 53px;
    position: absolute;
}
#artiest-agenda strong {
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: block;
    cursor: pointer;
    text-align: center;
    max-width: max-content;
    margin: auto;
    position: relative;
    padding-left: 50px;
    text-align: center;
}
#book-the-artist {
    display: none;
    margin-top: 50px;
    width: 700px;
    margin: auto;
}
#book-the-artist.open {
	display: block;
}
#boek-de-artiest.open strong i {
	transform: rotate(180deg);
}
.boek-de-artiest-grid {
}
#artiest-songkick {
    max-width: 1200px;
    margin: auto;
}
#the-watermark {
    font-weight: 700;
    font-size: 1.2em;
}
#boeken {
    margin: auto;
    text-transform: uppercase;
}
#book-the-artist h2 {
    text-align: center;
}
.wpcf7-form-control-wrap[data-name="menu-370"],
.wpcf7-form-control-wrap[data-name="menu-371"],
.wpcf7-form-control-wrap[data-name="menu-372"],
.wpcf7-form-control-wrap[data-name="menu-373"],
.wpcf7-form-control-wrap[data-name="menu-374"],
.wpcf7-form-control-wrap[data-name="menu-375"],
.wpcf7-form-control-wrap[data-name="menu-376"],
.wpcf7-form-control-wrap[data-name="menu-377"],
.wpcf7-form-control-wrap[data-name="menu-378"],
.wpcf7-form-control-wrap[data-name="menu-379"] {
    display: none;
}
#book-the-artist input {
    border-bottom: 1px solid white;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 10px 5px;
    margin-bottom: 10px;
    display: block;
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    text-transform: uppercase;
    background: black;
    color: white;
    border-radius: 0px;
    outline: none;
}
.wpcf7-form-control.wpcf7-select,
#book-the-artist select {
    border: 1px solid white;
    padding: 10px 5px;
    margin-bottom: 10px;
    display: block;
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    text-transform: uppercase;
    background: black;
    color: white;
    border-radius: 0px;
    outline: none;
}
.wpcf7-submit.hvr-sweep-to-left,
#boeken button {
    border: none;
    padding: 10px 5px;
    margin-bottom: 10px;
    display: block;
    width: -moz-available;
    -webkit-appearance: none;
    border-radius: 0px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all ease .25s !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    background: #c81717;
    color: white;
    opacity: 1;
}
#boeken button i {
    margin-left: 10px;
}
#boeken button:hover {
    color: black !important;
    opacity: 1;
}
section h3 {
    font-weight: 700;
    margin-bottom: 15px;
}
section.social li {
    list-style: none;
    display: inline-block;
    font-size: 1.5em;
}
section.social li i {
    margin-right: 25px;
    font-size: 2em;
    width: 70px;
    height: 70px;
    border-radius: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
section.social li i:hover {
    margin-right: 25px;
    font-size: 2em;
    background: white;
}
section.map li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}
section.map li i {
    margin-right: 10px;
}
section.map li a:hover {
    text-decoration: underline;
}
section.nieuwsbrief {
    padding: 0px 50px;
    text-transform: uppercase;
}
section.nieuwsbrief input {
    display: block;
    border: none;
    border-bottom: 1px solid white;
    padding: 5px;
    color: white;
    background-color: black;
    text-transform: uppercase;
    margin-bottom: 20px;
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    border-radius: 0px;
    outline: none;
}
section.nieuwsbrief input[type='submit'] {
    background: white;
    color: black;
    border-radius: 0px;
}
#m7bib {
    padding: 25px;
    color: gray;
    text-align: center;
    font-size: .8em;
}
#m7bib a:hover {
    color: white;
}
.m7bib-copyright {
    display: inline-block;
    margin-left: 5px;
}
.m7bib-copyright i {
    margin-right: 5px;
}
.m7bib-copyright a {
    font-weight: 800;
}
.m7bib-copyright a:hover {
    color: white;
}
#artiest-media-head {
	height: 40vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: black;
}
#artiest-media-lijst {
	height: 50vh;
	overflow-y: scroll;
	margin-right: -20px;
	background: black;
	width: calc(100% +20px)
}
#artiest-media-lijst li {
	height: 60%;
	border-bottom: 1px dotted #fff3;
	font-size: 1em;
	padding: 15px;
	display: grid;
	grid-template-columns: 130px auto;
	position: relative;
	cursor: pointer;
    transition: .5s all ease;
}
#artiest-media-lijst li:last-child {
	border-bottom: 0px dotted #e21a2266;
}
.artiest-media-lijst-image {
	margin-right: 20px;
	position: relative;
	max-height: 60px;
    overflow: hidden;
}
.artiest-media-lijst-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
}
.artiest-media-lijst-info strong {
	font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1;
}
.artiest-media-lijst-info p {
    font-size: .6em;
    line-height: 1;
}
.artiest-media-lijst-info span {
	font-weight: 400;
	font-size: .6em;
    opacity: .4;
    margin-top: 5px;
	letter-spacing: .5px;
}
.artiest-media-active {
	background: white !important;
	color: black !important;
}
li.artiest-media-active:hover {
	background: gray !important;
	color: white !important;
}
.artiest-media-active strong,
.artiest-media-active p {
	color: black !important;
}
#artiest-media-lijst li:hover {
	color: black !important;
}
#artiest-media-lijst li:hover .artiest-media-lijst-info strong {
	color: black !important;
}
#artiest-media-lijst li:hover .artiest-media-lijst-info p {
	color: black !important;
}
.artiest-media-lijst-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.artiest-media-active::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px 60px;
    font-family: "Font Awesome 6 Pro";
    content: "\f04b";
    font-weight: 900;
	font-size: 2em;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    color: white;
}
#social-mobile p {
	font-weight: 500;
}
#artiest-media-lijst h3 {
	padding: 20px;
	text-align: center;
	font-weight: 500;
}
#artiest-media-head iframe {
	display: none;
}
#youtube-video-thumb  {
	object-fit: cover;
	position: relative;
	overflow: hidden;
}
#youtube-video-thumb img {
	width: 100%;
	object-fit: cover;
	filter: blur(3px);
	height: 40vh;
    opacity: .9;
}
#youtube-playknop {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 5.5em;
    opacity: .2;
}
#youtube-video-titel {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 1;
	font-size: 1.5em;
	top: 20px;
	color: white;
    line-height: 1;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	font-weight: 700;
	padding: 0px 15px;
}
#playknop {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 2em;
	color: black;
}
#youtube-playknop:hover, #playknop:hover {
	cursor: pointer;
	transform: scale(1.1);
}
#artiest-agenda-grid {
}
#over-ons-box-1 img {
	opacity: .5 !important;
}
#over-ons-box-1 {
    height: 100vh;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
#over-ons-box-1 h1 img {
    width: 200px;
    margin: auto;
}
#over-ons-top-img {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    opacity: .8;
}
#over-ons-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    min-height: 50vh;
    border-bottom: 3px solid black;
    border-top: 3px solid black;
}
#over-ons-left {
    border-right: 3px solid black;
}
#over-ons-left img,
#over-ons-right img {
    opacity: .7;
}
#over-ons-left img:hover,
#over-ons-right img:hover {
    opacity: 1;
}
#over-ons-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
#over-ons-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
#contact-grid {
    grid-template-columns: 50% 50%;
    display: grid;
    width: 1100px;
    margin: auto;
}
#contact-mail-grid ul {
    display: grid;
    grid-template-columns: 50% 50%;
}
#contact-mail-grid li span {
    display: block;
}
#contact-left {
    margin-right: 100px;
}
#contact-left input {
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    padding: 10px;
    border: 0px;
    margin-bottom: 15px;
    border-radius: 0px;
    outline: none;
    background: none;
    color: white;
    border-bottom: 1px solid white;
}
#contact-left .wpcf7-form-control.wpcf7-submit {
    opacity: .75;
}
#contact-left .wpcf7-form-control.wpcf7-submit:hover {
    opacity: 1;
}
#contact-left textarea {
	width: -moz-available;
	width: -webkit-fill-available;
	width: available;
    -webkit-appearance: none;
    padding: 10px;
    border: 0px;
    margin-bottom: 15px;
    border-radius: 0px;
    outline: none;
    background: none;
    color: white;
    border-bottom: 1px solid white;
    font-size: .9em;
}
#contact-adres h1 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 1px;
}
#contact-left h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 1px;
}
#contact-adres {
    margin-bottom: 25px;
}
#contact-mail-grid {
    border-top: 1px solid rgba(255,255,255,0.2);
    margin-top: 25px;
}
#contact-mail-grid li {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
    padding: 25px;
    margin: 20px 0px;
}
#contact-mail-grid li span {
    font-size: .8em;
    margin-top: 5px;
}
#contact-adres p span strong {
    font-weight: 800;
}
#contact-mail-grid li::before {
    display: block;
    text-align: center;
    content: "\f0e0";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    margin-bottom: 5px;
}
.fa-phone {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#contact-adres span {
    margin-bottom: 20px;
    display: block;
    line-height: 1.5em;
    position: relative;
}
#contact-adres i {
    margin-left: -10px;
    position: absolute;
    left: -15px;
    top: 3px;
    opacity: .8;
}
#side-bar {
    position: fixed;
    width: 100%;
    padding: 105px 50px 50px 50px;
    background: black;
    color: white;
    z-index: 9999;
    transition: .25s all ease;
    top: 0;
    left: -100vw;
    height: 100%;
    background-image: url(https://wolfbookings.nl/wp-content/uploads/2019/12/wolf-bookings-black-1.png);
    background-size: cover;
    opacity: 1;
}
#side-bar li {
    display: block;
    padding: 20px 0px;
    font-size: 1.5em;
    font-weight: 600;
    width: max-content;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
#side-bar a {
    position: relative;
    display: block;
    margin-left: 10px;
}
#side-bar a::before {
    text-align: center;
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: -20px;
    opacity: .5;
    height: 69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.socials-side {
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    opacity: .8;
}
.socials-side li {
    display: inline-block !important;
    list-style: none;
    font-size: 3em !important;
    margin-right: 80px;
}
.socials-side li:last-child {
    margin-right: 0px;
}
.socials-side a::before {
    content: "" !important;
}
#over-ons-box-2 {
    position: relative;
}
#over-ons-box-2-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    opacity: .5;
}
#over-ons-box-2-p {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    max-width: 750px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#over-ons-box-2-p p,
#over-ons-box-3-p p {
    margin-bottom: 20px;
}
#over-ons-box-2-p h2 {
    font-size: 2.5em;
    font-family: 'Merriweather', sans-serif;
    font-weight: 900;
    margin-bottom: 30px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    text-transform: uppercase;
}
#over-ons-box-2-p {
    line-height: 1.3em;
}
#over-ons-box-3 {
    position: relative;
    height: 50vh;
    margin-bottom: 50px;
}
#over-ons-box-3-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    opacity: .9;
}
#over-ons-box-3-p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 750px;
    margin: auto;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#over-ons-box-3-p h2 {
    font-size: 2.5em;
    font-family: 'Merriweather', sans-serif;
    font-weight: 900;
    margin-bottom: 30px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    text-transform: uppercase;
}
#over-ons-box-3-p {
    line-height: 1.3em;
}
#over-wolf-diamant {
    width: 20px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
    opacity: .9;
    padding: 0;
}
#over-wolf-diamant2 {
    width: 20px;
    margin: auto;
    display: block;
    margin-top: 20px;
    opacity: .9;
    padding: 0;
}
#over-wolf-diamant2:hover {
    transform: rotate(180deg);
}
#gdprc_bar {
    position: relative;
    border-top: 1px solid #2c2c2c;;
    background: #151515;
    color: #ededed;
    padding: 60px 0px;
    z-index: 9;
}
#gdprc_bar .gdprc_button, #gdprc_settings .gdprc_button {
    border-radius: 0px !important;
    background: black;
    color: white;
    border: 1px solid #4b4b4b;
}
#gdprc_settings {
    border: none;
}
#gdprc_settings .gdprc_header {
    background: #151515;

}
#gdprc_settings .gdprc_actions {
    background: #151515;
}
#gdprc_settings .gdprc_items {
    border: none;
    background: rgba(44, 44, 44,0.25);
}
#page-wrapper {
    max-width: 800px;
    padding: 100px 50px;
    margin: auto;
}
#page-wrapper p {
    margin-bottom: 30px;
    line-height: 1.2em;
}
#page-wrapper h1 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
#m7bib a {
    font-size: inherit;
}
.grecaptcha-badge {
    display: none !important;
}
.copy-info {
    text-align: center;
    font-size: .8em;
}
#videos-page-wrapper {
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat;
}
#videos-page-wrapper p {
    margin-bottom: 30px;
    line-height: 1.2em;
}
#videos-page-wrapper h1 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
#videos-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	padding-top: 85px;
    max-width: 1400px;
	grid-gap: 25px;
    margin: auto;
}
.contactpage {
	padding-top: 82px;
}
.m7-video {
    display: inline-block;
	position: relative;
    cursor: pointer;
}
.m7-video img {
    width: 100%;
    transform: scale(1.2);
    object-position: center center;
    height: 100%;
    object-fit: cover;
}
.m7-video-info {
	text-align: left;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	padding: 15px;
	color: white;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: .25s all ease;
}
.m7-video-info h2 {
    font-weight: 900;
	text-transform: uppercase;
	background: white;
	color: black;
	padding: 0px 5px;
	width: max-content;
	font-size: 1em;
	margin-bottom: 5px;
}
.m7-video-info p {
	font-weight: 500;
	font-size: .85em;
	margin-left: 2.5px;
}
.m7-video-thumb img.abs {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m7-video-thumb {
    overflow: hidden;
    position: relative;
	height: 100%;
}
.m7-video-thumb::after {
    color: white;
    content: "\f04b";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    opacity: 0;
    font-size: 1.7em;
}
.m7-video:hover .m7-video-thumb::after {
    opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.loadmore {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    background: #303030;
    opacity: .8;
    color: white;
    padding: 20px;
    margin-bottom: 100px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
    max-width: 1385px;
    margin: auto;
}
.loadmore:hover {
    opacity: 1;
}
#artiest-biografie a {
    font-weight: 700;
}
#artiest-biografie a:hover {
    text-decoration: underline;
}
.handtekening {
    background: #1F1F1F;
}
.handtekening video {
    width: 100%;
}
.handtekening em,
.handtekening strong,
.handtekening a {
    display: inline-block !important;
    font-weight: 900;
}
.wpcf7-form-control.wpcf7-submit {
    padding: 10px !important;
    border: none !important;
    background: #dd9176;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
}
.wpcf7-form-control.wpcf7-submit:hover {
    background: black;
    color: white !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: .85em;
    color: white;
    text-align: left;
    text-transform: none;
}
.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before {
    content: "\f071";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: gold;
}
.wpcf7-not-valid-tip {
    font-size: .75em !important;
    margin-top: 5px;
    margin-right: 5px;
}
.wpcf7-not-valid-tip::before {
    content: "\f12a";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    transform: scale(.8);
    margin-right: 5px;
}
.wpcf7 form.sent .wpcf7-response-output {
    padding: 0;
    border: 0;
    margin: 0;
}
.wpcf7 form.sent .wpcf7-response-output::before {
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    transform: scale(.8);
    margin-right: 5px;
    color: #8fd24e;
}




nav {
    position: fixed;
    top: auto;
    left: 0;
    padding: 25px;
    text-align: center;
    z-index: 9;
    transition: .25s all ease;
    display: grid;
    grid-template-columns: 300px auto 300px;
    width: 100%;
    color: white;
    border-top: 2.5px solid #c81717;
	background: rgba(0,0,0);
	background: -moz-linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 95%);
	background: -webkit-linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 95%);
	background: linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 95%);
    font-weight: 100;
}
nav.scrolled {
    padding: 10px;
    border-top: 1px solid #c81717;
    background: none;
}
nav ul {
    opacity: 1;
}
nav.scrolled ul {
    opacity: 0;
}
nav a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
nav li {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    font-size: 1.1em;
    margin-right: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    color: white;
}
nav li a::after {
    height: 76%;
    width: 0%;
    position: absolute;
    top: 3px;
    left: -6px;
    z-index: -1;
    content: '';
    transform: skew(-9deg);
    color: white;
}
nav li.music a::after {
    background: #173cc8;
}
nav li.bookings {
    font-weight: 700;
}
nav li.publishing a::after {
    background: #ffcb00;
}
nav li.bookings a::after {
    background: #c81717;
}
nav li:hover a::after {
    width: 110%;
    transition: .5s all ease-out;
}
nav li.bookings:hover a::after {
    width: 111%;
    transition: .5s all ease-out;
}
nav li.music:hover a::after {
    width: 110%;
    transition: .5s all ease-out;
}
nav li.active {
    font-weight: 700;
}
nav li::after {
    margin-left: 20px;
    content: '';
    font-weight: 600;
    position: relative;
    background: #c81717;
    font-size: .6em;
    width: 1px;
    top: 3px;
    height: 20px;
    display: inline-block;
}
nav li:last-child {
    margin-right: 0px;
}
nav li:last-child::after {
    content: none;
}
nav .logo img {
    width: 150px;
    vertical-align: bottom;
}
nav .logo {
    position: absolute;
    left: 25px;
    text-transform: uppercase;
    margin-top: -2px;
}
.fa-instagram {
    color: #C13584;
}
.fa-linkedin {
	color: #0077b5;
}
.fa-youtube {
    color: red;
}
.fa-tiktok {
    color: black;
}
.fa-spotify {
    color: #1DB954;
}
.fa-facebook-f {
    color: #4267B2;
}
.nav-pad {
    transition: .25s all ease;
}
.m7-menu {
    display: inline-block;
    vertical-align: middle;
}
nav .social {
    text-align: right;
    padding-right: 5px;
}
nav .social i {
    margin-left: 15px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: white;
    border-radius: 50%;
    font-size: .95em;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
}
nav.scrolled .social i {
    font-size: .8em;
    width: 22.5px;
    height: 22.5px;
    margin-left: 5px;
}
nav .social i:hover {
    transform: scale(1.25);
}
nav.scrolled .social i:hover {
    transform: scale(1.5);
}
#nav-icon {
  	width: 30px;
  	height: 18px;
  	-webkit-transform: rotate(0deg);
 	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: white;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  	top: 0px;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  	top: 8px;
}
#nav-icon span:nth-child(4) {
  	top: 16px;
}
#nav-icon.open span:nth-child(1) {
  	top: 18px;
  	width: 0%;
  	left: 50%;
}
#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	 transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  	top: 15px;
  	width: 0%;
  	left: 50%;
}

#paperchase-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: max-content;
    text-align: left;
    line-height: 1;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    color: white;
}
#paperchase-logo h1::after {
    height: 80%;
    width: 98%;
    position: absolute;
    top: -7px;
    left: 24px;
    z-index: -1;
    background: #c81717;
    content: '';
    transform: skew(-9deg);
}
#paperchase-logo h1 {
    line-height: 1;
    margin-bottom: 0;
    font-size: 5em;
    font-style: italic;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
#paperchase-logo h2 {
    line-height: 1;
    margin-bottom: 0;
    font-size: 1.5em;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: -5px;
}
#paperchase-logo h1 img {
    object-fit: contain;
}
.m7bib {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 900;
}
.m7bib i {
    margin: 0 5px;
}
.copyright {
    color: white;
    padding: 10px;
    text-align: center;
    font-size: .65em;
    letter-spacing: .5px;
    opacity: .75;
}
.copyright .m7bib {
    display: inline-block;
}

footer {
    background: #0f0f0f;
    padding: 75px 25px 25px 25px;
}
#footer-grid {
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: max-content;
    position: relative;
    display: grid;
    grid-gap: 75px;
    grid-template-columns: 1fr 1fr;
}
#footer-grid section {
    display: inline-block;
    vertical-align: top;
}
footer .logo {
    max-width: 400px;
    margin: auto;
    padding: 50px 0px;
}
footer .logo img {
    width: 100%;
}
#footer-grid li {
    list-style: none;
    font-size: .9em;
    margin-bottom: 5px;
    color: white;
}
footer #paperchase-logo {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    color: white;
}
#copyright {
    font-size: .74em;
    letter-spacing: .5px;
    color: #606060;
    font-weight: 300;
    max-width: 1400px;
    margin: auto;
    text-align: center;
    margin-top: 50px;
}
#copyright span {
    font-weight: 700;
    text-transform: uppercase;
    opacity: .7;
}
#copyright i {
    display: inline-block;
    margin: 0px 2.5px;
    position: relative;
    transform: scale(.9);
    opacity: .7;
    top: 1px;
}
#footer-grid li.mail i,
#footer-grid strong i {
    color: white;
}
#footer-grid strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    color: white;
}
.fa-envelope {
    transform: scale(.9);
}
#footer-grid li {
    display: block;
}
#footer-grid .icon {
    width: 9px;
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#footer-grid .icon .m {
    background: #173cc8;
}
#footer-grid .icon .p {
    background: #ffcb00;
}
#footer-grid .icon .b {
    background: #c81717;
}
#footer-grid .icon div {
    width: 3px;
}
#footer-grid li.postcode {
    margin-bottom: 10px;
    padding-left: 3px;
}
#footer-grid li.adres i {
    margin-right: 2px;
}
#footer-grid li i {
    width: 25px;
    text-align: center;
    display: inline-block;
    transform: scale(.9);
}
.fa-phone {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.heartbeat {
    animation: beat .50s ease infinite alternate;
}
footer .social {
    text-align: center;
}
footer .social i {
    background: white;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 1.25em;
    margin: 0 10px;
    cursor: pointer;
}
footer .social i:hover {
    transform: scale(1.1);
}
footer .social a:last-child i {
    margin-right: 0px;
}


#the-menu {
    width: 375px;
    background: black;
    position: fixed;
    top: auto;
    left: -400px;
    z-index: 8;
    min-height: 100%;
    padding: 75px 40px;
    height: 100%;
    overflow-x: scroll;
    transition: .25s all ease;
}
#the-menu #paperchase-logo h1::after {
    top: -6px;
    left: 14px;
}
#the-menu #paperchase-logo h2 {
    font-size: 1.15em;
}
#the-menu #paperchase-logo h1 {
    font-size: 2.5em;
}
#the-menu #paperchase-logo {
    position: relative;
    margin: 25px 0;
    left: -1px;
}
#the-menu.open {
    left: 0;
    transition: .25s all ease;
}
#opacity {
    position: fixed;
    background: rgba(0,0,0,.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 7;
    opacity: 0;
    display: none;
}
#opacity.open {
    opacity: 1;
}
#opacity.dis {
    display: block;
}
#scroll-down i {
    transition: .25s all ease;
}
#scroll-down i:hover {
    transform: scale(1.2);
    transition: .25s all ease;
    cursor: pointer;
}
#the-menu img {
    width: 100%;
}
#the-menu .logo {
    margin: auto;
    margin-bottom: 50px;
    margin-top: 25px;
}
#the-menu li {
    list-style: none;
    border-bottom: 1px dotted rgba(255,255,255,.15);
    padding: 20px 0px;
    display: block;
    transition: .25s all ease;
    font-weight: 300;
    letter-spacing: .75px;
    text-transform: uppercase;
    color: white;
}
#the-menu li i {
    opacity: .5;
    transition: .25s all ease;
    transform: scale(.7);
}
#the-menu li:hover i {
    opacity: 1;
    transition: .25s all ease;
    transform: scale(1);
}
#the-menu li.ai {
    border-top: 1px dotted rgba(255,255,255,.15);
}
#the-menu a {
    display: block;
}
.select2-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.select2-results img {
    width: 40px !important;
}
.cptlfcf7_left_box {
    width: unset;
}
.cptlfcf7_right_box {
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.select2-container--default .select2-results > .select2-results__options {
    scrollbar-color: #c81717 #000; scrollbar-width: thin;
}
.select2-container--default .select2-selection--single {
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    border: 1px solid rgba(255,255,255,.25);
    background: black;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px;
    right: 5px;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #c81717;
    color: white;
}
.cptlfcf7_title {
    color: unset;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: white !important;
    color: #c81717 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #c81717 !important;
    color: white !important;
}
.xdsoft_datetimepicker.xdsoft_dark {
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
}
.select2-results {
    background: black;
    color: white;
    border: 1px solid rgba(255,255,255,.25);
    top: 0;
}
.wolfpack-search {
    display: none !important;
}
.the404 {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100vh;
}
.the404 h1 {
    font-family: 'Jost', sans-serif;
    transform: skew(-10deg);
    text-transform: uppercase;
    background: #c81717;
    color: white;
    margin: auto;
    font-size: 2.25em;
    margin-bottom: auto;
    margin-bottom: 50px;
    padding: 10px 20px;
    padding-top: 10px;
    padding-top: 15px;
    text-align: center;
    width: max-content;
}
#paperchase-logo img:hover {
	transform: scale(1.1);
	transition: all .25s ease;
}
#paperchase-logo img {
	transform: scale(1);
	width: 200px;
	height: 200px;
	margin-bottom: 50px;
	margin: auto;
	transition: all .25s ease;
}
#team {
	padding: 100px 25px;
}
#paged h1,
#team h5, #contact h1 {
  background: #c81717;
  border-bottom: 5px solid white;
  color: white;
  width: max-content;
  padding: 15px 25px;
  margin: auto;
    margin-bottom: auto;
  margin-bottom: 75px;
  font-size: 3em;
  text-transform: uppercase;
  transform: skew(-10deg);
	line-height: 1;
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}
#team p {
  font-weight: 400;
  letter-spacing: .75px;
  max-width: 500px;
  margin: auto;
  font-size: .9em;
  margin-top: 50px;
  text-align: center;
  line-height: 2em;
}
#paged {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-top: 150px;
}
#paged .info {
    max-width: 550px;
    margin: auto;
    text-align: center;
    padding: 0 15px;
	color: white;
}
#paged p {
	font-weight: 400;
	letter-spacing: .75px;
	max-width: 500px;
	margin: auto;
	  margin-top: auto;
	font-size: .9em;
	margin-top: 50px;
	text-align: center;
	line-height: 2em;
}


#single-video {
    padding: 35px;
    padding-top: 82px;
}
#single-video h1 {
    padding: 10px 10px;
    background: black;
    color: white;
    font-family: 'MH';
    font-weight: 100;
    width: max-content;
    margin: auto;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#single-video iframe {
    height: 550px;
}
.w100 {
    max-width: 1300px;
    margin: auto;
}
#single-video .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
    margin: 50px auto;
    max-width: 1300px;
    margin-bottom: 25px;
}
#single-video .grid section {
    position: relative;
    cursor: pointer;
}
#single-video .grid .thumb img {
    width: 100%;
}
#single-video .grid .info {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding: 15px;
    color: white;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.464285782672444) 35%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: .25s all ease;
}
#single-video .grid section:hover .info {
    opacity: 0;
    transition: .25s all ease;
}
#single-video .grid .info li {
    list-style: none;
}
#single-video .grid .info li.titel {
	font-weight: 600;
	text-transform: uppercase;
}
#single-video .grid .info li.artiest {
    font-weight: 500;
    font-size: .85em;
    margin-left: 2.5px;
}
#single-video .grid section .thumb::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 6 Pro";
    content: "\f04b";
    font-weight: 900;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 2.5em;
    color: white;
    opacity: .95;
    transition: all .25s ease;
}
#single-video .grid section:hover .thumb::after {
    font-size: 3em;
    opacity: 1;
    transition: all .25s ease;
}
#single-video h1 {
    padding: 10px 10px;
    background: black;
    color: white;
    font-family: 'MH';
    font-weight: 100;
    width: max-content;
    margin: auto;
    margin-bottom: 25px;
    text-transform: uppercase;
}
#single-video iframe {
    height: 550px;
}
.w100 {
    max-width: 1300px;
    margin: auto;
}
#wrapper.contactpage,
#wrapper.about {
	background: #131313;
}
#contact {
	padding: 70px 35px;
	padding-bottom: 0;
}
#contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1000px;
    margin: auto;
    grid-gap: 100px;
    margin-bottom: 100px;
}
#contact-grid section.first h2 {
    font-family: 'MH';
    font-weight: 100;
    color: black;
    margin-bottom: 25px;
    font-size: 2.25em;
}
#contact-grid section.first h2 span {
    font-family: 'ML';
    font-size: .5em;
    position: relative;
    text-align: right;
    top: -6px;
    margin-left: 10px;
}
.contactpage p {
	font-size: .9em;
width: 100%;
margin: auto;
  margin-bottom: auto;
display: block;
margin-bottom: 20px;
text-align: justify;
letter-spacing: .5px;
}
#contact-grid .first .content {
    margin-bottom: 25px;
}
#contact-grid .wpcf7-form-control.wpcf7-submit {
    margin-top: 0px;
}
.wpcf7-form-control.wpcf7-submit {
  margin-top: 25px;
  color: white;
  text-align: center;
  border: none;
  width: 100%;
  padding: 10px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
#contact-grid .wpcf7-response-output.wpcf7-validation-errors {
    margin-top: 25px;
}
#contact-grid section.first h2 strong {
    font-style: normal;
    padding: 0px 7.5px;
    background: black;
    color: white;
    padding-top: 3px;
}
#contact-grid section.first .grid {
    display: grid;
    grid-template-columns: 10px auto;
    grid-gap: 20px;
    font-weight: 600;
}
#contact-grid section.first .grid i {
    position: relative;
    top: 1px;
}
#contact-grid section.second p,
#contact-grid section.second input {
    margin-bottom: 0px;
}
#contact h1 {
	background: #c81717;
	border-bottom: 5px solid white;
	color: white;
	width: max-content;
	padding: 15px 25px;
	margin: auto;
	  margin-bottom: auto;
	margin-bottom: auto;
	margin-bottom: 75px;
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 100;
	font-family: 'Heavy';
	transform: skew(-10deg);
	font-family: 'Jost', sans-serif;
	font-weight: 600;
}
input, textarea {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0,0,0,.05);
    border: none;
    font-size: .8em;
    letter-spacing: .5px;
}
#sub-con {
    background: black;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}
.pagede {
	padding-top: 82px;
}
.more-artists {
	overflow: hidden;
	max-height: 99px;
	opacity: 1;
	cursor: pointer;
}
.more-artists.open {
	max-height: 0px;
	opacity: 0;
}
#artiest-agenda-grid .selection,
.hideme {
	display: block;
	opacity: 0;
	max-height: 0px;
	overflow: hidden;
}
#artiest-agenda-grid .selection.open,
.hideme.open {
	max-height: 9999px;
	opacity: 1;
}
b.sep {
	font-weight: inherit;
}
b.sep::after {
	content: " |";
}
.hidded {
	display: none;
}
.cky-btn-revisit-wrapper {
	display: none !important;
}

@media screen and (max-width: 767px) {
	nav li {
		font-size: .9em;
	}
}
.content p a:hover {
	color: #ffcb00;
}
.select2-selection__placeholder {
	font-size: .85em;
}
#boek-de-artiest label span {
	margin: 0;
}
#boek-de-artiest .weg {
	display: none;
}

/* Logo standaard */
#paperchase-logo img {
  max-width: 200px; 
  height: auto;
}

/* Logo kleiner op mobiel */
@media (max-width: 768px) {
  #paperchase-logo img {
    max-width: 170px;
  }
}