/*
Theme Name: CBD FOOD
Author: asherol
Description: Theme for the CBD FOOD site
Requires at least: 6.1
Version: 1.0
*/

@import url("css/server_fix.css");
@import url("css/trp.css");


:root {
	--color-main: #275c53;
	--color-second: #e2bb53;
	--color-accent: #f5f0ea;
	--color-text: #323232;
	--color-main-light: #45a191;
}


/* ICONS */
.icn-inline {
	display: inline-block;
	position: relative;
}

	.wp-block-cover .icn-inline svg {
		position: absolute;
		top: .5rem;
		right: 0;
		bottom: 0;
		left: 0;
		color: var(--color-second);
	}

	h1 .icn-inline {
		width: clamp(3rem, 3em + ((1vw - 0.48em) * 1.923), 3rem);
		line-height: 1.25;
		height: clamp(3rem, 3em + ((1vw - 0.48em) * 1.923), 3rem);
		line-height: 1.25;
	}


/* HEADER */
a.header-sitelogo {
	width: 4rem;
	height: 3rem;
	cursor: pointer;
}
	a.header-sitelogo svg {
		fill: var(--color-accent);
		transition: fill .2s ease;
	}

		a.header-sitelogo:hover svg {
			fill: var(--color-second);
		}

.header-navigation {
	position: relative;
	height: 4rem;
	margin-bottom: -4rem !important;
	z-index: 2;
	color: #fff;
}


/* COVER */
.wp-block-cover h1 {
	margin: 3rem 0 1rem 0;
}

.wp-block-cover h6 {
	margin-top: 1rem;
}

@media only screen and (min-width: 769px) {
	.wp-block-cover {
		padding-top: 0 !important;
	}
}

.cover-breadcrumbs {
	color: #fff;
}

	.cover-breadcrumbs a {
		color: var(--color-second);
		transition: color .2s ease;
		text-decoration: none;
	}

		.cover-breadcrumbs a:hover {
			color: var(--color-accent);
		}

/* POST */
.wp-block-query {
	background-color: #fff;
	background-image: url("assets/img/pattern_green.png");
}

.wp-block-query .wp-block-post {
	padding-bottom: 1.5rem;
	background-color: #fff;
	border-radius: 1rem;
	overflow: hidden;
	position: relative;
	filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
}

.wp-block-query figure a {
	position: relative;
	overflow: hidden;
}

.wp-block-query figure a img {
	transition: all 0.4s ease;
}

.wp-block-query .wp-block-post:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.wp-block-query h2 {
	padding-right: var(--wp--preset--spacing--16);
	padding-left: var(--wp--preset--spacing--16);
	line-height: 1;
}

.wp-block-query h2 a {
	font-size: 2rem;
	color: var(--color-main);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin: 0;
	text-transform: none;
	background-image: linear-gradient(var(--color-second), var(--color-second));
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: none !important;
}

.wp-block-query h2 a:hover {
	background-size: 100% 2px;
}

.wp-block-query .taxonomy-category.wp-block-post-terms {
	position: absolute;
	left: 1rem;
	top: max(15vw, 30vh);
	margin-top: -3rem;
}

	.wp-block-query .taxonomy-category.wp-block-post-terms a {
		padding: 0.5rem 1rem;
		background-color: var(--color-second);
		color: var(--color-text);
		font-size: .75rem;
		border-radius: 1rem;
		text-decoration: none;
		transition: all 0.3s ease;
	}
		.wp-block-query .taxonomy-category.wp-block-post-terms a:hover,
		.wp-block-query .taxonomy-category.wp-block-post-terms a:active {
			background-color: var(--color-main);
			color: #fff;
		}


/* POST */
.wp-block-post-content p {
	margin: 0 0 .5rem 0;
	padding: .5rem 0 .5rem 0;
}