/*
 Theme Name: Divi Child
 Theme URI: https://www.zijvancompliance.nl
 Description: Divi Child Theme
 Author: Ed van den Tol
 Author URI: https://www.eduard-it.eu
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* alice-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Alice';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/alice-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#logo {
	display: none;
}

body {
	font-family: 'Alice', serif;
	font-size: 16px;
	color: #bb636d;
	background-color: #000000;
	line-height: 1.4em;
	font-weight: 500;
}

body.custom-background { 
	background-color: transparent;
}

a {
	color: #bb636d;
}

a,
a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:inherit;
	padding-bottom:5px;
	padding-top:10px;
	line-height:1.4em;
	font-weight:500
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:inherit
}

h1 {
	font-size:32px;
	color:inherit;
}

h2 {
	font-size:28px;
	color:inherit;
}
h3 {
	font-size:24px;
	color:inherit;
}
h4 {
	font-size:20px;
	color:inherit;
}
h5 {
	font-size:18px;
	color:inherit;
}
h6 {
	font-size:16px;
	color:inherit;
}


.outside {
	list-style-position: outside;
}



/* *** KOPTEKST EN NAVIGATIE *** */
	/* PRIMAIRE MENUBALK */

		/* Tekstkleur */
		#top-menu a {
			color: #ebaebf;
		}

		/* Actieve link-kleur */
		#top-menu li.current-menu-ancestor > a, 
		#top-menu li.current-menu-item > a, 
		#top-menu li.current_page_item > a {
			color: #bb636d;
			text-decoration: underline;
		}

		/* Achtergrondkleur */
		#main-header {
			background-color: #000000 ;
		}

		/* Achtergrondkleur van het te selecteren menu */
		/* Lijnkleur van het te selecteren menu */
		#main-header .nav li ul {
			background: #000000;
			border-top: 3px solid #bb636d;
		}

		/* Tekstkleur van het te selecteren menu */
		#main-header .nav li ul a {
			color: #bb636d;
		}

	/* - */

	/* SECUNDAIRE MENUBALK */

		#top-header {
			background-color: #000000 !important
		}

		#top-header a {
			color: #bb636d;
		}

		#et-secondary-nav li ul {
			background-color: #000000;
		}

		#et-secondary-nav li ul a {
			background-color: #bb636d;
		}

	/* - */

	/* VASTE NAVIGATIE-INSTELLINGEN */

		/* Achtergrondkleur primaire menu */
		.et-fixed-header #main-header,
		.et-fixed-header #main-header .nav li ul,
		.et-fixed-header .et-search-form {
			background-color: #000000;
		}

		/* Achtergrondkleur secundaire menu */
		.et_fixed_nav #page-container .et-fixed-header #top-header {
			background-color: #000000 !important
		}

		.et_fixed_nav #page-container .et-fixed-header #top-header #et-secondary-nav li ul {
			background-color: #000000;
		}

		/* Primaire menu link kleur */
		.et-fixed-header #top-menu a,
		.et-fixed-header #et_search_icon:before,
		.et-fixed-header #et_top_search .et-search-form input,
		.et-fixed-header .et_search_form_container input,
		.et-fixed-header .et_close_search_field:after,
		.et-fixed-header #et-top-navigation .et-cart-info {
			color: #bb636d !important
		}

		.et-fixed-header .et_search_form_container input::-moz-placeholder {
			color: #bb636d !important
		}

		.et-fixed-header .et_search_form_container input::-webkit-input-placeholder {
			color: #bb636d !important
		}

		.et-fixed-header .et_search_form_container input:-ms-input-placeholder {
			color: #bb636d !important
		}

		/* Secundaire menu link kleur */
		.et-fixed-header #top-header a {
			color: #bb636d;
		}

		/* Actieve primaire menu link kleur */
		.et-fixed-header #top-menu li.current-menu-ancestor>a,
		.et-fixed-header #top-menu li.current-menu-item>a,
		.et-fixed-header #top-menu li.current_page_item>a {
			color: #bb636d !important;
			text-decoration: underline;
		}

	/* - */
/* *** */

/* *** VOETTEKST *** */
	/* LAYOUT */

		/* Footer achtergrondkleur */
		#main-footer {
			background-color: #000000;
		}

	/* - */

	/* WIDGETS */

		/* Kleur widget-tekst */
		/* Kleur widget-link */
		#footer-widgets .footer-widget,
		#footer-widgets .footer-widget a,
		#footer-widgets .footer-widget li a {
			color: #bb636d;
		/* Grootte lettertype */
			font-size: 16px;
}

		/* Kleur widget-koptekst */
		#main-footer .footer-widget h4, 
		#main-footer .widget_block h1, 
		#main-footer .widget_block h2, 
		#main-footer .widget_block h3, 
		#main-footer .widget_block h4, 
		#main-footer .widget_block h5, 
		#main-footer .widget_block h6 {
			color: #bb636d;
		}

		/* Kleur widget-punt */
		.footer-widget li:before {
			border-color: #bb636d;
		}

		/* Diversen */
		#footer-widgets {
			padding: 3% 0 0;
		}

		#footer-widgets .footer-widget li a:hover {
			color: #333333;
		}

		/* Zorgt ervoor dat de widget in het middenstaat */
		.et_pb_widget {
			float:none;
		}

	/* - */

	/* FOOTER MENU */

		/* Achtergrondkleur voettekst-menu */
		#et-footer-nav {
			background-color: transparent;
		}

		/* Tekstkleur voettekst-menu */
		.bottom-nav,
		.bottom-nav a,
		.bottom-nav li.current-menu-item a {
			color: #8300e9;
		}

		/* Active link-kleur voettekst-menu */		
		#et-footer-nav .bottom-nav li.current-menu-item a {
			color: #8300e9;
		}

	/* - */

	/* ONDERKANTBALK */

		/* Achtergrondkleur */
		#footer-bottom {
			background-color: #000000;
		}

		
		#footer-info {
			/* Tekstkleur */
			color: #bb636d;
			/* Stijl lettertype */
			font-weight: none;
			font-style: normal;
			text-transform: none;
			text-decoration: none;
			/* Grootte lettertype */
			font-size: 16px;
			/* Overig */
			text-align: center;
			padding-bottom: 10px;
			float: none;
		}

		/* Kleur sociaal icoon */
		#footer-bottom .et-social-icon a {
			color: #bb636d;
		}
	/* - */
/* *** */

/* *** KNOPPEN *** */
	/* KNOPPENSTIJL */

		body .et_pb_button {
		/* Tekstgrootte */
			font-size: default;
		/* Tekstkleur */
			color: #bb636d;
		/* Achtergrondkleur */
			background-color: transparent;
		/* Boordbreedte */
			border: 2px solid;
		/* Boordkleur */
			border-color: #bb636d;
		/* Boordstraal */
			border-radius: 100px;
		/* letterspatiëring */
			letter-spacing: 0.15em;
		/* Lettertypestijl knop */
			font-weight: 700;
			font-style: none;
			text-transform: uppercase;
  			text-decoration: none;
		/* Lettertype knoppen */
			font-family: default;
		}

		/* Kleur van pictogram */
		body .et_pb_button::after {
			font-size: default;
			color: #bb636d;
		}

	/* - */

	/* STIJL VAN DE KNOPPEN VAN DE MUISAANWIJZER */

		body .et_pb_bg_layout_light.et_pb_button:hover,
		body .et_pb_bg_layout_light .et_pb_button:hover,
		body .et_pb_button:hover {
		/* Tekstkleur */
			color: #bb636d !important;
		/* Achtergrondkleur */
			background-color: transparent;
		/* Boordkleur */
			border-color: #bb636d !important;
		/* Boordstraal */
			border-radius: 0px;
		/* Letterspatiëring */
			letter-spacing: 0.15em;
		}

	/* - */

/* *** */

/* *** BLOG *** */
	/* BERICHT */

		.et_pb_post .post-meta {
		/* Grootte Meta-tekst */
			font-size: 14px;
		/* Lijnhoogte van Meta */
			line-height: 1.4em;
		/* Letterspatiëring van Meta */
			letter-spacing: 0.15px;
		/* Lettertypestijl van Meta */
			font-weight: none;
			font-style: none;
			text-transform: none;
			text-decoration: none;
			}

		/* Tekstgrootte koptekst */
			/* zie H1 */

		body.single .et_post_meta_wrapper h1 {
		/* Lijnhoogte koptekst */
			line-height: 1.4em;
		/* Letterspatiëring van koptekst */
			letter-spacing: 0.15px;
		/* Lettertypestijl koptekst */
			font-weight: none;
			font-style: none;
			text-transform: none;
			text-decoration: none;
			}

	/* - */
/* *** */

/* *** MOBIELE STIJLEN *** */
	/* TABLET */
	
		/* Sectie hoogte */
			/* Aanpassen in template */
		/* RijHoogte */
			/* Aanpassen in template */
		/* Grootte corpstekst */
			/* Aanpassen in template */
		/* Tekstgrootte koptekst */
			/* Aanpassen in template */

	/* - */

	/* TELEFOON */
	
		/* Sectie hoogte */
			/* Aanpassen in template */
		/* RijHoogte */
			/* Aanpassen in template */
		/* Grootte corpstekst */
			/* Aanpassen in template */
		/* Tekstgrootte koptekst */
			/* Aanpassen in template */

	/* - */

	/* MOBIELE MENU */
	
		/* Tekstkleur */
		.mobile_menu_bar::before,
		.mobile_menu_bar::after {
			color: #ebaebf;
			}

		/* Achtergrondkleur */
		.et_mobile_menu {
			background: #000000;
			border-top: 2px solid #bb636d;
			}

	/* - */

/* *** */

.et_pb_social_icon a.icon {
	vertical-align: middle;
	background-color: #ebaebf !important;
}

.et_pb_section {
	background-color: #000000;
}

.et_pb_text ul,
.et_pb_text ol {
	list-style-position: outside !important;
	padding-left: 0px !important;
	padding-bottom: 1.4em;
}

/* Lijst op de Algemene Voorwaarden pagina */
.et_pb_text_1 ol {
	counter-reset: items;
	list-style-type: none;
	list-style-position: outside !important;
	padding-left: 15px !important;
	padding-bottom: 2px;
}

.et_pb_text_1 li {
	counter-increment: items;
	list-style-type: none;
	/*padding-left: 20px;*/
}

.et_pb_text_1 li::before {
	content: counters(items, ".") ". ";
}

.et_pb_text_1 ul {
	counter-reset: items;
	list-style-type: none;
	/*padding-bottom: 0em;*/
}

.et_pb_text_1 ul li {
  list-style-type: none;
  padding-left: 30px;
}

.et_pb_text_1 ul li::before {
	content: "-";
  padding-right: 8px;
}
/* Einde lijst op de Algemene Voorwaarden pagina  */

span.fn,
span.fn a {
	color: #bb636d;
	font-weight: none;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
}

span.comment_date {
	color: #bb636d;
	font-size: 14px;
	font-weight: none;
}


/* *** CSS example for the Terms & Conditions legal page - change it your liking *** */
	/* see also https://complianz.io/styling-terms-conditions/ */

	/* Change Headers 
.cmplz-terms-conditions h2 {
}*/

/* Change Subtitles */
.cmplz-terms-conditions .cmplz-subtitle {
	font-size: 20px;
}

/* Change Regular Text 
.cmplz-terms-conditions p {
}*/

/* Change Hyperlinks */
.cmplz-terms-conditions a {
	color: #bb636d;
}

/* Change Hyperlinks on Hover */
/*.cmplz-terms-conditions a:hover {
}*/

/* *** */


/* *** CSS example for the Cookie policy page - change it your liking *** */
	/* see also https://complianz.io/css-lesson-31-cookie-policy-css-for-dark-background/ */

#cmplz-document, 
#cmplz-document p, 
#cmplz-document span, 
#cmplz-document li {
	/* General Font Color */
	color: #bb636d;
}

#cmplz-document a {
	/* General Link Color */
	color: #bb636d;
}

#cmplz-document a:visited {
	/* Link visited */
	color: #bb636d;
}

	/*Change Headers */
.cookie-statement h4 {
}

#cmplz-document .cmplz-subtitle {
	/* Change Subtitles */
	font-size: 20px;
}

#cmplz-document .cmplz-dropdown summary div h3 {
	margin: 0px 0px 0px 10px;
}

#cmplz-document .cmplz-dropdown .cmplz-service-description {
	margin: 0px 0px 5px 10px;
}

#cmplz-cookies-overview .cmplz-dropdown, 
#cmplz-document .cmplz-dropdown, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
	background-color: unset;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #bb636d;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
	background-color: unset!important;
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
	display:grid;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #bb636d;
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}

#cmplz-cookies-overview .cmplz-dropdown summary, 
#cmplz-document .cmplz-dropdown summary, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
	background-color: #ebaebf;
	 /* Category Titles */
	font-size: 18px;
	border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #bb636d;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    /* Background Color */
    	color: #bb636d;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
    padding: 10px;
    /* Background Color */
   	background: transparent;
}

.cmplz-category-title {
    color: #bb636d !important;
    font-weight: 500;
}

/* *** */