/*
Theme Name: De Webdeveloper
Theme Name: De Webdeveloper.nl
Theme URI: https://dewebdeveloper.nl/
Author: Bouke Lourens
Author URI: https://dewebdeveloper.nl/
Description: Dit thema is ontwikkeld door Bouke Lourens in 2020. U zult deze informatie aanteffen in alle door De Webdeveloper ontworpen websites en webshops.
Alle rechten voorbehouden.
License: GNU General Public License v2 or later
License URI: license.txt
Tags: Tags: custom-design, webdevelopment, thenetherlands, amsterdam, magento, white, gray, black
Text Domain: dewebdeveloper
Template: storefront
Version: 1.1
*/

html {
  scroll-behavior: smooth;
}
body, .secondary-navigation a {
	color: #000;
}

.entry-title {
	color: #EC008D;
	font-weight: 600;
}

h1 {
	color: #EC008D;
	font-weight: 600;
	font-size: 2rem;
}

.h2, h2 {
	color: #EC008D;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 1.7rem;
}

h3 {
	font-weight: 600;
}

.widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .post-author a, .hentry .entry-header .post-comments a, .hentry .entry-header .byline a {
	color: #000;
}

.widget-area .widget a { font-weight: 400; }

a {
	color: #EC008D;
}



/* ----------------------------------------------------------------------------- GENERAL ----------------------------------------------------------------------------- */
.col-full { max-width: 1620px; }
#main { min-height: calc(100vh - 435px); }
.entry-header { margin-bottom: 10px !important; border: 0 !important; }
p {
	margin: 0 0 1.41575em;
	color: #000;
	font: inherit;
	font-size: inherit;
	font-family: inherit;
	font-family: 'Roboto', sans-serif;
	font-size: 0.99em;
}
body { font-family: 'Roboto', sans-serif; }
.wp-block-image figcaption {
	text-align: left !important;
}

.right-sidebar .content-area {
	float: right;
}
.right-sidebar .widget-area {
	float: left;
}

/* ----------------------------------------------------------------------------- Repository items ----------------------------------------------------------------------------- */
#dwsd-section-hero-heading h2 { color: #000; font-weight: 700; font-size: 2rem; margin-bottom: 0; }
#dwsd-heading-right a { font-weight: bold; text-decoration: none; position: relative; line-height: 3.02; }
.dwsd-hero-image { min-width: 350px; float: right; }

#dwsd-section-hero { background: #EC008D; padding: 25px 45px; border-radius: 15px; }
#dwsd-section-hero h3 { font-size: 2rem; font-weight: 800; color: #FFF; }
#dwsd-section-hero p { color: #FFF; font-size: 1.2rem; }

.dwsd-btn-line { background: transparent; color: #FFF; border: 3px solid #FFF; border-radius: 45px; padding: 5px 25px; }
.dwsd-btn-line:hover { background: #F255B3; color: #FFF; border: 3px solid #FFF; border-radius: 45px; padding: 5px 25px; }

.dwsd-widget-counts { font-weight: 300; font-size: .75rem; }
.dwsd-widget-rating { display: flex; justify-content: left; align-items: last baseline; font-size: 14px; margin: 5px 0; font-weight: 900; }
.dwsd-widget-rating svg { width: 16px; height: 16px; fill: #F80; margin-left: 3px; }
.dwsd-widget-container img { border-radius: 15px; }
.dwsd-widget-container { padding: 24px; background: RGB(248, 170, 217, .17); border-radius: 15px; }
.dwsd-widget-container:hover { background: RGBA(236, 0, 141, 0.15); }
.dwsd-widget-title { font-weight: bold; font-size: 1.2rem; padding: 15px 0 0 0; }
.dwsd-widget-subtitle { font-weight: 500; font-size: .79rem; padding: 0 0 7px 0; }
.dwsd-widget-description { font-size: .96rem; padding: 7px 0 0 0; }
.dwsd-widget-versie { color: #EC008D; font-size: .8rem; font-weight: 700; }

#dwsd-section-plugins-view a { color: inherit; text-decoration: none; }

.dwsd-gray {
	opacity: 0.25;
  text-decoration: none; pointer-events: none; text-decoration: none !important;
}
#dwsd-premium {
	color: #EC008D;
	font-weight: 700;
	margin-bottom: 25px;
}
#dwsd-heading-right-gray {
	font-weight: bold;
	text-decoration: none;
	position: relative;
	line-height: 3.02;
	opacity: 0.25;
}
#dwsd-heading-right-gray a {
	text-decoration: none;
	pointer-events: none;
}


/* Short */
.dwsd-star-icon { max-width: 14px; margin: 0 3px; }
.dwsd-widget-link { text-decoration: none !important; color: inherit !important; }
.dwsd-widget-link.dwsd-widget-link-list .dwsd-widget-title { padding: 0; }

.home .dwsd-widget-link.dwsd-widget-link-list { display: none; }

.dwsd-widget-link-list .dwsd-widget-container { display: flex; width: 100%; }
.dwsd-widget-link-list .dwsd-widget-image { margin-right: 15px; }
.dwsd-widget-link-list .dwsd-widget-image img { height: auto; min-width: 137px; margin-right: 10px; }
.dwsd-widget-link-list .dwsd-widget-content { display: flex; flex-direction: column; justify-content: space-between; }
.dwsd-widget-link-list .dwsd-widget-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.dwsd-widget-link-list .dwsd-widget-subtitle { padding-bottom: 0; }
.dwsd-widget-link-list .dwsd-widget-versie { font-size: 14px; margin-bottom: 5px; }
.dwsd-widget-link-list .dwsd-widget-rating { display: flex; align-items: center; margin-bottom: 5px; }
.dwsd-widget-link-list .dwsd-star-icon { width: 16px; height: 16px; margin-left: 5px; }
.dwsd-widget-link-list .dwsd-widget-counts { margin-left: 5px; font-size: 14px; }
.dwsd-widget-link-list .dwsd-widget-description { font-size: 14px; color: #555; margin-top: 0px; padding-top: 0; }

/* Repo archive */

.archive .page-title { padding: 12px; /* padding-left: 0; */ font-weight: 700; color: #FFF; background: #000; margin-bottom: 75px; }
.archive .sow-tabs { max-width: 700px; }
.archive .dwsd-post-version-list { padding-left: 0; }




/* ----------------------------------------------------------------------------- Repository posts ----------------------------------------------------------------------------- */
.fas.fa-crown { color: gold; margin-right: 7px; }
.entry-header { display: none; }
.avatar.avatar-96.photo { border-radius: 50px; position: relative; bottom: 15px; }
.dwsd-post-header-a { float: left; padding-right: 20px; }
.post h1 { margin-bottom: 2px; }

.sow-tabs-tab-container { background: transparent !important; }
.sow-tabs-panel-container { background: transparent !important; }
.sow-tabs-tab.sow-tabs-tab-selected { background: transparent !important; border: 1px solid rgb(217, 217, 217); border-bottom: 0; margin-bottom: -1px !important; }

.sow-tabs-tab-container { border-bottom: 1px solid rgb(217, 217, 217); }
.sow-tabs-tab.sow-tabs-tab-selected { background: #FFF !important; }

.single #secondary { display: none !important; }
.single.right-sidebar .content-area { min-width: 100% !important; width: 100% !important; }
#dwsd-post-header button { float: right; background: #EC008D; color: #FFF; }
.sow-tabs-title.sow-tabs-title-icon-left { color: #000; font-size: 1rem; }

.single .sow-tabs-panel-content ul li { list-style: disclosure-closed; color: ; margin-left: 23px; }

/* Zijbalk */
.dwsd-post-version-list li { padding: 8px 0; border-bottom: 1px solid rgb(217, 217, 217); }
.dwsd-post-version-list li strong { float: right; }
.dwsd-post-version-list { padding-left: 45px; }

/* ----------------------------------------------------------------------------- Repository Themes ----------------------------------------------------------------------------- */
.page-id-1193 .dwsd-widget-link.dwsd-widget-link-home { display: none; }
#dwsd-section-plugins-view-themes .dwsd-widget-link.dwsd-widget-link-block { display: block; }

/* ----------------------------------------------------------------------------- BUTTONS ----------------------------------------------------------------------------- */
.page-numbers.current { background: #EC008D !important; color: #FFF !important; }
.pagination .page-numbers li, .woocommerce-pagination .page-numbers li { display: inline-block; background: #D7559B; }
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { color: #FFF; }

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	outline-color: transparent;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
	background-color: #EC008D;
	border-color: #EC008D;
	color: #FFF;
}

.site-main nav.navigation .nav-previous a, .site-main nav.navigation .nav-next a {
	display: inline-block;
	background: #EC008D;
	padding: 10px 20px;
	color: #FFF;
}

.download_button {
	background: #00B724;
	color: #FFF;
	border-radius: 30px;
}
#login {
	background: #27A8E0;
}

.tags-links a {
	color: rgb(236, 82, 160);
	padding: 5px;
	border: 1px solid rgb(236, 82, 160);
	border-top-color: rgb(236, 82, 160);
	border-right-color: rgb(236, 82, 160);
	border-bottom-color: rgb(236, 82, 160);
	border-left-color: rgb(236, 82, 160);
	margin: 4px;
	display: inline-block;
	text-decoration: none;
	text-decoration-color: currentcolor;
	color: rgb(222, 100, 157);
	border-color: rgb(222, 100, 157);
	text-decoration-color: currentcolor;
}

/* ----------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------- */
#masthead img { max-width: 120px; }
.site-branding { position: relative; }
#site-navigation { position: relative; bottom: 91px; text-align: right; max-width: 880px; float: right; }
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { padding: 0em 1em; color: #FFF; font-weight: bold; text-transform: lowercase; }
.header-widget-region { position: relative; padding: 0; margin-bottom: 30px; z-index: 99999999; max-height: 0; }
#masthead { background-color: #EC008D !important; margin-bottom: 0; border-bottom: 0; padding-top: 25px; }
#page #masthead { background-color: #EC008D !important; min-height: 150px; border-bottom: 14px solid rgb(236, 82, 160); z-index: 99999999; }
.header-widget-region #block-2 { max-width: 450px; margin: 0 auto; }
.wp-block-search__label { color: #FFF; font-size: 1.3rem; }
.wp-block-search__button { color: #FFF; margin-left: .625em; word-break: normal; font-size: inherit; font-family: inherit; line-height: inherit; position: absolute; right: 5px; padding: 5px; background: #EC008D; border: 0; border-radius: 36px; min-width: 100px; bottom: 5px; }
.header-widget-region #block-2 { max-width: 800px; margin: 0 auto; }
.site-branding::after { position: absolute; left: 0; right: 0; content: "Plugin repository"; width: fit-content; color: #FFF; background: #000; padding: 4px 22px 4px 6px; bottom: -35px; font-size: 0.77rem; }
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a { color: #FFF; }
.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search { position: relative; top: 30px; }
input[type="search"] { background: transparent; border: 1px solid #FFF; }
#block-2 form { position: relative; top: 46px; }
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children { background-color: RGB(137, 3, 75, 0.95); }
.sub-menu a { color: #FFF !important; }
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus { background-color: rgba(0,0,0,.025); border-bottom: 1px solid #CCC; }
.header-widget-region .widget { max-width: 52%; margin: 0 auto; position: relative; bottom: 120px; }
#ajaxsearchlite1 .probox, div.asl_w .probox { background: #FFF !important; color: #000 !important; }
#ajaxsearchlite1 input, div.asl_r .results .item .asl_content h3 a:hover, .results .asl_nores .asl_keyword { font-family: 'Roboto', sans-serif !important; }
#ajaxsearchliteres1 { margin-top: 42px; z-index: 99999999; }
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a { font-family: 'Roboto', sans-serif; }
div.asl_w .probox .promagnifier { bo: ; border: 0 !important; box-shadow: none !important; background: #EC008D; border-radius: 16px; }
div.asl_w .probox .promagnifier .innericon svg { fill: #FFF; }
#ajaxsearchlite1 .probox, div.asl_w .probox { border: 1px solid transparent; }
#search-3 ::placeholder { color: #FFF !important; }
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { color: #000 !important; font-weight: bold; }
.asl_res_url { color: #EC008D !important; font-weight: bold !important; }

.home #primary {
	background: transparent !important;
}
.wp-block-column.lichtkrant-home.is-layout-flow .wp-block-column {
	background: transparent;
	box-shadow: none;
}
.wp-block-column.lichtkrant-home.is-layout-flow li {
	display: inline-block;
}

/* ----------------------------------------------------------------------------- Navigation ----------------------------------------------------------------------------- */
.primary-navigation { font-family: inter var,-apple-system,BlinkMacSystemFont,helvetica neue,Helvetica,sans-serif; letter-spacing: .0333em; }

.fas.fa-key {
	margin-right: 5px;
	margin-left: -13px;
}
#site-navigation {
	display: none !important;
}

/* ----------------------------------------------------------------------------- Dark mode ----------------------------------------------------------------------------- */
.wp-dark-mode-active .home .wp-block-latest-posts__list.wp-block-latest-posts li::before {
	background: rgb(236, 82, 160);
}
.wp-dark-mode-active .home .wp-block-column {
	box-shadow: none;
}
.wp-dark-mode-active .wp-block-search__button.wp-element-button {
	color: ;
	background: rgb(236, 82, 160);
}
.wp-dark-mode-active .archive.category h2::before {
	background: rgb(236, 82, 160);
}
.wp-dark-mode-active #primary {
	background-color: rgb(42, 43, 44) !important;
	padding: 35px;
}
.wp-dark-mode-active #secondary {
	background-color: rgb(43, 45, 45) !important;
	padding: 35px;
}
.wp-dark-mode-active .home.page-template-default .entry-header {
	background-color: rgb(43, 45, 45) !important;
}
.wp-dark-mode-active .relevant-wrapper h2::before {
	border-top: 9px solid rgb(13, 13, 13) !important;
	border-left: 9px solid rgb(13, 13, 13) !important;
}
.wp-dark-mode-active .home .wp-block-column a {
	color: #FFF;
}
.wp-dark-mode-active .home .wp-block-column {
	background: #222;
}
.wp-dark-mode-active .meer h3 {
	color: rgb(236, 82, 160);
	font-weight: bold;
}
.wp-dark-mode-active #masthead::before {
	background-image: linear-gradient(rgba(36, 37, 37, 0.79),rgba(36, 37, 37, 0.79)),url("https://www.dewebdeveloper.nl/gestaakte-omgeving/wp-content/uploads/2021/10/banner-portfolio-amsterdam-amstel.png");
}
.wp-dark-mode-active input[type="search"]:focus {
	background-color: rgb(236, 82, 160, 0.2);
}
.wp-dark-mode-active .fas.fa-arrow-up {
	right: 41px;
}
.wp-dark-mode-active .tags-links a {
	color: rgb(236, 82, 160);
	padding: 5px;
	border: 1px solid rgb(236, 82, 160);
	margin: 4px;
	display: inline-block;
	text-decoration: none;
	color: rgb(222, 100, 157);
	border-color: rgb(222, 100, 157);
	text-decoration-color: currentcolor;
}

.wp-dark-mode-active .nav-previous a, .wp-dark-mode-active .nav-next a {
	background: rgb(236, 82, 160) !important;
}
.wp-dark-mode-active #ajaxsearchlite1 .probox, div.asl_w .probox {
	background-color: rgba(36, 37, 37, 0.9) !important;
}
.wp-dark-mode-active .asl_content {
	background: #242525 !important;
}
.wp-dark-mode-active div.asl_r .results .item {
	background: #262726;
}
.wp-dark-mode-active .asl_res_url {
	color: rgb(236, 82, 160) !important;
	font-weight: bold !important;
}
.wp-dark-mode-active .cat-post-title::before {
	background: rgb(236, 82, 160);
}
.wp-dark-mode-active .wp-block-latest-posts__list.wp-block-latest-posts li::before {
	background: rgb(236, 82, 160);
}
.wp-dark-mode-active .wp-block-categories-list.wp-block-categories li::before, .wp-dark-mode-active .wp-block-archives-list.wp-block-archives li::before {
	background: rgb(236, 82, 160);
}
.wp-dark-mode-switcher.style-3 label {
	background: #000;
}

.wp-dark-mode-active .cm-s-default .cm-tag { color: rgb(154, 229, 126); }
.wp-dark-mode-active .cm-s-default .cm-attribute { color: rgb(113, 164, 213); }
.wp-dark-mode-active .cm-s-default .cm-string { color: rgb(222, 100, 97); }
.wp-dark-mode-active .cm-s-default .cm-comment { color: rgb(242, 170, 97); }
.wp-dark-mode-active .cm-s-default .cm-atom { color: rgb(125, 109, 216); }
.wp-dark-mode-active .cm-s-default .cm-keyword { color: rgb(225, 119, 233); }
.wp-dark-mode-active .cm-s-default .cm-def { color: rgb(69, 127, 229); }
.wp-dark-mode-active .cm-s-default .cm-variable-2 { color: rgb(117, 182, 234); }
.wp-dark-mode-active .cm-s-default .cm-number { color: rgb(151, 226, 189); }



/* ----------------------------------------------------------------------------- Homepage ----------------------------------------------------------------------------- */
.wp-block-column.lichtkrant-home.is-layout-flow { max-width: fit-content; }
.home .wp-block-column h2 { font-size: 1rem; background: #000; color: #FFF; font-weight: 600; padding: 5px 10px; position: relative; margin-bottom: 25px; }
.home .wp-block-column h2::before { position: absolute; content: ""; border-bottom: 9px solid transparent; border-top: 9px solid #000; border-right: 9px solid transparent; border-left: 9px solid #000; bottom: -12px; left: 13px; }
.home .wp-block-column a { color: #000; text-decoration: none; font-weight: 400; font-size: .9rem; }
.home .wp-block-columns h2 a:first-child { color: #FFF !important; }
.home .wp-block-latest-posts__post-excerpt { display: none; }
#secondary, #primary { padding: 35px; }
#secondary { font-family: 'Roboto', sans-serif; }
#secondary h2 { color: #000; font-size: 1.18rem; } /* sidebar */
#secondary a { text-decoration: none !important; }
.home .wp-block-column { box-shadow: 5px 5px 7px #F1DDE8; padding-bottom: 20px; background-image: linear-gradient(rgba(196, 0, 105, 0.19),rgba(196, 0, 105, 0.01)),url(); }

.fas.fa-arrow-up { transform: rotate(45deg); position: absolute; bottom: -1px; right: 40px; }
.meer { position: absolute; bottom: 10px; max-width: 351px; width: 351px; }
.home .wp-block-columns { position: relative; }
.meer h3 { color: #000; font-size: 1rem !important; width: 100%; padding: 0em 1em; padding-left: 5px; font-weight: bold; text-transform: lowercase; }
.wp-block-column i { color: ; padding: ; font-size: 0.67rem; margin-right: 5px; line-height: 2; }
.meer i { font-size: 1.4rem; bottom: ; bottom: 20px; }
.wp-block-column.lichtkrant-home { background: transparent !important; box-shadow: none; position: absolute; top: -50px; width: 100%; }
.home.page-template-default .entry-header { max-width: fit-content; z-index: 3; background: #FFF; padding-right: 20px; position: relative; }

#lichtkrant-end { padding-right: 30px; }
.lichtkrant .fas.fa-calendar-alt { color: #EC008D; }
.lichtkrant .wp-container-1.wp-block-group ul { display: flex; }
.lichtkrant .wp-container-1.wp-block-group h2 { display: none; }
.lichtkrant .wp-block-latest-posts__list.wp-block-latest-posts li { padding-left: 20px; position: relative; padding-right: 20px; }
.wp-block-column.lichtkrant-home.is-layout-flow a { font-size: 1.05rem; font-weight: bold; margin-right: 15px; }

/* ----------------------------------------------------------------------------- Administratie ----------------------------------------------------------------------------- */
#post-499 .wp-block-heading {
	font-size: 1rem;
	background: #000;
	color: #FFF;
	font-weight: 600;
	padding: 5px 10px;
	position: relative;
	margin-bottom: 25px;
}
#post-499 .wp-block-heading::before {
	position: absolute;
	content: "";
	border-bottom: 9px solid transparent;
	border-top: 9px solid #000;
	border-right: 9px solid transparent;
	border-left: 9px solid #000;
	bottom: -12px;
	left: 13px;
}
#post-499 .wp-block-column.is-layout-flow {
	box-shadow: 5px 5px 7px #F1DDE8;
	padding-bottom: 20px;
	background-image: linear-gradient(rgba(196, 0, 105, 0.19),rgba(196, 0, 105, 0.01)),url();
}
#post-499 .wp-block-latest-posts__post-title {
	color: #000;
	text-decoration: none !important;
	font-weight: 400;
	font-size: .9rem;
}

/* ----------------------------------------------------------------------------- Posts ----------------------------------------------------------------------------- */
.post-template-default .entry-title { margin-top: 25px; }
.post-template-default.single.single-post #primary { padding: 35px; }
.notificatie { max-width: 500px; background: RGB(196, 0, 105, 0.13); padding: 30px; border-left: 5px solid #EC008D; }

.url-block { display: flex; padding: 20px; background: #000; line-height: 1; max-height: 56px; max-width: fit-content; }
.url-block .fas.fa-link { color: #FFF; }
.url-block h3 { font-size: 1rem; padding: 0 10px; color: #FFF; }
.url-block a { color: #FFF; }

.relevant-wrapper { max-width: 500px; padding: 30px; margin-bottom: 30px; border: 1px dashed #EC008D; background: RGBA(196, 0, 105, 0.06); }
.relevant-wrapper h2 { position: relative; background: #000; padding: 10px; max-width: fit-content; color: #FFF; margin-bottom: 24px; font-size: 1.4rem; }
.relevant-wrapper h2::before { position: absolute; content: ""; border-bottom: 9px solid transparent; border-top: 9px solid #000; border-right: 9px solid transparent;
border-left: 9px solid #000; bottom: -13px; left: 13px; }

/* Modal venster (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: rgb(0,0,0); */
	background-color: RGBA(196, 0, 105, 0.26);
	transition: .5s;
}

/* Modal Content */
.modal-content {
	background-color: #FFF;
	margin: auto;
	padding: 35px;
	width: 500px !important;
	position: absolute;
	text-align: center;
	top: 310px;
	width: 370px;
	margin: 0 auto;
	left: 0;
	right: 0;
	transition: 0.5s;
	height: fit-content;
}
.modal-content img { width: 125px; margin: 5px auto; padding: 10px 0; }
.modal-content a { display: block; padding: 20px 0; pointer-events: auto; position: relative; display: inline; text-decoration: none !important; }
.modal-content img:hover { width: 220px; transition: 0.5s; }
.modal-content img { transition: 0.5s !important; }
.modal-content span { z-index: 9999; }
.modal-content ul li {
	color: #333;
	text-align: left;
	list-style: none;
	margin-left: 0;
	padding: 15px 20px;
	background: RGBA(196, 0, 105, 0.06);
	border-bottom: 1px solid rgba(0,0,0,.05);
}
#myModal ul {
	margin-left: 0;
}
.modal-content h2 {
	text-align: left;
	margin-bottom: 15px;
}
.modal-content .fas.fa-square {
	margin-right: 5px;
	background: ;
	color: #EC008D;
	font-size: 0.7rem;
	bottom: ;
	margin-bottom: ;
	padding-bottom: ;
	line-height: ;
	margin-left: 5px;
}
.modal-content .fas.fa-list {
	margin-right: 12px;
	color: #FFF;
	background: #EC008D;
	padding: 14px;
}

/* Sluitbutton */
.close {
	color: #333;
	float: right;
	font-size: 90px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: -40px;
	border-radius: 30px;
	padding: 10px;
	z-index: 9999;
}
.modal-gravatar img {
	position: absolute;
	max-width: 50px;
	border-radius: 25px;
	top: 220px;
}

.proclose { right: 6px; }
.close:hover,
.close:focus { color: #EC008D; text-decoration: none; cursor: pointer; }
.floating-inhoudsopgave-container #myBtn { padding: 0; height: 30px; width: 61px; animation: floating .3s alternate; transition: .3s; border-radius: 45px; background: #EC008D; color: #FFF; }
.floating-inhoudsopgave-container { position: fixed; bottom: 60px; right: 27px; z-index: 99; }
.floating-inhoudsopgave-container #myBtn:hover { font-size: 19px; transition: .4s; animation: hatch .3s alternate; }
.floating-inhoudsopgave.active { display: block; }
.readingProgressbar { background: rgba(236, 82, 160, 0.3) !important; }
.niveau1 { padding-left: 41px !important; font-size: 11px; }


/* ----------------------------------------------------------------------------- Post edit ----------------------------------------------------------------------------- */
.update-model-wrapper { position: absolute; bottom: 75px; right: 0px; }
.update-modal { position: relative; }
.update-datum .fas { margin: 0 6px !important; }
.update-datum strong { padding: 10px; background: #00B724; color: #FFF; border-radius: 7px; line-height: 3; font-size: 0.99rem !important; }
.update-datum { font-size: 0.84rem; }
.modal-gravatar {
	float: left;
	margin-right: 8px;
}
#secondary .modal-gravatar {
	display: none;
}
.modal-gravatar img {
	position: absolute;
	max-width: 35px;
	border-radius: 25px;
	top: 227px;
}

.entry-date.published::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "";
	margin-right: 5px;
}
.post-author a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "";
	margin-right: 5px;
}
.edit-link a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "";
	margin-right: 5px;
	font-size: 1.5rem;
}

.bron-header {
	color: #FFF;
	background: #000;
	padding: 5px 5px 5px 10px;
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
	margin-top: 50px;
}

/* ---------------------------------------------------------------------------- Software ---------------------------------------------------------------------------- */
#post-262 .entry-content, #post-372 .entry-content { text-align: center; margin-top: 50px; }
#post-262 img, #post-372 img { max-width: 180px; margin: 0 auto; }

/* ---------------------------------------------------------------------------- Themas ---------------------------------------------------------------------------- */
.page-id-67 .update-modal { top: 50px; }
.page-id-67 .wp-block-columns { border-top: 5px dashed #EC008D; }
.themas-rel { display: inline-block; background: #FFF; margin: 10px; }
.rel-color { font-size: .8rem; color: blue; }
.themas-specs td:nth-child(1) { font-weight: bold; }
#post-67 .wp-block-image.size-full { margin-top: 35px; }
.themas-specs { margin-top: 34px; }
#ff5900 { background: #ff5900; padding: 1px 10px; border-radius: 15px; }
#\30 00000 { background: #000; padding: 1px 10px; border-radius: 15px; }
#\32 62626 { background: #262626; padding: 1px 10px; border-radius: 15px; }

#\34 e139a { background: #4e139a; padding: 1px 10px; border-radius: 15px; }
#\30 c0019 { background: #0c0019; padding: 1px 10px; border-radius: 15px; }
#\37 87586 { padding: 1px 10px; background: #787586; border-radius: 15px; }
#\31 01010 { background: #101010; padding: 1px 10px; border-radius: 15px; }

#\31 59 { background: #159; padding: 1px 10px; border-radius: 15px; }
#\30 e4882 { background: #0e4882; padding: 1px 10px; border-radius: 15px; }
#BABABB { background: #BABABB; padding: 1px 10px; border-radius: 15px; }
#f4921d { background: #f4921d; border-radius: 15px; padding: 1px 10px; }
#e3e3e3 { background: #e3e3e3; padding: 1px 10px; border-radius: 15px; }

#\30 0c2e7 { padding: 1px 10px; border-radius: 15px; background: #00c2e7; }
#\30 02946 { background: #002946; padding: 1px 10px; border-radius: 15px; }


/* ----------------------------------------------------------------------------- Pre scripts ----------------------------------------------------------------------------- */
pre { background: rgba(0,0,0,.95); font-family: "Courier 10 Pitch",Courier,monospace; margin-bottom: 1.618em; padding: 1.618em; overflow: auto; max-width: fit-content; color: #FFF; counter-reset: linecounter; padding-right: 10px !important; }
pre {
	font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
	font-size: 12px;
	color: #D4D4D4;
	word-wrap: anywhere;
	white-space: pre;
	counter-reset: line-numbering;
	background: #000;
	max-width: 700px;
	max-height: 300px;
	padding: 15px;
	padding-left: 15px;
	padding-left: 0;
}
pre span.line { counter-increment: linecounter; line-height: 23px; }
pre span.line::before { content: counter(linecounter); color: #fff; width: 30px; display: inline-block; border-right: 1px dotted #ccc; padding-right: 3px; margin-right: 5px; text-align: right; font-size: 11px; line-height: 16px; }
pre span.line:nth-child(odd)::before { background-color: #555; }

.CodeMirror-panel .info-panel .language.html, .CodeMirror-panel .info-panel .language.htmlembedded, .CodeMirror-panel .info-panel .language.htmlmixed { background: #EC008D !important; }
.CodeMirror-scroll { max-height: 325px; }
.CodeMirror.cm-s-default.CodeMirror-wrap.CodeMirror-simplescroll.CodeMirror-fullscreen .CodeMirror-scroll { max-height: 100% !important; }
.CodeMirror.cm-s-default.CodeMirror-wrap.CodeMirror-simplescroll.CodeMirror-fullscreen { margin-top: 13px; padding-bottom: 62px; }
.CodeMirror-panel .control-panel > span:last-child { margin-right: 17px; }
.code-block iframe.output-block-frame { box-sizing: ; box-shadow: none !important; border: 2px dashed #EC008D; }
.CodeMirror-panel { background-color: #F5DCE9; }
.CodeMirror-panel .control-panel > span { margin: 0 13px 0 0; }
.CodeMirror-panel .info-panel .language.php { background: #EC008D; text-transform: uppercase; }
.language.php::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; margin-right: 5px; }

/* ----------------------------------------------------------------------------- Categorieen ----------------------------------------------------------------------------- */
.archive.category h2 a { color: #000; font-size: 1.2rem; font-weight: 600; position: relative; }
.archive.category .posted-on, .archive.category .post-author, .archive.category .entry-content, .archive.category .entry-taxonomy { display: none; }
.posted-on { margin-left: 45px; }
.archive.category article, .archive.category header, .archive.category h2 { margin-bottom: 0 !important; }
.archive.category h2::before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; background: #EC008D; bottom: 11px; }
.archive.category h2 { position: relative; padding-left: 20px; }
.gamma.widget-title { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.17rem; color: #000; margin: 0; border: 0; padding-bottom: 10px; }
#category-posts-2-internal .cat-post-current .cat-post-title {
	text-transform: none !important;
}
.cat-post-title::before { content: ""; background: #EC008D; width: 10px; height: 10px; position: absolute; left: 0; bottom: 7px; }
.cat-post-title { position: relative; padding-left: 20px; }
.cat-post-item { margin: -10px 0 !important; }

.wp-block-categories-list.wp-block-categories li::before, .wp-block-archives-list.wp-block-archives li::before { content: ""; background: #EC008D; width: 10px;
height: 10px; position: absolute; left: 0; bottom: 7px; }
.wp-block-categories-list.wp-block-categories li, .wp-block-archives-list.wp-block-archives li { position: relative; padding-left: 20px; }
.wp-block-latest-posts__list.wp-block-latest-posts li::before { content: ""; background: #EC008D; width: 10px; height: 10px; position: absolute; left: 0; bottom: 7px; }
.wp-block-latest-posts__list.wp-block-latest-posts li { padding-left: 20px; position: relative; }



/* ----------------------------------------------------------------------------- Search pagina ----------------------------------------------------------------------------- */
.search.search-results .page-header p { font-weight: 600; font-size: 1.5rem; color: #EC008D; }
.search.search-results ul { list-style: none !important; }
.search-box-flex { margin: 20px 0; padding: 20px; box-shadow: 0px 0px 8px #ddd; background: #F6F6F6; }
.search-box-flex.search-box-flex h2 a { color: #EC008D !important; font-weight: 600; font-size: 1.5rem; }
.search-box-flex .h-readmore { margin: 20px 0; margin-top: ; }
.search-box-flex button { background-color: #000; border-color: #000; color: #fff; }
input[type="search"] { color: #FFF !important; border-radius: 35px; min-width: 780px; }
input[type="search"]:focus { background-color: #EC008D; }

/* ----------------------------------------------------------------------------- Distributie pagina ----------------------------------------------------------------------------- */
.dwd-distributie-table td:nth-child(1) { font-weight: bold; }

/* ----------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------- */
.site-footer { background-color: #000; color: #6d6d6d; }
#colophon { padding: 0; }
.site-info { text-align: center; padding: 10px; font-size: .8rem; }
.site-info img { display: inline-block; margin-left: 5px; margin-top: ; position: relative; bottom: -2px; border-radius: 0; }
.site-info a { color: #FFF !important; text-decoration: none; }
#colophon { display: none !important; }


@media (max-width: 1230px) {

	#primary { display: none; }
	#search-3 { display: none; }
	#secondary::before {
	content: "Repository niet beschikbaar voor mobiele devices";
	margin-bottom: 85px;
	display: inline-block;
	font-size: 2.1rem;
	font-weight: 700;
}
	#category-posts-2, #block-3, #category-posts-3, #category-posts-4, #category-posts-5, #block-5 { opacity: 0.2; pointer-events: none; }

}