@charset "utf-8";
/*
Theme Name: debleu 2024 v1.0
Version: Custom 1.0 / 24.02.2024
Author: debleu.de
Author URI: https://debleu.de/
*/
/*  ------------------------------------------- Typography --- */
/* @font-face {
	font-display: fallback; 
	font-family: 'Saira Italic';
	font-style: italic;
	font-weight: 500;
	src: local(''),
		url('../fonts/saira-v20-latin-500italic.woff2') format('woff2');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-display: fallback; 
	font-family: 'Saira Medium Italic';
	font-style: italic;
	font-weight: 600;
	src: local(''),
		url('../fonts/saira-v20-latin-600italic.woff2') format('woff2'),
		url('../fonts/saira-v20-latin-600italic.woff') format('woff'),
		url('../fonts/saira-v20-latin-600italic.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-display: fallback; 
	font-family: 'Saira Bold Italic';
	font-style: italic;
	font-weight: 800;
	src: local(''),
		url('../fonts/saira-v20-latin-800italic.woff2') format('woff2'),
		url('../fonts/saira-v20-latin-800italic.woff') format('woff'),
		url('../fonts/saira-v20-latin-800italic.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
} */

/* @font-face {
	font-display: fallback;
	font-family: 'Saira Extra Condensed Medium';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('../fonts/saira-extra-condensed-v13-latin-700.woff2') format('woff2'),
		url('../fonts/saira-extra-condensed-v13-latin-700.woff') format('woff'),
		url('../fonts/saira-extra-condensed-v13-latin-700.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
} */

/* :root {
	--typoregular:  'Saira Italic', sans-serif;
	--typomedium:   'Saira Medium Italic', sans-serif;
	--typobold:     'Saira Bold Italic', sans-serif;
	--typoheadline: 'Saira Bold Italic', sans-serif;
	--typocond: 	'Saira Extra Condensed Medium', sans-serif;
} */

body, button, label, input, select, textarea, p {
	
	font-family: var(--typoregular);

	font-weight: 500;
	font-style: italic;

/* 	font-size: 1.5rem;
	line-height: 1.6; */

	font-size: 1.6rem;
	line-height: 1.8;
}
b, strong, .bold, .corp-name {
	font-family: var(--typobold);
	font-weight: 800;
	font-style: italic;
}

p {
	text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {

	font-family: var(--typoheadline);
	
	font-weight: 800;
	font-style: italic;
	line-height: 1.25;
	
	/*overflow-wrap: anywhere;*/
	/* text-wrap: balance; */
}

/* --- https://clamp.font-size.app/ --- */
/* --- min: 320px, max: 1920px -------- */

h1 { font-size: clamp(2.8rem, 2.6041rem + 0.9796vw, 3.4rem);}
h2 { font-size: clamp(2rem, 1.88rem + 0.6vw, 2.6rem); }
h3 { font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem); }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.8rem; }

.home h1.quota-headline {
	font-size: clamp(3.2rem, 2.9388rem + 1.3061vw, 4rem);
	padding-top: 30px;
  }

.page-title h1 {
	padding-bottom: 20px;
	max-width: 840px;
}

/* ----------------------------------------------- Colors  --- */

:root {
	--clr-ws-main:			#fff;
	--clr-typo:				#303030;
	--clr-typo-hover:		#000;
	--clr-btn-one:      	hsl(212deg 100% 40%);
	--clr-btn-one-hover:	hsl(212deg 100% 60%);
}

html {
	background-color: #fff;
}

body {
	background-color: var(--clr-ws-main);
}

#site-header {
	background-color: var(--clr-ws-main);
}

body, button, input, select, textarea, p {
	color: var(--clr-typo);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--clr-typo);
}

.topimage {
	background-color: #fff;
	overflow-x: clip;
}

.footer {
	background-color: #2F2E2C;
}

#copyright {
	background-color: #000;
}

#copyright a {
	color: #767676;
}

#copyright a:hover {
	color: #B7B7B7;
}

.red {
	color: #e30000;
}

/* ----------------------------------------------- Buttons --- */

.button-group {
	margin-top: 30px;
}

@media (min-width: 500px) {

	.button-group {
		display: flex;
		gap: 30px;
	}
}

.read-more {
	padding-bottom: 0;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}
a.button {
	background-color: var(--clr-btn-one);
	color: #fff;
	transition: background-color 100ms, color 300ms;
	text-decoration: none;
	border-radius: 20px 0;
	box-shadow: 0px 3px 6px #23232236;
	padding: 5px 30px;
	margin-block: 3px;
	display: inline-block;
	text-align: center;
}
a.button:hover, a.button:active {
	background-color: var(--clr-btn-one-hover);
	color: #fff;
	outline: 0;
}

.single-news a.button {
	min-width: 220px;
}

.btn-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

a.btn-light,
a.btn-dark {
	display: inline-block;
	padding: 8px 20px;
	margin-top: 40px;
	font-family: var(--typobold);
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	color: #fff;
	transition: all .3s;
	border-radius: 20px 0;
	text-decoration: none;
}
a.btn-light {
	background-color: var(--clr-btn-one);
	border: 1px solid var(--clr-btn-one);
}
a.btn-light:hover, a.btn-light:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}
a.btn-dark {
/*    background-color: var(--clr-5);
	border: 1px solid var(--clr-5);*/
	background-color: #000;
	border: 1px solid #000;
}
a.btn-dark:hover, a.btn-dark:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}
/*a.btn-light::after,
a.btn-dark::after {
	content: "";
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='320.8' y='231.8' viewBox='0 0 320.8 231.8'%3E%3Cstyle type='text/css'%3E .icon-arrow%7Bfill:none;stroke:%23FFFFFF;stroke-width:24.4408;%7D%0A%3C/style%3E%3Cline class='icon-arrow' x1='0' y1='115.9' x2='294.4' y2='115.9'/%3E%3Cpath class='icon-arrow' d='M194.5,10.4L300,115.9L194.5,221.4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;
	margin-left: 10px;
	vertical-align: middle;
}
a.btn-light:hover::after,
a.btn-dark:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='320.8' y='231.8' viewBox='0 0 320.8 231.8'%3E%3Cstyle type='text/css'%3E .icon-arrow%7Bfill:none;stroke:%23000000;stroke-width:24.4408;%7D%0A%3C/style%3E%3Cline class='icon-arrow' x1='0' y1='115.9' x2='294.4' y2='115.9'/%3E%3Cpath class='icon-arrow' d='M194.5,10.4L300,115.9L194.5,221.4'/%3E%3C/svg%3E");
}*/

/*-------------------------------------------------------- CB Cards ---*/

.pb-cards.cards-series-logos .cards {
	padding-inline: 30px;
}

.pb-cards.cards-series-logos .card {
	background-color: #003785;
	transform: skewX(-15deg);
	padding: 5px 20px 20px 20px;
	border-radius: 30px 0 30px;
}

.pb-cards.cards-series-logos .card .btn-light,
.pb-cards.cards-series-logos .card figure {
	transform: skewX(15deg);
}

.pb-cards.cards-series-logos .card figure {
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
}

.pb-cards.cards-series-logos .card .btn-light {
	margin-top: 0;
	background-color: transparent;
	border-width: 2px;
	padding: 4px 20px;
	margin-top: 5px;
}

.pb-cards.cards-series-logos .card .btn-light:hover,
.pb-cards.cards-series-logos .card .btn-light:active {
	background-color: #fff;
}

.pb-cards.cards-series-logos .cards .card.full {
	flex-grow: 0;
}

@media (min-width: 400px) {

	.pb-cards.cards-series-logos .gap2 .card.col6 { 
		flex-basis: calc((100% - 20px) / 2); 
	}

} 

@media (min-width: 768px) and (min-height: 768px) {

	.pb-cards.cards-series-logos .gap2 .card.col6 { 
		flex-basis: calc((100% - 60px) / 3); 
	} 

	.pb-cards.cards-series-logos .bg-color {
		padding-block: 30px;
	}

	.pb-cards.cards-series-logos .full-width .cards {
		padding: 0 100px 0 50px;
	}
}

@media (min-width: 1200px) {

	.pb-cards.cards-series-logos .gap2 .card.col6 { 
		flex-basis: calc((100% - 100px) / 4); 
	}

} 

@media (min-width: 1400px) {

	.pb-cards.cards-series-logos .gap2 .card.col6 { 
		flex-basis: calc((100% - 100px) / 6); 
	}

} 

/* ------------------------------------------------ Partner Logos */

.partner-logos {
	padding: 30px 0 80px 0;
	background-color: #fff;
}

.partner-logos h2 {
	padding-top: 0;
	padding-bottom: 30px;
}

.partner-logos h3 {
	padding-top: 30px;
	padding-bottom: 20px;
}

.partner-logos .grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.partner-logos .grid .grid-item figure {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 20px 0 20px 0;
	box-shadow: 0px 3px 6px 1px #23232236;
}

.partner-logos .grid .grid-item figure {
	transform: skewX(-15deg);
}

.partner-logos .grid .grid-item figure img {
	transform: skewX(15deg);
}

@media (min-width: 400px) {

	.partner-logos .grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {

	.partner-logos .grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 992px) {

	.partner-logos .grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

/*-------------------------------------------------------- Revolugo ---*/

/* .teaser-color-bg .pb-teaser-text-wrap.color {
	background-color: #d4efff;
	background-image: linear-gradient(30deg, hsl(288, 100%, 98%) 0%, hsl(215, 100%, 87%) 100%);
} */

/* .revolugo iframe {
	width: 100%;
	height: 486px;
}

.revolugo .button-wrap {
	display: flex;
	justify-content: center;
}

.revolugo a.button {
	display: inline-block;
	width: unset;
	padding: 9px 30px 8px 30px;
	margin-top: 40px;
	font-family: var(--typobold);
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	transition: all .3s;
	border-radius: 20px 0;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	border: 1px solid var(--clr-btn-one);
}

.revolugo a.button:hover, 
.revolugo a.button:active {
	background-color: var(--clr-btn-one);
	color: #fff;
	outline: 0;
} */

/* --------------------------------------------------------- Forminator --- */

.forminator-title {
	border-bottom: 1px solid #ccc;
	font-size: 2.4rem!important;
	padding-top: 15px;
}

.text-agree p,
.text-agree .forminator-checkbox-label {
	font-size: 1.5rem!important;
}

.forminator-ui.forminator-design--default .forminator-input,
.forminator-ui.forminator-design--default .forminator-textarea,
.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
	border-color: #ccc!important;
	background-color: #ffffff!important;
	color: #000000!important;
	border-width: 2px!important;
}

.forminator-label {
	font-size: 1.5rem;
	letter-spacing: 0.03rem;
	padding-bottom: 5px;
	color: hsl(214deg 100% 40%)
}
.gtws-termine-checkboxes .forminator-label {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: -3px;
}
.gtws-termine-checkboxes .forminator-checkbox-label, 
.gtws-termine-checkboxes .forminator-radio-label {
	font-weight: 700;
	font-size: 1.7rem!important;
	letter-spacing: 0.05rem;
}
.forminator-button-submit,
.forminator-button-upload:hover {
	background-color: hsl(101, 100%, 35%)!important;
}
.forminator-button-submit:hover,
.forminator-button-upload,
.forminator-radio-bullet:before {
	background-color: hsl(214deg 100% 40%)!important;
}
.forminator-checkbox-box,
.select2-selection__arrow {
	color: hsl(214deg 100% 40%)!important;
}
/* .forminator-ui input,
.forminator-checkbox span[aria-hidden]+span,
.forminator-radio,
.select2-selection__placeholder,
.select2-results__option,
.forminator-description,
.forminator-checkbox__label p {
	font-size: 1.5rem!important;
} */

.forminator-checkbox__label p {
	padding-top: 8px;
}

.forminator-ui textarea,
.forminator-ui input[type=email],
.forminator-ui input[type=text],
.forminator-ui .forminator-select .selection [role="combobox"],
.forminator-ui .forminator-input-with-prefix {
	background-color: transparent;
	border-color: #a5a5a5;
}
.forminator-select-dropdown-container--open .forminator-dropdown--default {
	background-color: #fff!important;
	border-color: #a5a5a5!important;
}
.form-headline {
	margin-top: 20px;
}

.forminator-border {
	margin: 15px 0 0 0;
	border: 2px solid hsl(214deg 100% 40%)!important;
}

.form-subline .forminator-border {
	border: 1px solid #ccc!important;
	margin-block: 5px!important;
}
.form-subline .forminator-title {
	font-size: 2.1rem;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: 700;
}

label.forminator-checkbox::before {
	content:"";
	height: 40px;
}
.forminator-button-upload, .forminator-button-submit {
	padding: 7px 40px!important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox:not(.forminator-checkbox-inline) {
	margin: 0!important;
}

.forminator-ui .forminator-file-upload .forminator-button-upload {
	flex: 0!important;
	text-wrap: nowrap;
	min-width: 156px !important;
	margin: 0 10px 0 0 !important;
}

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover, .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active, .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

@media (min-width: 783px) {
	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-border, 
	.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-border {
		margin-top: 10px!important;
	}
}

/* --------------------------------------------------- Media accreditation calendar */

.pb-text.text-2 .block-text {
	flex-grow: 1;
}

.accreditation.calendar {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.accreditation.calendar table {
	width: min-content;
	margin: 0 auto;
}

.accreditation.calendar .calendar-track a,
.accreditation.calendar .calendar-track a span {
	text-decoration: none;
}

.accreditation.calendar .calendar-wrap td {
	border: none;
	padding: 0;
}

.accreditation.calendar .calendar-wrap {
	display: inline-flex;
	gap: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: right;
}

.calendar-wrap:first-of-type {
	border-top: 1px solid #ccc;
	/* padding-top: 10px;
	margin-top: 10px; */
}

.calendar-date {
	width: 120px;
	color: red;
}

.calendar-event {
	width: 160px;
	/* padding-left: 20px; */
}

.calendar-track {
	width: 140px;
	text-align: left;
	padding-left: 20px;
}

.six-hours-of a {
	color: red;
}

.six-hours-of a span {
	color: #000;
}


/* --------------------------------------------------- Media accreditation form */

/* #forminator-module-6141 #checkbox-1 > div {
	display: grid;
	gap: 0 30px;
	grid-template-columns: repeat(1, 1fr);
} */

#forminator-module-6141 .forminator-label {
	font-size: 14px !important; 
}

@media (min-width: 768px) {

	/* #forminator-module-6141 #checkbox-1 > div {
		display: grid;
		gap: 0 30px;
		grid-template-columns: repeat(2, 1fr);
	} */

	#forminator-module-6141 .forminator-row {
		margin-bottom: 15px;
	}	

}

/* --------------------------------------------------- GR App */

.app-store {
	display: inline-flex;
	gap: 20px;
	padding-top: 20px;
}

/* --------------------------------------------------- Results timeservice.nl */

.results tr.GridViewRow td:first-of-type span {
	font-weight: 700;
}

.results h2 {
	border-bottom: 2px solid #325dc8;
	margin-bottom: 10px;
}

.results tr.GridViewRow:nth-child(2), 
.results tr.GridViewRow:nth-child(3), 
.results tr.GridViewRow:nth-child(4), 
.results tr.GridViewRow:nth-child(5), 
.results tr.GridViewRow:nth-child(6), 
.results tr.GridViewRow:nth-child(7) {
	display: none;
}

.results a.button {
	background-color: var(--clr-btn-one);
	color: #fff;
	transition: background-color 100ms, color 300ms;
	text-decoration: none;
	border-radius: 20px 0;
	box-shadow: 0px 3px 6px #23232236;
	padding: 2px 18px;
	margin-block: 3px;
	text-align: center;
	margin-inline: auto;
	display: block;
	width: fit-content;
}