/*
Theme Name: De Dependance
Theme URL: 
Description: Theme for De Dependance
Author: In de Walvis
Author URI: https://indewalvis.nl
Version: 2.0
Year: 2025
*/
.animate__animated.animate__bounce {
  --animate-duration: 2s;
}

:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-light-grey: #e6e6e6; 
	--color-grey: #AAA; 
	--color-dark-grey: #808080;

	--color-past-event: #0000ff;
	--color-newsletter: #e85232;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html,
body {
	margin:0;
	padding:0;
	height: 100%;
	position: relative;
}

html {
	  box-sizing: border-box;
}

body {
	position: relative;
	background-color: var(--color-light-grey);
}

@media all and (max-width: 768px){
	body {
		font-size: 18px !important;
		line-height: 24px; 
	}
}

a {
	color: inherit;
}

h1 {
	font-size: 48px;
	line-height: 52px;
}

h2 {
	font-size: 48px;
	line-height: 52px;
}

h3{
	font-size: 24px;
	line-height: 28px;
}

h4 {
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	padding: 0;
}

@media all and (max-width: 768px){
	h1, h2 {
		font-size: 24px;
		line-height: 28px
	}
	
	h3, h4 {
		font-size: 18px;
		line-height: 24px;
	}
}

p, h1, h2, h3, h4, h5, h6, ul, ol {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px 40px;
}

/* p {
	margin: 0 auto;
	padding: 0 40px !important;
	max-width: 1200px;
}*/

@media all and (max-width: 768px){
	p {
		padding: 20px !important;
	}	
}

@media all and (max-width: 768px){
	h1, h2, h3, h4, h5, h6, ul, ol {
		padding: 0px 20px;
	}
}

h1, h2, h3, h4, b, strong {
	font-family: 'GT-Walsheim-Bold';
	font-weight: normal !important;
}

@media all and (max-width: 768px){
	blockquote p {
		font-size: 34px !important;
		line-height: 44px;
	}
}


/* p {
	padding: 10px 40px;
} */
	@media all and (max-width: 768px){
		p {
			padding: 20px 20px;
		}
	}

.center{
	text-align: center;
}


header {
	display: block;
	position: fixed;
	z-index: 90;
	color: white;
	background-color: var(--color-black);
	width: 100%;
	height: auto;
	padding: 40px;
	text-align: center;
	transition: all 0.5s;
	top: -110px;
	min-height: 110px;
}

@media all and (max-width: 768px){
	header {
		padding: 20px;
		top: -70px;
		min-height: 70px;
	}
}

header.active {
	top: 0;
}

.admin-bar header.active {
	top: 32px;
}

header .logo {
	position: absolute;
	display: block;
	margin: -15px 0 0 0;
	padding: 0;
	width: 160px;
}

header .logo svg{
	width: 100%;
	height: auto;
}




.ticket-button {
	color: var(--color-black);
	background: #ffdd00;
	border: none;
	border-radius: 20px;
	padding: 5px 50px 5px 20px;
	display: inline-block;
	margin-top: 20px;
	z-index: 79;
	text-decoration: none;
	background-image: url('images/arrow-black.svg');
	background-position: center right 20px;
	background-repeat: no-repeat;
}

.single .ticket-button {
	position: fixed;
	bottom: 40px;
	right: 40px;
}

/* this is the listen button in the header on the podcast page */
.page-id-23 .header .ticket-button {	
	background-color: black;
	color: white;
	background-image: url('images/arrow-white.svg');
}
.page-id-23 .header:hover .ticket-button {
	background-color: white;
	color: black;
	background-image: url('images/arrow-black.svg');
}

.button-round {
	display: inline-block;
	color: var(--color-black);
	background: white;
	border-radius: 25px;
	margin-top: 20px;
	padding: 5px 50px 5px 20px;
	width: auto;
	text-decoration: none;	
	background-position: center right 20px;
	background-repeat: no-repeat;
	background-image: url('images/arrow-black.svg');
	background-position: center right 20px;
	background-repeat: no-repeat;
}

.button-round.sharebtn {
	margin-bottom: 20px;
}

.button-round.black {
	margin-top: 0;
	color: white;
	background-color: black;
	border:1px solid black;
	background-image: url('images/arrow-white.svg');
}

.button-round.black:hover {
	color: black;
	background-color: white;
	background-image: url('images/arrow-black.svg');
}

.button-round.white {
	margin-top: 0;
	color: black;
	background-color: white;
	border:1px solid black;
}

.button-round.white.no-border {
	border:1px solid white !important;
}

.button-round.white:hover {
	color: white;
	background-color: black;
	border:1px solid white;
	background-image: url('images/arrow-white.svg') !important;
}

.button-round.white:hover polygon{
	fill: white;
}

.event-container .button-round.black.view-all:hover {
	border: 1px solid white;
}

.button-round.page-title {
	position: absolute;
	left: 50%;
	z-index: 88;
	transform: translate(-50%, -50%);
	color: white;
	background-color: transparent;
	border: 1px solid white;
	top: 40px;
	background-image: none;
	padding: 5px 20px;
}

@media all and (max-width: 768px){
	.page-title{
		display: none;
	}
}


.more-about-us {
	display: inline-block;
	margin-top: 30px;
}

.bigarrow {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='84px' height='50px' viewBox='0 0 84 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Desktop' transform='translate(-62.000000, -239.000000)' fill='%23231F20'%3E%3Cpolygon id='Fill-1' points='116.79375 239 113.67 242.12375 136.61875 261.8 62 261.8 62 266.0825 136.7375 266.0825 113.67 285.76 116.79375 289 145.74875 264'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 100%;
	background-position: center right 25px;
	background-repeat: no-repeat;
	max-width: none;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 40px !important;
}

@media all and (max-width: 768px){
	.bigarrow {
		background-size: 75% 75%;
		background-position: center right -100px;
		padding-left: 20px !important;
	}
}

.white {
	color: white;
}

.dummy-spacer {
	display: block;
	height: 40px;
}

.wp-block-columns.has-background {
	padding: 40px 0;
}

.has-intro-font-size {
	font-family: 'GT-Walsheim-Bold';
	font-weight: normal !important;
	font-size: 34px;
	line-height: 44px;
	padding: 40px 40px 20px 40px;
}

@media all and (max-width: 768px){
	.has-intro-font-size {
		font-size: 24px !important;
		line-height: 28px;
		padding: 20px 20px 20px 20px;
	}
}

.wp-block-image,
.wp-block-embed {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 40px;
}

@media all and (max-width: 768px){
	.wp-block-image,
	.wp-block-embed {
		padding: 20px;
	}
}

ul.wp-block-page-list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: none;
	padding: 20px;
	max-width: 1200px;
}

ul.wp-block-page-list li:first-child{
	border-top: 1px solid var(--color-black);
}
ul.wp-block-page-list li {
	border-bottom: 1px solid var(--color-black);
}

ul.wp-block-page-list li a {
	padding: 10px 20px 10px 0;
	text-decoration: none;
	display: block;
	transition: all 0.5s;
	font-size: 48px;
	line-height: 56px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='50px' height='50px' viewBox='0 0 50 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-189.000000, -239.000000)' fill='%23231F20'%3E%3Cpolygon id='Fill-1' points='212.229331 239 212.229331 262.228081 189 262.228081 189 265.771919 212.229331 265.771919 212.229331 289.00125 215.771919 289.00125 215.771919 265.771919 239 265.771919 239 262.228081 215.771919 262.228081 215.771919 239'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: right center;
	background-repeat: no-repeat;
}

@media all and (max-width: 768px){
	ul.wp-block-page-list li a {
		font-size: 34px;
		line-height: 44px;
		background-image: url("data:image/svg+xml,%0A%3Csvg width='35px' height='35px' viewBox='0 0 50 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-189.000000, -239.000000)' fill='%23231F20'%3E%3Cpolygon id='Fill-1' points='212.229331 239 212.229331 262.228081 189 262.228081 189 265.771919 212.229331 265.771919 212.229331 289.00125 215.771919 289.00125 215.771919 265.771919 239 265.771919 239 262.228081 215.771919 262.228081 215.771919 239'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
}

ul.wp-block-page-list li a:hover {
	color: var(--color-dark-grey);
}

.tagline{

}

@media all and (max-width: 768px){
	.tagline{
		display: none;
	}
}

.wp-block-list{
	margin: 40px auto;
}

.wp-block-quote {
	max-width: 1200px;	
	margin: 0 auto;
	padding: 40px 0;
}

@media all and (max-width: 768px){
	.wp-block-quote {
		padding: 20px 0;
	}
}

.wp-block-quote p {
	padding-bottom: 0;
}

.wp-block-quote cite {
	padding: 0 40px;
	display: inline-block;
	font-style: normal;
	font-size: 24px;
}

@media all and (max-width: 768px){
	.wp-block-quote cite {
		padding: 0 20px;
	}
}

.wp-block-buttons {
	padding: 40px;
	display: block;
}

.wp-block-column .wp-block-buttons{
	padding: 40px 40px 10px 00px;
}

@media all and (max-width: 768px){
	.wp-block-buttons {
		padding: 20px;
	}
}

.wp-block-buttons .wp-block-button {
	display: block;
}

.wp-block-buttons .wp-block-button a:hover {
	background-color: #000;
}

.partner {
	display: block; 
	width: 70%;
	margin: 40px auto;
	padding: 40px 0;
	border-radius: 20px;
	color: white;
	background-color: black;
	max-width: 800px;
}

.partner .wp-block-image {
	padding: 0 40px;
}

#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	background-image: url('images/overlay.svg');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	z-index: 99;
	opacity: 1.0;
	transition: opacity 0.5s;
}

.wp-block-columns {
	max-width: 1200px;
	margin: 0 auto;
}

/* .wp-block-columns div:nth-child(2){
	padding: 0 40px 0 0;
}

@media all and (max-width: 768px){
	.wp-block-columns div:nth-child(2){
		padding: 0 20px;
	}
} */

.wp-block-post-featured-image {
	padding: 0;
	margin: 0;
}

.has-black-background-color h2 {
	color: white;
}

@media all and (max-width: 768px){
	.wp-block-group{
		padding: 20px 0;
	}
	
	.wp-block-post-terms {
		margin-top: 20px;
		margin-left: 20px !important
	}
}

.wp-block-button__link {
	background-image: url(images/arrow-black.svg);
	background-position: center right 20px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.wp-block-button__link:hover {
	color: white;
	background-image: url(images/arrow-white.svg);
}

.wp-block-button__link:visited{
	color: black !important;
	background-color: white !important;
}

.wp-block-button__link:hover:visited{
	color: white !important;
	background-color: black !important;
}

.newsletter input[type=submit]{
	font-weight: normal;
}

.wp-block-jetpack-sharing-buttons {
	visibility: hidden;
}