/*
Welkom bij aangepast CSS.

Om te zien hoe CSS in elkaar steekt, ga je naar http://wp.me/PEmnE-Bt
*/

html, body {
  overflow-x: hidden !important;
}

.editor-styles-wrapper {
	color: #000 !important;
	background-color: #fff !important;
}

/* Body text naar Garamond */
body {
    font-family: "Garamond", "Georgia", "Times New Roman", serif !important;
    font-weight: 400; /* normaal gewicht */
    font-size: 16px;  /* pas aan naar wens */
    line-height: 1.6; /* zorgt voor rustiger leesbare tekst */
    color: #222222 !important;   /* donkere tekst voor goede leesbaarheid */
}

.site-logo {
max-height: 450px !important;
width: auto !important; }

@media (max-width: 768px) and (orientation: landscape) {
  .site-header {
    max-height: 400px !important;
  }
}


@media (min-width: 1024px) {

  /* FORCEER juiste container */
 .site-header {    
height: 500px !important;
    max-height: 500px !important;
    min-height: 500px !important;
  
background-size: cover !important;
background-position: center 40%; !important;
background-repeat: no-repeat !important;

@media (max-width: 768px) {
	.site-header {
		height: 250px;
	}
}
	}
}

.single-post h1 {	
font-size: 2.3rem !important;
}

/* Schaduw voor featured images / thumbnails */
.post-thumbnail img,
.entry-thumbnail img,
.wp-post-image {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Subtiele hover (optioneel, maar mooi) */
.post-thumbnail img:hover,
.entry-thumbnail img:hover,
.wp-post-image:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* Contactformulier velden wit maken */
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea,
form.wpcf7-form select {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #444 !important;
  font-family: 'Georgia', serif !important;
}

/* Placeholder tekst ook licht maken */
form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder {
  color: #888 !important;
}

/* Verstuurknop van alleen het contactformulier */
form.wpcf7-form input[type="submit"],
form.wpcf7-form button[type="submit"] {
  background-color: #985ff6 !important;
  color: #ffffff !important;
  border: 1px solid #985ff6 !important;
  padding: 0.5rem 1rem !important;
  font-family: 'Karla', serif !important;
  cursor: pointer;
}

form.wpcf7-form input[type="submit"]:hover,
form.wpcf7-form button[type="submit"]:hover {
  background-color: #1a2f31 !important;
  color: #aaf4f8 !important;
}

@media (max-width: 768px) {
  .entry-title,
  .home-post-title,
  .post-excerpt,
  .entry-summary,
  .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: keep-all !important;
    hyphens: none !important;
  }

  .post,
  .post-wrapper,
  .home-post {
    padding: 0 !important;
    margin: 0 auto 2rem auto !important;
    width: 95% !important;
    max-width: 800px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  .entry-title,
  .post-title,
  .home-post-title {
    font-size: 1.5rem !important;
    white-space: normal !important;           /* ✅ woorden mogen afbreken op spatie */
    overflow-wrap: break-word !important;     /* ✅ lange woorden breken als het écht moet (maar zonder streepje) */
    word-break: keep-all !important;          /* 🔥 houdt woorden bij elkaar */
    hyphens: none !important;                 /* ❌ geen automatische streepjes */
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 4vw !important;
    margin: 0 auto 1rem auto !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .post-header,
  .entry-header,
  .title-container {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .post-thumbnail img {
    width: 90% !important;
    max-width: 400px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 1.5rem auto !important;
    object-fit: cover !important;
    border-radius: 4px !important;
  }
}

@media (max-width: 768px) {
  .post-card,
  .post-thumbnail,
  .entry-container {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .entry-title,
  .post-title,
  .home-post-title {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 1.1rem; /* Pas aan naar je voorkeur */
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
    text-overflow: unset !important;
  }
}

@media (max-width: 768px) {
  .post-content,
  .entry-container,
  .bordered {
    border: none !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  .entry-title,
  .post-title,
  .home-post-title {
    font-size: clamp(1rem, 5vw, 1.5rem); /* min, schaal, max */
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}

@media (max-width: 768px) {
  .post-card, .thumbnail {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .entry-title,
  .post-title,
  .home-post-title {
    display: block;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    text-overflow: unset;
  }
}

@media (max-width: 768px) {
  .post-content {
    border: 2px double #444;
    padding: 16px;
    background-color: #fdfbf1;
    font-family: 'Georgia', serif;
    font-size: 1rem;
    box-shadow: 0 0 8px rgba(0,0,0,0.05);
  }
}

@media (max-width: 768px) {
  .thumbnail,
  .post,
  .title-box,
  .bordered {
    border-width: 1px !important;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 12px;
  }
}

/* Algemene achtergrondkleur */
body {
  background-color: #0f1b1d !important;
  color: #000000 !important;
font-size: 15px !important;
}

@media (min-width: 768px) {
	body {
		font-size: 24px !important;
	}
}
@media (min-width: 1200px) {
	body {
		font-size: 24px !important;
	}
}

font-weight: 500 !important;
	letter-spacing: 0em !important;
}

/* Header en menu */
.site-header,
.navigation-top {
  background-color: #fdfbf1 !important;
  border-bottom: 1px solid #fdfbf1;
}

.site-title,
.site-title a,
.site-description {
  color: #fdfbf1 !important;
}

.main-navigation a {
  color: #985ff6 !important;
}

.main-navigation a:hover {
  color: #99e0e4 !important;
}

/* Titels */
.entry-title a,
h1, h2, h3, h4 {
  color: #985ff6 !important;
}

/* Links */
a {
  color: #985ff6;
  text-decoration: none;
}

a:hover {
  color: #985ff6;
}

/* Footer */
.site-footer {
  background-color: #0f1b1d !important;
  color: #888 !important;
}

/* Datumstijlen */
.entry-meta,
.posted-on,
.updated {
  color: #aaa !important;
  font-style: italic;
}

/* Afbeeldingen afgerond */
img {
  border-radius: 8px;
}

/* Dreamcatcher-afbeelding of cover specifiek centreren */
.entry-thumbnail img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

html, body {
  overflow-x: hidden;
}

.site-logo {
	text-align: left;
}



.entry-header, .entry-header a {
	color: #985ff6 !important;
}

[ivory-search id="2612" title="Zoeken"]

.site-title { display: block; }

.more-link {
    font-size: 0;
	display: none;
	}

function remove_read_more_link() {
add_filter( 'the_content_more_link', '_return_false' );
}
add _action 'after_setup_theme", "remove_read more_link' );

/* Remove author on posts */
.hentry .byline {
	display: none;
}

/* Remove author separator */
.hentry .entry-meta ul li:nth-child(2):before {
	display: none;
}

.site-logo, .custom-logo {
    float: left;
    margin: 0 0 0 1px; }

.site-header {
	display: flex;
	justify-content: left;
	align-items: left;
	height:

.site-logo {
	display: block;
	max-height: 100%;
  width: 698px;
  height: 207px;
  visibility: visible;
	position: left;
	}