/**
Theme Name: Datalink-astra
Author: Datalink
Author URI: https://datalink.be
Description: Child theme voor Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: datalink-astra
Template: astra
*/
::selection{
	background-color:rgba(131, 191, 41, 0.7)!important;
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6{
	font-weight:700!important;
} 

p:last-child{
	margin-bottom:0!important;
}

strong{
	color:var(--ast-global-color-0);
}

.ast-mobile-header-wrap .menu-item a{
	text-align:right;
}

.ast-grid-common-col{
	background-color:var(--ast-global-color-2);
}

.blog .ast-width-md-4{
	padding-top:20px;
}

.entry-content {
	position:relative;
}

.wp-block-uagb-social-share{
	border-radius:2px;
	overflow:hidden;
}

.post-thumb {
	border-radius:2px;
	overflow:hidden;
}

@media (min-width:1042px){
	.wp-block-uagb-social-share {
		flex-direction:column;
	}
}

@media(max-width:1042px){
	.wp-block-uagb-social-share{
		width:calc(44px * 5);
	}
}


#page{
	position:relative;
	overflow:hidden;
}

.home #page::before,
.sub-page-hero::before{
	position:absolute;
	top:0;
  	border-top: clamp(300px, 100vw, 800px) solid var(--ast-global-color-0);
	transform:translateX(-50%) scale(0);
	animation: breathe 2s infinite alternate;
}

.sub-page-hero::before{
	left:unset!important;
	right:20%;
}

.ast-footer-copyright{
	position:relative;
}

#page::after{
	position:absolute;
		bottom:0px;
  	border-bottom:  clamp(300px, 100vw, 600px) solid var(--ast-global-color-0);
	transform:translateX(-50%);
}

#page::before,
.sub-page-hero::before{
	position:absolute;
	left:50%;
	width:0;
	height:0;
	opacity:.3;
	filter: blur(10rem);
	content:"";
	border-left:  clamp(300px, 100vw, 600px) solid transparent;
  	border-right:  clamp(300px, 100vw, 600px) solid transparent;
	transition:.5s;
	pointer-events:none;
	z-index:-1;
}

.wp-block-column{
	margin:0!important;
}

.wp-block-image img{
	width:100%;
}

@keyframes breathe{
	0% {
		transform:translateX(-50%) scale(.5);
	}
	100% {
		transform:translateX(-50%) scale(1);
	}
}


.block-editor-rich-text__editable{
	color:#000000!important;
}

.widget_block{
	margin-bottom:2em;
}

.widget_nav_menu a{
	color:var(--ast-global-color-5);
}

.widget_nav_menu a:hover{
	color:var(--ast-global-color-6);
}

.read-more{
	margin-bottom:1rem!important;
}

@media (max-width:768px){
	.wp-block-social-links{
		justify-content:center;	
	}
}

@media (min-width:768px){
	.sub-menu{
		margin-left:.5em!important;
		padding-left:.5em!important;
		border-left:1px solid var(--ast-global-color-0);
	}
}

.sub-menu li{
	padding:0!important;
}

.hero{
	margin-top:80px;
	display:grid!important;
	place-items:center;
	aspect-ratio: 3 / 1;
	max-height:calc(100vh - 160px);
	position:relative;
}

.hero .runner,
.hero .shadow{
	width:50%;
	max-width:500px;
}

.hero h1{
	font-weight:700;
	line-height:1;
	color:var(--ast-global-color-0);
	font-size:clamp(3rem, 20vw, 300px);
}

.hero h1 strong, .hero em, .shadow{
	animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow{
	animation: slide-in-left .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow{
	animation-delay:.6s;
}

.hero em{
	animation-delay:.2s;
}

.runner{
	filter: drop-shadow(0 0 0 var(--ast-global-color-0));
}

.runner{
	animation: opacity 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay:1.2s;
}

.hero h1,
.hero .runner,
.hero .shadow{
	grid-row:1/2;
	grid-column:1/2;
}

.hero h1 strong{
	color: var(--ast-global-color-5);
	font-style:italic;
}

.wp-block-columns {
	padding:0!important;
}

.row-margin:not(.row-margin:last-child){
	margin-top:8rem !important;
	margin-bottom:8rem !important;
}

.row-margin-top, .row-margin, .site-footer{
	margin-top:8rem !important;
}

.row-margin-top, .row-margin:not(.row-margin:last-child){
	margin-bottom:8rem !important;
}

.row-padding{
	padding-top:4rem!important;
	padding-bottom:4rem!important;
}

.pillars > :nth-child(even),
.pillars > :first-child{
	margin-top:3rem;
}

figure + .wp-block-buttons{
	margin-top:-1.25em;
}

figure + .wp-block-buttons a:hover{
	background:var(--ast-global-color-1)!important;
}

.scroll-arrow{
	animation: bounce-top 1s infinite alternate-reverse both;
}

.single-post #primary{
	padding:2rem;
	background:var(--ast-global-color-2);
	border-radius:.2rem;
}

.wp-block-post-date{
	background-color:var(--ast-global-color-5);
	border-radius:3px;
	line-height:1;
	display:inline-block;
	padding:.3em .6em;
	font-size:.6rem;
	font-weight:700!important;
	color:var(--ast-global-color-0);
	text-transform:uppercase;
}

.wp-block-post-template .wp-block-post-title{
	margin-bottom:0;
}

.wp-block-post-template .wp-block-post-featured-image{
	margin-bottom:1rem;
}

.wp-block-post-template{
	position:relative;
	z-index:1;
}

.wp-block-post-template li{
	padding:1rem;
	background-color:var(--ast-global-color-2);
	border-radius:3px;
}

.wp-block-post-template .wp-block-post-excerpt{
	margin-top:1rem;	
}

.wp-block-post-template img{
	object-fit:cover;
	width:100%;
	height:150px;
}

.wp-block-columns{
	padding:0;
}

.productfiche{
	background-color:var(--ast-global-color-2);
	display:inline-block;
	border-radius:.2em;
	padding:.2em;
	transition:.3s;
}

.productfiche:hover{
	background-color:var(--ast-global-color-0);
}

.productfiche a{
	line-height:1;
	color:var(--ast-global-color-5)!important;
	text-decoration:none!important;
	display:flex;
	align-items:center;
	opacity:.5;
}

.productfiche:hover a{
	color:var(--ast-global-color-5)!important;
	opacity:1;
}

.productfiche a::before{
	content: "\f316";
	font-family:dashicons;
}

.productfiche + h1{
	margin-top:0!important;
}

.wp-block-post-featured-image, .post-thumb{
	border-radius:.2rem .2rem 0 0;
	overflow:hidden;
}

.post-thumb:not(.single .wp-block-post-featured-image), .wp-block-query .wp-block-post-featured-image{
	width:calc(100% + 2rem);
	margin-top:-1rem;
	margin-left:-1rem;
	margin-right:-1rem;
}

.blog .ast-width-md-4{
	padding:2rem;
}

.blog .ast-width-md-4 .post-thumb{
	width:calc(100% + 4rem);
	margin-top:-2rem;
	margin-left:-2rem;
	margin-right:-2rem;
}

.wp-block-post-featured-image img{
	object-fit:cover;
	aspect-ratio: 1.1 / 1;
}

.post-thumb-img-content img{
	object-fit:cover;
	aspect-ratio: 1.5 / 1;
	width:100%;
}

.ast-single-post .post-thumb{
	margin-top:-2rem;
	margin-left:-2rem;
	margin-right:-2rem;
	width:calc(100% + 4rem);
}

@media(min-width:768px){
	.has-text-align-center:not(h1){
		text-align:left;
	}
}

.plain-container {
	margin-left:0!important;
	margin-right:0!important;
}

.wp-block-post-template{
	margin-left:0!important;	
}

.ast-primary-header-bar{
	backdrop-filter: blur(1rem);
}

.crosshair-bg{
	position:relative;
}

.crosshair-bg::before{
	content:'';
	position:absolute;
	width:100vw;
	height:100%;
	top:0;
	left:50%;
	z-index:-1;
	transform:translatex(-50%);
	background-color:var(--ast-global-color-2);
	background-size:2.6rem;
}

.blog-layout-1{
	padding-bottom:0!important;
	border-bottom:0!important;
}

@keyframes bounce-top {
  0% {
            transform: translateY(-.5rem);
            animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-in;
  }
}

@keyframes slide-in-left {
  0% {
	transform: translateX(-50vw);
	opacity: 0;
  }
  100% {
	transform: translateX(0);
	opacity: 1;
  }
}


@keyframes opacity {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}

#ast-desktop-header .sub-menu .sub-menu{
	margin-left:0!important;
}

#ast-desktop-header .sub-menu{
	padding-left:0!important;
}

#ast-desktop-header .sub-menu > :nth-child(odd){
	background-color:var(--ast-global-color-1);
}

.widget_nav_menu *{
	color:var(--ast-global-color-6)!important;
	text-transform:capitalize;
}

.widget_nav_menu h2{
	color:var(--ast-global-color-5)!important;
	margin-bottom:.5rem;
	font-size:1rem;
}

.yoast-breadcrumbs + .wp-block-post-title{
	margin-block-start:0;
}

.wp-block-post-title + p{
	font-size:1.5rem;
	line-height:1.2;
	max-width:25ch;
	font-weight:700;
}

.sub-page-hero .wp-block-post-title{
	font-size:clamp(3rem, 10vw, 5rem);
}

.yoast-breadcrumbs{
	background:var(--ast-global-color-0);
	display:inline-block;
	padding:.1em .5em;
	border-radius:.25em;
}

.yoast-breadcrumbs a{
	text-decoration:none!important;
	color:var(--ast-global-color-5);
}

.breadcrumb_last{
	display:none;
}

.sub-page-hero .wp-block-post-featured-image img{
	height:100%;
}

.sub-page-hero{
	position:relative;
}

.sub-page-hero .wp-block-post-featured-image{
	position:relative;
}

.sub-page-hero .wp-block-post-featured-image::after{
	position:absolute;
	bottom:-1px;
	left:0;
	content:"";
	background-image:linear-gradient(transparent,var(--ast-global-color-1));
	height:60%;
	width:100%;
}

@media (max-width:768px){
	.sub-page-hero{
		margin-top:80px;
		flex-direction:column-reverse;
	}
	
	.sub-page-hero .wp-block-post-featured-image {
		width:100vw;
		position:relative;
		left:50%;
		transform:translatex(-50%);
	}
	
	.sub-page-hero .wp-block-post-featured-image:before{
		content:"";
		position:absolute;
		background-image:linear-gradient(transparent , var(--ast-global-color-1));
		left:0;
		bottom:0;
		width:100%;
		height:15rem;
	}
}

@media (min-width:768px){
	.sub-page-hero .wp-block-post-featured-image{
		height:100%;
		width:50vw;
		position:absolute;
		left:50%;
		top:0;
	}
	
	.sub-page-hero{
		min-height:100vh;
	}
	
	.sub-page-hero .wp-block-post-featured-image img{
		height:100%;
	}
}

.wp-block-quote{
	border-left:0!important;
	margin:0;
	padding:5rem 3rem 3rem 3rem;
	font-size:1.5em;
	background-color:var(--ast-global-color-2);
	position:relative;
}

.wp-block-quote p{
	margin-top:1rem;
	margin-bottom:1rem;
}

.wp-block-quote p::before{
	content:"\f122";
	font-family:dashicons;
	position:absolute;
	top:2rem;
	pointer-events:none;
	line-height:1em;
	font-size:2em;
	color:var(--ast-global-color-0);
}

.wp-block-quote cite{
	font-size:.9rem;
	font-weight:700;
}

.home.ast-theme-transparent-header .main-header-bar{
	background-color:transparent;
}

.anekdote{
	background-color: var(--ast-global-color-2);
	padding:2rem!important;
}

.anekdote img,
.anekdote figure{
	max-height:300px;
	object-fit:cover;
}

.small-width{
	max-width:600px!important;
	margin:auto;
}

.small-width .has-text-align-center{
	text-align:center;
}