.entry-header.ast-no-title.ast-no-thumbnail p {
   	display:none;
}


/* =========================
1 - ASTRA header sticky
========================= */
/* #masthead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
}*/


/* 
Arthur Wentzel | CursusWP.com | 2024-11

1 - EIGEN STIJLEN
2 - ASTRA THEMA
3 - TYPOGRAFIE DETAILS
4 - WP AFBEELDINGEN
5 - SPECTRA PLUGIN
6 - BEAVER BUILDER PLUGIN
7 - GUTENBERG DIVERS
*/

/* =========================
1 - EIGEN STIJLEN
========================= */
/* arthur: eigen stijlen */
.inleiding {
	color:var(--ast-global-color-0);
}
.inleiding {
	font-size:123%;
	line-height:1.5em;
}
.greet {
	font-size:150%;
	line-height:1em;
	color:#00843d
}
/* arthur: tekstgrootte */
p.mega {
font-size: 162%;
line-height:1.4em;
}
p.groot {
font-size: 127%;
line-height:1.5em;
}
p.klein {
font-size: 87%;
line-height:1.55em;
}
p.mini {
font-size: 75%;
line-height:1.6em;
}
/* arthur: kleuren tekst*/
.t-kleur {
	color:var(--ast-global-color-0)!important;
}
.t-donker {
	color:var(--ast-global-color-1)!important;
}
.t-donkergrijs {
	color:var(--ast-global-color-2)!important;
}
.t-grijs {
	color:var(--ast-global-color-3)!important;
}
.t-lichtgrijs {
	color:var(--ast-global-color-4)!important;
}
.t-wit {
	color:var(--ast-global-color-5)!important;
}
.t-kleurtint {
	color:var(--ast-global-color-6)!important;
}
.t-accenttint {
	color:var(--ast-global-color-7)!important;
}
.t-accent {
	color:var(--ast-global-color-8)!important;
}
/* arthur: kleuren kaders */
.kleur {
	background-color:var(--ast-global-color-0);
}
.donker {
	background-color:var(--ast-global-color-1);
}
.donkergrijs {
	background-color:var(--ast-global-color-2);
}
.grijs {
	background-color:var(--ast-global-color-3);
}
.lichtgrijs {
	background-color:var(--ast-global-color-4);
}
.wit {
	background-color:var(--ast-global-color-5);
}
.kleurtint {
	background-color:var(--ast-global-color-6);
}
.accenttint {
	background-color:var(--ast-global-color-7);
}
.accent {
	background-color:var(--ast-global-color-8);
}
/* arthur: ruimte */
.padding {
	padding:20px;
}
.margin {
	margin:20px!important;
}
.margin-top {
	margin-top:30px!important;
}
/* arthur: buttons */
.btn-klein .wp-block-button__link  {
font-size: 14px!important; /* 87% */
border-radius: 30px;
padding-top: 7px;
padding-right: 14px;
padding-bottom: 7px;
padding-left: 14px;
}
.btn-accent .wp-block-button__link {
background: var(--ast-global-color-8);
color:var(--ast-global-color-4);
}
.btn-tint .wp-block-button__link {
background: var(--ast-global-color-3);
color:var(--ast-global-color-1);
}

/* =========================
2 - ASTRA THEMA
========================= */
/* astra update 4.0 
metadata uitzetten bij alle berichten */
.entry-meta, .entry-meta {
display:none;
}
/* astra update 4.0 
uitgelichte afbeelding uitzetten bij alle berichten
img.attachment-large.size-large.wp-post-image {
display:none;
}
 */

/* arthur: sidebar */
#secondary h2 {
font-size: 1.23rem;
}
#secondary li {
font-size: 0.87rem;
}
#secondary .wp-block-group h2 {
margin-bottom: 0.1em;
margin-top: 1.5em;
}
/* arthur: koppen sidebar */
.site-footer h2 {
font-size: 1.23rem;
}
.site-footer p:not(.ast-footer-copyright p), .site-footer ul {
font-size: 0.87rem;
}
.widget {
margin-bottom: 0.5em;
}

/* arthur: navigatie weg onder bericht */
.post-navigation {
display: none;
}
/* arthur: reactieblok berichten weg */
.comments-area {display:none;}
/* arthur: koppen ruimte onder */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin-bottom: 0.23em;
}
.entry-title {
margin-bottom: 0.23em;
}
.single .entry-header {
margin-bottom: 0.38em;
}
/* arthur: sidebar */
@media (min-width: 768px) {
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
margin: 1em 0;
}
}

.content-areaxx {
padding: 2em 1em;
	}

.ast-separate-containerxx .ast-article-single {
padding: 2em 1em;
	}
@media (min-width: 1201px) {
.ast-separate-containerxxx .ast-article-single {
padding: 2em 1em;
}
}
.site-primary-footer-wrap {
padding-left: 1em;
padding-bottom: 1em;
}
.site-contentxx {
padding-top: 8em;
}
/* =========================
3 - TYPO DETAILS
========================= */
/* arthur: letterspatie */
.entry-content {letter-spacing:0.03em}

/* arthur: regellengte */
.entry-content p:not(.entry-content .alignfull p) {
max-width: 58ch!important;
margin-left:0!important; 
margin-right:auto;
}
/* arthur: fotobijschrift */
.wp-block-image figcaption {
font-size: 0.87rem;
margin-top: .5em;
margin-bottom: 1.5em;
		color:var(--ast-global-color-2);
}


/* =========================
4 - WP AFBEELDINGEN
========================= */
/* arthur: foto afgeronde hoeken */
.wp-block-image img {
border-radius: 4px;
}

/* =========================
5 - SPECTRA PLUGIN
========================= */
/* datum weg */
.uagb-post-grid-byline {
display: none;
}
/* ruimte tussen om blokken --- margin-botten stond normaal op 40px --- aangepast 31/03/2025*/
.uagb-post__items {
margin-bottom: 10px;
}
.uagb-post__items {
row-gap: clamp(30px,3.5vw,50px)!important;
column-gap: clamp(30px,3.5vw,50px)!important;
}
/* text minimale hoogte */
@media only screen and (min-width: 768px) and (max-width: 5000px) {
.uagb-post__title {
min-height:4em;
}
.uagb-post__excerpt p, .uagb-post__excerpt {
min-height: 160px;
font-size: 17px;
}
}

/* =========================
6 - BEAVER BUILDER PLUGIN
========================= */
/* Beaver op mobiel - kolommen breed */
@media only screen and (min-width: 100px) and (max-width: 768px) {
.fl-col-small {  min-width: 100%;}
}

/* =========================
7 - GUTENBERG
========================= */
/* padding blocks */
.entry-content > .wp-block-group {
padding-top: 20px!ixxmportant;
padding-right: 20px;
padding-bottom: 20px!ixxmportant;
padding-left: 20px!important;
}
/* padding kolommen */
.entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
padding-top: 1.5em!important;
padding-right: 0px;
padding-bottom: 0!important;
padding-left: 0px!important;
}
/* block beeldvullend */
.alignfull {
   width: 100vw;
   margin-left: calc(-100vw / 2 + 100% / 2);
   margin-right: calc(-100vw / 2 + 100% / 2);
}
/* bugfix kolommen tekst aan elkaar vast opgelost */
.wp-block-column p {
padding-right: 1em;
margin-top: 0;
}
.wp-block-column {
margin-bottom: 0.75em!important;
}
/.transparante-header {
/padding-top: 10em!important;
/padding-bottom: 2em!important;
/}

.main-header-menu .sub-menu .menu-link {
padding: .38em 1em;
font-size: 0.87rem;
}

/* =========================
7 - SPAN voor Gevorderden
========================= */
.ts {
	font-size: 18px;
	display:block;
	color:var(--ast-global-color-0);
	letter-spacing:0.06em;
	text-transform: uppercase;
	font-weight: 400;
}
/* =========================
8 - Update UABB
========================= */
.uabb-creative-button-wrap .ts {display:none;}


/* =========================
0 - NIEUW 2024-10
========================= */
/* astra 4.8 banner instellingen > customizer > blog > single */
.ast-single-entry-banner {
background: var(--ast-global-color-4);
}
.ast-single-entry-banner p {
max-width:40ch;
font-size:127%;
margin-left:auto; 
margin-right:auto;
margin-top:2vw;
}
.ast-single-entry-banner img {
margin-top:1vw;
border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
.ast-single-entry-banner h1 {
max-width:26ch;
margin-left:auto; 
margin-right:auto;
}
}

	.afbeelding-klein img {
		max-width: 150px!important;
		max-height: 150px!important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:-20px;
		margin-top:1em;
		background-sizexx: cover;
		z-index:5;
	}


/* verloop stijl voor gutenberg groep */
.verloop {background: linear-gradient(180deg, var(--ast-global-color-4) 0%, var(--ast-global-color-5) 100%);}
.verlooptop {background: linear-gradient(180deg, var(--ast-global-color-5) 0%, var(--ast-global-color-4) 100%);}

/* social media icons stacked in footer */
.ast-footer-social-wrap .ast-builder-social-element {
margin-left: 0;
display:block;
margin-top:0.6em;
}
/* feat image kleiner breedte */
.single .entry-header .post-thumb img {
max-width: 400px;
}

/* samenvatting header */
.entry-header p {
font-size: 123%;
color:var(--ast-global-color-2);
	margin-bottom:2vw!important;
}

header.entry-header .entry-title {
color:var(--ast-global-color-0);
}

/* berichtraster schaduw */ 
.uagb-post__inner-wrap {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;} 
.uagb-post__inner-wrap:hover {box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px!important;background-color:#fff;} 

/* berichtraster afgeronde hoeken */ 
.uagb-post__inner-wrap { border-radius: 12px; } 

/* berichtraster uitgel afb afgeronde hoeken */ 
.uagb-post__image a[class^="uagb-image-ratio-"]>img 
{ border-radius: 12px; max-width:500px; }

/* =========================
1 - WordPress Menu 
items smaller maken met span in menu-item
Over <span class="menu-smal-weg">Arthur</span>
========================= */
 .menu-smal-weg {
  padding:0 0.3em;
 }
 @media (max-width: 1300px) {
  .main-navigation ul .menu-item .menu-link {
   /* menu smaller */
   padding: 0 12px!important;
  }
 }
 @media (max-width: 1200px) {
  .menu-smal-weg {
   display:none;
   padding-right:0.5em;
  }
 }
 @media (max-width: 1000px) {
  .menu-extrasmal-weg {
   display:none;
  }
 }
/* eind menu */

.doorzichtig-groen
{
	background-color: rgba(123,174,128,0.4);
}
.doorzichtig-wit
{
	background-color: rgba(255,255,255,0.5);
}

/* Hoover */ tussengevoegd 25/02/2025
/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
	box-shadow: 0px 8px 30px rgba(33,33,33,.2);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
	/* transition-timing-function: ease-in-out; */
    transition-duration: 0.1s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	transform: scale(1.05);
}

/* Hoover */ tussengevoegd 07/03/2025
.hover-shadow-box-animation {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hover-shadow-box-animation:hover,
.hover-shadow-box-animation:focus,
.hover-shadow-box-animation:active {
  box-shadow: 1px 10px 10px -10px rgba(0, 0, 24, 0.5);
  transform: scale(1.05);
}