/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/
:root {
	--avenir-stack: "Avenir", sans-serif;
	--chunkfive-stack: "ChunkFive Roman", Impact, serif;
	--eb-garamond-stack: "EB Garamond", serif;
}

/**
* Global styles
*/
.wp-block-group {
	display: flow-root;
}

.entry-content .wp-block-video {
	&.alignleft,
	&.alignright {
		max-width: 350px;
	}
	
	& video {
		max-height: 29.6875rem;
	}
}

.entry-content .wp-element-caption {
	text-align: left;
	font-size: 0.875rem;
}

.wp-block-image.alignleft:has(~ .wp-block-list) {
	margin-inline-end: 2em;
}

/**
* Front Page
*/
/* Hero Banner */
.home-hero-banner {
	width: 100%;
	max-height: 440px;
	overflow: hidden;
	
	& p {
		font-family: var(--avenir-stack);
		text-shadow: 0 4px 5px rgb(0 0 0 / 0.4);
	}
}


/* Recent Posts */
.home-recent-posts {
	& .ct-query-template-grid {
		grid-auto-rows: 1fr;
	}
	
	& .wp-block-post {
		border: 2px solid #808080bf;
	}
	
	& .wp-block-post-featured-image {
		min-width: 100%;
		max-width: 100%;
	}

	& .post-meta {
		line-height: 1;

		& .wp-block-avatar,
		& .wp-block-post-author-name,
		& .wp-block-post-date,
		& .post-meta-separator,
		& .wp-block-post-time-to-read {
			width: auto;
		}
		
		& .wp-block-avatar {
			float: left;
		}
		
		& .wp-block-post-date,
		& .post-meta-separator,
		& .wp-block-post-time-to-read {
			display: inline-block;
		}
		
		& .post-meta-separator {
			vertical-align: middle;
			line-height: 0.75rem;
		}
	}

	& .entry-title,
	& .entry-excerpt,
	& .entry-excerpt > p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	.entry-title {
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}
	
	.entry-excerpt,
	.entry-excerpt > p {
		-webkit-line-clamp: 5;
		line-clamp: 5;
	}
}


/* Featured Logos */
.home-featured-logos {
	font-family: var(--eb-garamond-stack);
	justify-items: center;
	align-items: center;
	
	& .wp-block-image {
		border: 1px solid #000;
		box-shadow: 0px 1px 4px 0px rgba(0 0 0 / 0.6);
	}
}


/* Featured Categories */
.home-featured-categories {
	.home & {
		grid-template-columns: repeat(auto-fit, minmax(max(19.6875rem, 100%/4), 1fr));
		justify-content: center;
		gap: 2.5rem 1.25rem;
	}

	& .feature-text {
		margin: 0 auto;
		max-width: 155px;
		box-shadow: 0px 20px 30px -10px #26394D;

		& a {
			display: block;
			border: 1px solid #0cc3e2;
			padding: 0.9375rem 0.3125rem;
			font-family: var(--eb-garamond-stack);
			text-decoration: none;
		}
		
		& a:hover {
			background: #0CC3E2;
			border-color: currentColor;
		}
	}
}


/* Contact Form Sidebar */
.home-contact-sidebar {
	clip-path: polygon(0 0, 60% 0, 95% 50%, 60% 100%, 0 100%);
	
	& h2 {
		font-family: var(--chunkfive-stack);
	}
}

@media screen and (max-width: 1355px) {
	.home-contact-sidebar {
		clip-path: none;
		padding: 1.5rem 1.25rem !important;
	}
}


/* Contact Form */
.home-contact-form {
	& .fluentform {
		height: 100%;

		& textarea.ff-el-form-control {
			padding: 0.65625rem 0.625rem .01875rem 0.625rem;
			max-height: 5.25rem;
		}
		
		& .ff-btn-submit {
			box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
		}
	}
}

@media screen and (max-width: 1355px) {
	.wp-block-columns:has(.home-contact-sidebar, .home-contact-form) {
		flex-wrap: wrap !important;
	}

	.home-contact-sidebar,
	.home-contact-form {
		flex-basis: 100% !important;
	}

	.home-contact-form .fluentform.fluentform_wrapper_1.ff_guten_block.ff_guten_block-1 {
		padding: 0.4rem 0.9375rem;
	}
}

/**
 * Single Post
 */
.user-post-signature {
	margin-top: 2.5em;
}

.wp-block-video video {
	max-height: 29.6875rem;
}