/* Front-end stylesheet */

/* Blocks - header (.wp-block-cbd-block-header) */

.wp-block-cbd-block-header {
	padding: 3rem 0;
}
 .cbd-block-header-main-outer {
	 position: relative;
}
 .cbd-block-header-main-inner {
	 position: static;
	 padding: 5em 0 4em;
	 min-height: 395px;
	 display: flex;
	 align-items: center;
	 box-sizing: border-box;
}
 @media screen and (max-width: 599px) {
	 .cbd-block-header-main-inner {
		 padding: 2.5em 0;
	}
}
 .cbd-block-header-main-content > * {
	 position: relative;
	 z-index: 1;
}
 .cbd-block-header-main-content h1 {
	 margin: 0 0 0.3em;
}
 .cbd-block-header-main-content h1 strong, .cbd-block-header-main-content h2 strong, .cbd-block-header-main-content h3 strong, .cbd-block-header-main-content h4 strong, .cbd-block-header-main-content h5 strong, .cbd-block-header-main-content h6 strong {
	 color: #000;
	 font-weight: inherit;
}
 .cbd-block-header-main-content p {
	 font-size: 1em;
}
 .cbd-block-header-main-content ul {
	 margin: 0 !important;
}
 .cbd-block-header-main-content .wp-block-columns {
	 row-gap: 0;
}
 @media screen and (min-width: 599px) {
	 .cbd-block-header-main-content .wp-block-columns {
		 margin: 2em 0 3em;
	}
}
 .cbd-block-header-categories {
	 position: absolute;
	 bottom: 1em;
	 right: 1em;
	 width: 45%;
	 display: flex;
	 align-items: end;
	 justify-content: right;
}
/* With image: content to the left, image to the right */
 .cbd-block-header-with-image .cbd-block-header-main-content {
	 width: 45%;
}
 .cbd-block-header-with-image .wp-block-post-featured-image {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 width: 50%;
	 margin: 0;
	 /*overflow: hidden;*/
}

	.cbd-block-header-with-image .wp-block-post-featured-image:before {
		content: url('header-image-tri.svg');
		width: 49px;
		height: 42px;
		position: absolute;
		right: 2.2rem;
		bottom: 2.2rem;
		z-index: 9;
	}

 .cbd-block-header-with-image .wp-block-post-featured-image > img {
	 position: relative;
	 object-fit: cover;
	 width: 100%;
	 height: 100%;
	 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
/* Without image: content centred */
 .cbd-block-header-without-image .cbd-block-header-main-inner {
	 padding: 3em 0 2em;
	 min-height: 300px;
}
 .cbd-block-header-without-image .cbd-block-header-main-content {
	 text-align: center;
	 margin: 0 auto;
}
 .cbd-block-header-without-image .cbd-block-header-main-content h1 {
	 margin: 0 0 0.6em;
}
 .cbd-block-header-without-image .is-layout-flex {
	 justify-content: center;
}
 .cbd-block-header-without-image .wp-block-post-featured-image {
	 display: none !important;
}
/* Homepage: bigger content */
 @media screen and (min-width: 599px) {
	 body.home .cbd-block-header-main-inner {
		 font-size: 1.05em;
	}
}
 body.home .cbd-block-header-with-image .cbd-block-header-main-content {
	max-width: 550px;
}
 body.home .cbd-block-header-with-image .cbd-block-header-main-content h1 {
	 font-size: 2.85em;
}
 @media screen and (max-width: 810px) {
	 body.home .cbd-block-header-with-image .cbd-block-header-main-content h1 {
		font-size: 2em;
	}
}

 @media screen and (max-width: 1024px) {
	 
	.wp-block-cbd-block-header {
		padding: 0;
	}
	 
	body.home .cbd-block-header-with-image .cbd-block-header-main-content {
		max-width: none;
	}
	 
	.cbd-block-header-with-image .wp-block-post-featured-image {
		 opacity: 0.3;
	}
	 .cbd-block-header-with-image .wp-block-buttons {
		 width: 111%;
	}
	
	 .cbd-block-header-with-image .cbd-block-header-main-content {
		 width: 100%;
		 max-width: 575px;
	}
	 body.home .cbd-block-header-main-inner .wp-block-post-featured-image {
		 opacity: 1;
		 position: relative;
		 width: 100%;
		 margin-bottom: 2rem;
	}
	.cbd-block-header-main-inner {
		padding: 0;
	}
	
	.wp-block-cbd-block-header {
		padding: 0 0 3rem;
	}
	
}


@media screen and (max-width: 1399px) {
	
	.cbd-block-header-main-inner {
		padding: 0;
	}
	
	.cbd-block-header-main-outer {
		max-width: 1010px;
		margin: 0 auto;
	}

	.cbd-block-header-with-image .wp-block-post-featured-image {
		top: unset;
		bottom: unset;
	}
	
}

 
@media handheld, only screen and (max-width: 992px) {
 	
	.cbd-block-header-main-content .wp-block-heading, .cbd-block-header-main-content p, .cbd-block-header-main-content .wp-block-buttons {
		margin-left: 1rem;
		margin-right: 1rem;
	}

}