/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Erik Kroon
 Author URI:     http://www.punchcreative.nl
 Template:       Divi
 Version:        1.0.0
*/
 
/* = css customized
------------------------------------------------------- */
@import url("css/homepage.css");

body {
	font-size: 1.2em !important;
}

/* maak onderstaande onderdelen transparant */
.et_pb_section,
.blog #main-content,
.page #main-content,
.archive #main-content,
.single #main-content,
.error404 #main-content,
.search #main-content {
    background-color: transparent !important;
}
/* verberg deze items op de gehele website */
.et_social_totalcount {
	display: none !important;
}

/* 
**  marges instellen
*/

.page #et-main-area,
.blog #et-main-area,
.single #et-main-area {
	padding-top: 4em !important;
}
.et_pb_section.et_pb_with_background {
	padding-bottom: 1em !important;
}
.et_pb_section,
.blog .container,
.single .et_post_meta_wrapper {
    padding: 0 !important;
}
.blog #content-area,
.archive #content-area {
	padding: 0;
}
.blog article .et_pb_section,
.et_pb_section {
	padding: 0 !important;
}
.et_pb_row,
.et_pb_post {
	padding: 0 !important;
	margin-bottom: 1em !important;
}
.blog .et_pb_row {
	width: 100% !important;
}
#main-content p#breadcrumbs,
.nieuws-items-kopregel {
    width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
}
#main-content p#breadcrumbs {
	padding: 0 0 1em;
}
.et_pb_post h2 {
    margin-top: 0 !important;
}
.et_pb_module img,
.et_pb_text {
	padding: 1em 0 1em 0 !important;
}
.et_pb_row.et_pb_row_1-4_1-2_1-4 .et_pb_column:first-child .et_pb_text {
	margin-left: 0 !important;
}
.boek-info .et_pb_row.et_pb_row_1-4_1-2_1-4 .et_pb_column:first-child .et_pb_text {
	margin-left: 1em !important;
}
.nieuwsbrief-tosca .et_pb_newsletter,
#user-submitted-posts,
.berichtje,
.oude-berichtjes,
.zoekresultaat {
	padding: 1em !important;
}

#respond {
	padding: 0 1em;
}
#respond h3 {
	padding-top: 1em;
}
/* re-captcha berichtjes & button send */
div#respond.comment-respond {
	display: block;
	margin-bottom: 2em;
}
.g-recaptcha {
	float: right;
	display: block;
	margin-right: 0.5em;
}

#respond p.form-submit input#submit.submit,
#respond p.form-submit input#submit.submit:hover {
	font-size: 0.8em;
	font-style: normal;
	color: #000;
	background-color: rgba(255,244,171,1);
	width: 200px;
	height: 76px;
	border: rgba(0,0,0,1.00) 1px solid;
	border-radius: 2px;
	margin: 0 !important;
	padding: 2px 5px !important;
} 
#respond p.form-submit input#submit.submit:hover {
	background-color: #8F21FF !important;
	
} 

img.avatar {
	float: left;
	display: inline-block !important;
	margin-right: 1em;
}

@media screen and (max-width: 736px)  {
	div#respond.comment-respond {
		display: block;
		margin-bottom: 0em;
	}
	#rc-imageselect, .g-recaptcha {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.g-recaptcha {
		float: none;
		display: block;
		margin-top: 2em;
		margin-right: 0;
	}
	p.form-submit {
		width: 100% !important;
	}
	#respond p.form-submit input#submit.submit,
	#respond p.form-submit input#submit.submit:hover {
		font-size: 0.6em;
		font-style: normal;
		color: #000;
		background-color: rgba(104,188,255,1) !important;
		width: 100%;
		height: 30px;
		border: rgba(0,0,0,1.00) 1px solid;
		border-radius: 2px;
		margin: 0 !important;
		padding: 2px 5px !important;
	} 
	#respond p.form-submit input#submit.submit:hover {
		background-color: rgba(37,149,254,1) !important;
		
	}
	.reply .comment-reply-link.et_pb_button {
		bottom: 10px !important;
		font-size: 10px !important; 
	}
} 


span.fn,
span.edit-link {
	margin-top: 0.5em !important;
	margin-right: 1em;
}

.berichtje-inhoud {
	clear: left;
	display: block;
}

.koop-btn-hardcover,
.koop-btn-luisterboek,
.koop-btn-eboek,
.koop-btn-eboek-d {
	width: 95%;
	margin: 1em 0 !important;
	background-color: rgba(253,197,10,1); 
}

.koop-btn-hardcover a,
.koop-btn-luisterboek a,
.koop-btn-eboek a,
.koop-btn-eboek-d a {
	border: none !important; 
}
.foutmelding-img {
	width: 400px;
	height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 8em 0 0 -200px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}


@-moz-keyframes spin { 	100% { 
	-moz-transform: rotate(360deg);
	transform:rotate(360deg);
	} 
}
@-webkit-keyframes spin { 100% { 
	-webkit-transform: rotate(360deg);
	transform:rotate(360deg);
	}
}
@keyframes spin { 100% { 
	-webkit-transform: rotate(360deg);
	transform:rotate(360deg);
	}
}
/*
** menu opmaak hoofd items
*/
#main-header .nav li ul {
    background-color: rgba(255,255,255,0.95) !important;
}
.sub-menu .et-hover a {
	background-color: rgba(200,0,0,0.35) !important;
}
/*
.et-fixed-header#main-header,
#main-header {
    box-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}
*/
#top-menu li > a {
	font-size: 1.6em !important;
	letter-spacing: 0 !important;
}
#top-menu li {
	padding-right: 0.8em !important;
}
#top-menu li li a {
    padding: 2px 10px !important;
}

@media (min-width: 980px) {
	#main-content .container:before {
		display: none;
	}
}
#main-content p#breadcrumbs a {
	color: rgba(185,45,57,1.00);
}
.blog article h2,
.single article h2,
.single .et_pb_post h1,
article#nieuws-items h2 {
	display: inline-block;
	font-size: 3em;
	line-height: 1em;
	font-weight:600;
	margin-bottom: 0.5em;
}
.blog article p.post-meta,
.single article p.post-meta,
article#nieuws-items p.post-meta {
	display: inline-block !important;
	margin-left: 3em;
}


/*
** pagina en image opmaak            **
** maak een witregel tussen elke rij **
*/
.et_pb_gallery .et_overlay {
	border: none !important;
}
.et_pb_module .et_pb_gallery img {
	padding: 0 !important;
}
.et_pb_gallery .et_overlay.et_pb_inline_icon:before {
	content: none !important;
}

.post-239 .et_pb_row,
.koptekst.et_pb_row {
	margin-bottom: 0.1em !important;
	padding: 0.5em 0.5em !important;
    box-shadow: none !important;
}

.et_pb_module.et_pb_text.homepage-titel {
    background: rgba(255,255,255,.9) !important;
    margin: -160px 0 0 0 !important;
    padding: 0 !important;
}
.buttonnaam {
    margin: -120px auto;
    background-color: rgba(255,255,255,0);
    padding: 10px;
    max-width: 80%;
}
.zoekresultaat h2 a {
	color: rgba(185,45,57,1.00);
}
.zoekresultaat h2 a:hover {
	color: rgba(253,231,91,1.00);
}
.nieuwsbrief-opt-in.et_pb_row {
	padding: 0 !important;
    box-shadow: none;
}
.nieuwsbrief-opt-in.et_pb_row .et_bloom_inline_form {
	margin: 0 !important;
}

.koptekst h2 {
    display: inline-block;
    font-size: 3em;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 0;
}
#user-submitted-posts {
	font-size: 1em !important;
}
@media (min-width: 981px) {
	
    .home .et_pb_row {
		/* padding: 0.5em 0.5em !important; */
	}
    
}
.et_pb_row.geen-schaduw {
    box-shadow: none !important;
}
.nieuwste-boeken .et_pb_row {
	background-color: rgba(182,253,184,0.75) !important;
}
.et_pb_row .et_pb_column:first-child .et_pb_text,
.et_pb_row .et_pb_column_1_2 .et_pb_text,
.et_pb_row .et_pb_column_2_3 .et_pb_text,
.et_pb_row .et_pb_column_3_4 .et_pb_text {
	margin-left: 1em;
}
.et_pb_row .et_pb_column:last-child .et_pb_text {
	margin-right: 1em;
}

textarea#comment,
#commentform input[type="text"] {
	color: rgba(2,2,2,1.00);
	background-color: rgba(253,231,91,0.75);
}
.foutmelding h1,
.foutmelding p {
	text-align: center !important;
}
.berichtje-meta {
	text-align: left;
	font-weight: 300;
	font-size: 0.6em;
	margin: 0;
	padding: 0 0 0.2em;
	border-bottom: rgba(39,39,39,1.00) thin dashed;
	outline-offset: 5px;
}
.berichtje-inhoud p {
	word-wrap: break-word !important;
}
.reply .comment-reply-link.et_pb_button {
	float: right;
}
.comment-reply-link.et_pb_button {
	color: #000000;
}

.et_bloom .et_bloom_form_text p {
	font-size: 1.1em !important;
}
table.woordzoeker {
	border: 0 !important;
}

table.woordzoeker td {
	margin: 0 !important;
	padding: 0 0.6em 0.1em 0 !important;
}
	
/*
** boeken meer dan 4 op een rij, bij gebruik van rij volle breedte module met afbeelding modules (onder elkaar)
*/
.rij-6-boeken .et_pb_column {
	float: none !important;
	text-align: center !important;
	margin-left: 0.5% !important;
}
.rij-6-boeken .et_pb_module {
	width: 16.2%;
	margin: 0; /*Set values accordingly */
	float: left;
}
.rij-6-boeken .et_pb_module.et_pb_image {	
	margin: auto 0.1% !important;
}

.rij-8-boeken .et_pb_column {
	float: none !important;
	text-align: center !important;
	margin-left: 0.5% !important;
}
.rij-8-boeken .et_pb_module {
	width: 12.2%;
	margin: 0; /*Set values accordingly */
	float: left;
}
.rij-8-boeken .et_pb_module.et_pb_image {	
	margin: auto 0.1% !important;
}


.rij-alfabet-3 p img,
.rij-alfabet-3 p a img {
	width: 30%;
	height: auto;
	margin: 0.3em auto;
}


/* afbeeldingen */
.et_pb_image {
	margin: auto 5px !important;
}
.schaal-1 {
	max-width: 10%;
	height: auto;
}
.schaal-2 {
	max-width: 20%;
	height: auto;
}
.schaal-3 {
	max-width: 30%;
	height: auto;
}
.schaal-4 {
	max-width: 40%;
	height: auto;
}
.schaal-5 {
	max-width: 50%; 
	height: auto;
}
.schaal-6 {
	max-width: 60%;
	height: auto;
}
.schaal-7 {
	max-width: 70%;
	height: auto;
}
.schaal-8 {
	max-width: 80%;
	height: auto;
}
.schaal-9 {
	max-width: 90%;
	height: auto;
}
/* nummer/teller opmaak */
.et_pb_number_counter {
    margin: 0 auto !important;
}
.et_pb_number_counter .percent p {
    font-size: 2em !important;
    line-height: 1em !important;
    font-weight: 500;
}
.et_pb_number_counter .percent {
    height: auto !important;
}

/* footer transparant maken, een overlay kleur staat mogelijk in de settings van divi ingesteld */
#main-footer {
	background-color: transparent !important;
}
#footer-bottom {
	padding-top: 0.1em !important;
}
#et-footer-nav .container {
	text-align: center !important;
}
/* c-regel centreren */

#footer-info {
    text-align: center;
    color: #666;
    padding-bottom: 10px;
    float: none !important;
	margin: 0 auto !important;
}

/*
actie formulier AH
*/
div.nf-before-field {
	
} 
div.nf-after-field {
	
}
div.ah-aanmelden input.voornaam,
div.ah-aanmelden input.achternaam,
div.ah-aanmelden input.emailadres,
div.ah-aanmelden select.locatie,
div.ah-aanmelden select.personen,
div.ah-aanmelden input.aanmelden-btn {
	font-size: 100% !important;
	border-radius: 6px !important;
	width: 60% !important;
	margin: 0.5em 1em 0 0 !important;
}
div.ah-aanmelden input.aanmelden-btn {
	background-color: rgba(143,33,255,0.75) !important;
	color: rgba(253,231,91,1);
}
div.ah-aanmelden input.aanmelden-btn:hover {
	background-color: rgba(253,231,91,0.75) !important;
	color: rgba(143,33,255,1);
}

/* 
** mobile en tablet settings
*/

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px)  {
	.rij-boeken p a img {
		width: 48%;
	}
	
	.post-239 .et_pb_row,
	.koptekst.et_pb_row {
		margin-bottom: 0.1em !important;
		padding: 1em 0.5em !important;
		box-shadow: none !important;
	}

	.post-239 .et_pb_row.et_pb_row_0,
	.koptekst.et_pb_row.et_pb_row_0 {
		padding: 0.5em 0.1em 0.1em !important;
	}
	.et_pb_text,
	.et_pb_row .et_pb_column:last-child .et_pb_text,
	.et_pb_row .et_pb_column:first-child .et_pb_text,
	.et_pb_row.et_pb_row_1-4_1-2_1-4 .et_pb_column:first-child .et_pb_text,
	.et_pb_row .et_pb_column_1_2 .et_pb_text,
	.et_pb_row .et_pb_column_2_3 .et_pb_text,
	.et_pb_row .et_pb_column_3_4 .et_pb_text {
		margin: 0 0.3em !important;
	}
	
	.blog article h2, .single article h2, .single .et_pb_post h1, article#nieuws-items h2,
	.koptekst h2 {
		font-size: 1.5em;
		line-height: 1em;
		margin-bottom: 0.2em;
	}
	
	.welkom p {
		font-size: 0.7em;
		line-height: 0.85em;
	}
	.et_mobile_menu .menu-item-has-children > a,
	.menu-item-winkel,
	.menu-item-bioscoop {
		background-color: rgba(0,0,0,0.58) !important;
	}

}
@media only screen 
  and (min-width: 667px) 
  and (max-width: 980px) {
	#menu-item-852 {
	  display: none;
	  visibility: hidden;
	}	
	
	.post-239 .et_pb_row,
	.koptekst.et_pb_row {
		margin-bottom: 0.1em !important;
		padding: 2em 0.5em !important;
		box-shadow: none !important;
	}
	
	.post-239 .et_pb_row.et_pb_row_0,
	.koptekst.et_pb_row.et_pb_row_0 {
		padding: 0.5em 0.1em 0.1em !important;
	}
	.et_pb_gutters2.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
		width: 49% !important;
		max-width: 49% !important;
	}
	
	.et_pb_column.et_pb_column_1_4.et_pb_column_1,
	.et_pb_column.et_pb_column_1_4.et_pb_column_3 {	
		margin-right: 2% !important;
	}
	
	#top-menu li > a {
		font-size: 1.4em !important;
		letter-spacing: 0 !important;
	}
	#top-menu li {
		padding-right: 0.4em !important;
	}
	
	et_pb_text,
	.et_pb_row .et_pb_column:last-child .et_pb_text,
	.et_pb_row .et_pb_column:first-child .et_pb_text,
	.et_pb_row.et_pb_row_1-4_1-2_1-4 .et_pb_column:first-child .et_pb_text,
	.et_pb_row .et_pb_column_1_2 .et_pb_text,
	.et_pb_row .et_pb_column_2_3 .et_pb_text,
	.et_pb_row .et_pb_column_3_4 .et_pb_text {
		margin: 0 0.3em !important;
	}
	
	.rij-boeken p a img {
		width: 30%;
	}
	.blog .et_pb_column {
		padding-left: 1em;
	}
	.blog article h2,
    article#nieuws-items h2 {
		display: inline-block;
		font-size: 2em;
		line-height: 0.8em;
		font-weight:600;
		margin-bottom: 0.5em;
	}
	.blog article p.post-meta,
    article#nieuws-items p.post-meta {
		display: inline-block !important;
		margin-left: 2em;
	}
	.et_pb_gutters1 {
		margin-right: 0.2em !important;
	}
	
}