:root
{
	--no-admin--color--orange: #e67247;
	--no-admin--color--gray: #f0f0f1;
}

body
{
	background-color: var(--no-admin--color--gray);
	background-image: url('img/admin-background.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a,
a:hover,
a:visited,
.wp-core-ui .button-link,
.wp-core-ui .button-link:hover,
.wp-core-ui .button-link:visited
{
	color: var(--no-admin--color--orange);
}

.wp-core-ui .button,
.wp-core-ui .button-secondary
{
	transition: all 125ms ease-in-out;
	background: transparent;
	border-color: var(--no-admin--color--orange) !important;
	color: var(--no-admin--color--orange) !important;
}

.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button:visited,
.wp-core-ui .button-secondary:visited
{
	background: var(--no-admin--color--orange) !important;
	border-color: var(--no-admin--color--orange) !important;
	color: white !important;
}

input[type=checkbox]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus
{
	border-color: var(--no-admin--color--orange);
	box-shadow: 0 0 0 1px var(--no-admin--color--orange);
}

.acf-tooltip
{
	background: white !important;
	color: black !important;
	box-shadow:
		0px 0px 0px 2px rgba(45,45,45,.0345),
		0px 0px 2px 4px rgba(45,45,45,.0345),
		0px 0px 4px 8px rgba(45,45,45,.0345)
	;
}

.acf-tooltip.top:before
{
	border-top-color: white !important;
}
.acf-fc-popup a
{
	color: black !important;
}

.acf-fc-popup a:hover
{
	color: black !important;
	background-color: var(--no-admin--color--orange) !important;
}

#welcome-panel
{
	display:none;
}

#wpadminbar ul li
{
	background: none;
}

#wpadminbar
{
	background-color: var(--no-admin--color--orange);
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input
{
  background: var(--no-admin--color--orange) !important;
}

#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar .ab-topmenu > li:hover > .ab-item
{
	color: white !important;
	background: var(--no-admin--color--orange) !important;
}

#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,
#wpadminbar>#wp-toolbar li.hover span.ab-label,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover
{
	color: white !important;
}

#wp-admin-bar-wp-logo,
#wp-admin-bar-customize,
#wp-admin-bar-updates,
#wp-admin-bar-comments
{
	display: none !important;
}


#wpfooter
{
	color: var(--no-admin--color--orange) !important;
}

#wpfooter p
{
	font-size: 14px;
	line-height: 1rem;
}

p#footer-left
{
    outline: -webkit-focus-ring-color auto 5px;
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#wpfooter a,
#wpfooter h2
{
	color:#da4e1d !important;
	font-weight:bold;
}

#wpfooter a:hover
{
	text-shadow:1px 0px 15px #fff;
}

#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before
{
	color: white !important;
}

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap
{
	background: var(--no-admin--color--gray) !important;
}

#adminmenuback
{
	box-shadow:
		0px 0px 0px 2px rgba(45,45,45,.015),
		0px 0px 2px 4px rgba(45,45,45,.015),
		0px 0px 4px 8px rgba(45,45,45,.015),
		0px 0px 8px 16px rgba(45,45,45,.015),
		0px 0px 16px 32px rgba(45,45,45,.015);
}

#adminmenu li:hover
{
	background: var(--no-admin--color--orange) !important;
}

.wp-has-submenu:hover
{
	background: var(--no-admin--color--orange) !important;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus,
.wp-has-submenu:visited
{
	background: var(--no-admin--color--orange) !important;
}

#collapse-button .collapse-button-label,
#collapse-button .collapse-button-icon:after,
#adminmenu div.wp-menu-image:before,
#adminmenu a
{
	color: black !important;
	font-weight: 400;
}

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active
{
	color: white !important;
	font-size: 1rem;
	padding: .5rem .75rem;
	border-radius: 5px;
	background: var(--no-admin--color--orange) !important;
	border-color: var(--no-admin--color--orange) !important;
	opacity: .75;
}

.wrap .add-new-h2:hover,
.wrap .page-title-action:hover
{
	opacity: 1;
}

.wp-core-ui .button-primary
{
	color: white !important;
	background: var(--no-admin--color--orange) !important;
	border-color: var(--no-admin--color--orange) !important;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus
{
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--no-admin--color--orange);
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after
{
	border-right-color: var(--no-admin--color--gray) !important;
}

#adminmenu a:focus,
#adminmenu a:hover,
.folded #adminmenu .wp-submenu-head:hover
{
	box-shadow: none !important;
}

#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu
{
	border-left: none;
}
.stap-voor-stap
{
	width:100%;
	max-width:1000px;
	display:block;
	position:relative;
	margin:25px 0;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	background: #fff;
	padding:10px 25px;
}

.acf-fc-popup
{
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: unset !important;
	margin: 0 !important;
	background: rgba(0,0,0,.2345) !important;
	padding: 10vh 10vw !important;
}

.acf-fc-popup > ul
{
	display: flex !important;
	flex-direction: row !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	flex-wrap: wrap;
	width: clamp(20px, 100%, 60vmax);
	margin: 0 auto;
	height: clamp(400px, 100%, 60vmin);
	padding: 25px !important;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0px 0px 0px 2px rgb(45 45 45 / 2%), 0px 0px 2px 4px rgb(45 45 45 / 2%), 0px 0px 4px 8px rgb(45 45 45 / 2%), 0px 0px 8px 16px rgb(45 45 45 / 2%), 0px 0px 16px 32px rgb(45 45 45 / 2%);
}


.acf-fc-popup > ul > li
{
	display: inline-table;
	width: auto;
	max-width: 150px;
	flex-basis: 150px;
	height: 150px;
	box-sizing: border-box;
	white-space: break-spaces !important;
	flex-grow: 0;
}

.acf-fc-popup > ul > li > a
{
	padding-top: 50px;
	position: relative;
	display: table-cell;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
}

.acf-fc-popup > ul > li > a:hover
{
	background: #F8F8F8 !important;
}

.acf-fc-popup > ul > li > a::before
{
	content:' ';
	display: block;
	position: absolute;
	top: 24px;
	left: 50%;
	height: 48px;
	width: 48px;
	background-image: url('img/_no-icon-coming-soon.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transform: translateX(-50%);
}


.acf-fc-popup > ul > li > a[data-layout=cta-fixed-background-row]::before
{
	background-image: url('img/CTA fixed background.png');
}

.acf-fc-popup > ul > li > a[data-layout=cta-banner-row]::before
{
	background-image: url('img/CTA banner.png');
}

.acf-fc-popup > ul > li > a[data-layout=cta-button-row]::before
{
	background-image: url('img/CTA button.png');
}

.acf-fc-popup > ul > li > a[data-layout=slider-row]::before
{
	background-image: url('img/Slider.png');
}

.acf-fc-popup > ul > li > a[data-layout=text-and-photo-row]::before
{
	background-image: url('img/Foto en tekst met vlak.png');
}

.acf-fc-popup > ul > li > a[data-layout=text-and-photo-row-l]::before
{
	background-image: url('img/Foto en tekst zonder vlak.png');
}

.acf-fc-popup > ul > li > a[data-layout=plaintext-row]::before
{
	background-image: url('img/Tekstveld.png');
}

.acf-fc-popup > ul > li > a[data-layout=photogrid-row]::before
{
	background-image: url('img/Fotogrid.png');
}

.acf-fc-popup > ul > li > a[data-layout=twoiframes-row]::before
{
	background-image: url('img/Twee iframes.png');
}

.acf-fc-popup > ul > li > a[data-layout=archive-row]::before
{
	background-image: url('img/Archive.png');
}

.acf-fc-popup > ul > li > a[data-layout=form-row]::before
{
	background-image: url('img/Formulier.png');
}

.tnc-promo-banner-top
{
	display: none !important;
}