/*
Theme Name: Pageking Flex (child)
Template: pk-theme
Author: Pageking
Author URI: https://www.pageking.nl/
Description: Pageking is een thema voor WordPress dat is ontworpen voor Pageking websites.
Requires at least: 5.9
Tested up to: 6.7.2
Requires PHP: 8.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
	background-color: var(--page-bg);
}

/* ALS ER MAAR 1 ALINEA IS, GEEN MARGIN GEVEN */
p:only-child {
    margin: 0;
}

.pk-text ul {
	padding-left: 1.5rem;
}
.pk-text ul li::marker {
	color: var(--brand-secondary-orange);
	padding-left: 0.5rem;
}

.pk-text ol {
	padding-left: var(--heading-md);
}
.pk-text ol li {
	padding-left: 0.5rem;
}
.pk-text ol li::marker {
	font-size: var(--heading-md); color: var(--brand-secondary-orange);
	font-weight: 600;	
}
.pk-text a {
	color: var(--brand-secondary-orange);
}

nav:has(ol.breadcrumb) {
	margin-bottom: 1rem; font-size: var(--body-sm);
}
nav:has(ol.breadcrumb) li.active {
	font-weight: 700;
}
nav:has(ol.breadcrumb) .breadcrumb li::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M0.584961 0.5C0.602081 0.500008 0.609061 0.50296 0.611328 0.503906C0.613714 0.504905 0.622763 0.508505 0.637695 0.523438L3.93359 3.81934C3.94945 3.83519 3.95601 3.84528 3.95801 3.84863C3.95908 3.85121 3.96094 3.85667 3.96094 3.86816L3.95801 3.88672C3.95619 3.88982 3.94977 3.89983 3.93359 3.91602L0.621094 7.22852C0.61326 7.23635 0.607345 7.24122 0.604492 7.24316C0.603175 7.24405 0.601973 7.24393 0.601562 7.24414H0.594727C0.576457 7.24347 0.561556 7.24124 0.532227 7.21191C0.518236 7.1979 0.513966 7.18944 0.512695 7.18652C0.511771 7.18431 0.508789 7.1765 0.508789 7.15918C0.508823 7.1421 0.511777 7.13501 0.512695 7.13281C0.513809 7.13019 0.517649 7.12102 0.532227 7.10645L3.41797 4.22168L3.77148 3.86816L0.515625 0.612305C0.507791 0.60447 0.503893 0.598556 0.501953 0.595703L0.5 0.592773C0.499899 0.591445 0.499885 0.589089 0.5 0.585938C0.500678 0.567693 0.502929 0.552735 0.532227 0.523438C0.547139 0.508533 0.55621 0.504904 0.558594 0.503906C0.56099 0.502915 0.568087 0.5 0.584961 0.5Z' fill='%23201E48' stroke='%23201E48'/%3E%3C/svg%3E");
	margin-inline: 0.75rem;
}
.dark_mode nav:has(ol.breadcrumb) .breadcrumb li::after,
.dark nav:has(ol.breadcrumb) .breadcrumb li::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M0.584961 0.5C0.602081 0.500008 0.609061 0.50296 0.611328 0.503906C0.613714 0.504905 0.622763 0.508505 0.637695 0.523438L3.93359 3.81934C3.94945 3.83519 3.95601 3.84528 3.95801 3.84863C3.95908 3.85121 3.96094 3.85667 3.96094 3.86816L3.95801 3.88672C3.95619 3.88982 3.94977 3.89983 3.93359 3.91602L0.621094 7.22852C0.61326 7.23635 0.607345 7.24122 0.604492 7.24316C0.603175 7.24405 0.601973 7.24393 0.601562 7.24414H0.594727C0.576457 7.24347 0.561556 7.24124 0.532227 7.21191C0.518236 7.1979 0.513966 7.18944 0.512695 7.18652C0.511771 7.18431 0.508789 7.1765 0.508789 7.15918C0.508823 7.1421 0.511777 7.13501 0.512695 7.13281C0.513809 7.13019 0.517649 7.12102 0.532227 7.10645L3.41797 4.22168L3.77148 3.86816L0.515625 0.612305C0.507791 0.60447 0.503893 0.598556 0.501953 0.595703L0.5 0.592773C0.499899 0.591445 0.499885 0.589089 0.5 0.585938C0.500678 0.567693 0.502929 0.552735 0.532227 0.523438C0.547139 0.508533 0.55621 0.504904 0.558594 0.503906C0.56099 0.502915 0.568087 0.5 0.584961 0.5Z' fill='%23201E48' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
nav:has(ol.breadcrumb) a {
	color: var(--brand-primary-purple);
}
.dark nav:has(ol.breadcrumb) a {
	color: #ffffff;
}
nav:has(ol.breadcrumb) a:not(:hover) {
	text-decoration: none;
}

.pk-text table {
	margin-block: 1rem;
}
.pk-text table:first-child {
	margin-top: 0;
}
.pk-text table td {
	border: 1px solid currentColor; padding: 0.5rem;
}

body .pk-page dialog {
	border-radius: 1rem;
}
body .pk-page dialog > .dialog-wrapper {
	padding: clamp(1.5rem, 1vw, 2rem);
}
body .pk-page dialog .close {
	background-image: url(./assets/icons/fi-sr-cross.svg); background-size: 0.75rem;
	background-position: center; background-repeat: no-repeat;
	background-color: var(--brand-purple-2);
	border-radius: 100%; 
	top: 1rem;
	right: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	transition: scale 0.1s ease;
}
body .pk-page dialog .close:hover {
	scale: 1.05;
}
body .pk-page dialog .close > span {
	display: none;
}
body .pk-page dialog > .dialog-wrapper:has(.calendly-inline-widget) {
	max-width: 1050px;
}

@media screen and (max-width: 767px) {
	body .flex-layout {
		padding-inline: var(--pk-site-gutter);
	}
}