/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* hub content cards */
.kip-hub-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
@media all and (max-width: 768px) {
	.kip-hub-cards {
		grid-template-columns: repeat(1, 1fr);
	}
}
.kip-hub-cards .kip-card-item {
	border-radius: 12px;
	border: 1px solid rgba(63, 105, 48, 0.8);
	background: transparent;
	transition: box-shadow ease-in-out 0.2s;
	cursor: pointer;
}
.kip-hub-cards .kip-card-item:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.kip-hub-cards .kip-card-item a {
	text-align: center;
	color: #5C814C;
	display: flex;
	flex-direction: column;
}
.kip-hub-cards .kip-card-item img {
	width: 100%;
	height: auto;
	max-height: 200px;
	object-fit: cover;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.kip-hub-cards .kip-card-item span {
	transition: color ease-in-out 0.2s;
}
.kip-hub-cards .kip-card-item span.title {
	color: #5D4C43;
	font-size: 18px;
	margin: 0 8px;
	margin-top: 16px;
}
.kip-hub-cards .kip-card-item span.read-more {
	font-weight: 600;
	font-size: 0.92em;
	margin: 16px 8px;
}
.kip-hub-cards .kip-card-item span.read-more::after {
	margin-left: .3em;
	left: auto;
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	font-size: 0.86em;
	content: '\f061';
}

/* hub content list */
.kip-hub-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 24px;
}
@media all and (max-width: 768px) {
	.kip-hub-list {
		grid-template-columns: repeat(1, 1fr);
	}
}
.kip-hub-list .kip-list-item {
	border-radius: 12px;
	border: 1px solid rgba(63, 105, 48, 0.8);
	background: transparent;
	transition: box-shadow ease-in-out 0.2s;
	cursor: pointer;
}
.kip-hub-list .kip-list-item:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.kip-hub-list .kip-list-item a {
	color: #5C814C;
	display: grid;
	grid-template-areas: 
		"image title title"
		"image description description"
		"image read-more read-more";
	grid-template-rows: auto;
	grid-template-columns: 24% auto;
}
.kip-hub-list .kip-list-item img {
	grid-area: image;
	width: 100%;
	height: 100%;
	max-height: 250px;
	object-fit: cover;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.kip-hub-list .kip-list-item span {
	display: flex;
	align-items: center;
	transition: color ease-in-out 0.2s;
}
.kip-hub-list .kip-list-item span.title {
	grid-area: title;
	color: #5D4C43;
	font-weight: 600;
	font-size: 22px;
	margin: 12px 24px;
	font-family: "Petrona", Sans-serif;
}
.kip-hub-list .kip-list-item span.description {
	grid-area: description;
	margin: 12px 24px;
	font-size: 16px;
	color: #232323;
}
.kip-hub-list .kip-list-item span.description p {
	color: #232323;
	margin: 0;
	font-size: 16px;
	font-family: "Open Sans", Sans-serif;
}
.kip-hub-list .kip-list-item span.read-more {
	grid-area: read-more;
	font-weight: 600;
	font-size: 0.92em;
	margin: 12px 24px;
}
.kip-hub-list .kip-cardlistitem span.read-more::after {
	margin-left: .3em;
	left: auto;
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	font-size: 0.86em;
	content: '\f061';
}