/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1715546528
Updated: 2024-05-12 20:42:08

*/
body,
p {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2,h3,h4,h5,h6,a,li,span {
	font-family: Arial, Helvetica, sans-serif;
}
p.logo {
	margin: 0;
}
p.logo a {
	color: inherit;
}
.flex-row {
	display: flex;
	flex-direction: row;
}
.cat-row {
	flex-wrap: wrap;
}
.cat-row > div {
	margin-right: 32px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.cat-item {
	cursor: pointer;
}
.portfolio-container {
	margin-top: 14px;
	padding-top: 40px;
	padding-bottom: 60px;
	border-top: 1px solid #000000;
}
.portfolio-main-container {
	margin-top: 40px;
}
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, calc(33.33% - 12px));
	grid-column-gap: 18px;
	grid-row-gap: 12px;
}
.portfolio-item img {
	display: block;
}
.portfolio-item {
	cursor: pointer;
	position: relative;
	transition: all .3s ease;
}
.portfolio-item .hover-text {
	opacity: 0;
	transition: all .2s ease;
	margin: 0 0 4px;
}
.portfolio-item .hover-text p:last-of-type {
	margin: 0;
}
.portfolio-item:hover .hover-text {
	opacity: 1;
}
.site-navigation ul.menu li a {
	padding-right: 0;
	color: #333333;
	margin-left: 12px;
	font-size: 16px;
}
.hidden {
	display: none;
}
.cat-item.active {
	background: #fff200;
}
.click-text {
	position: absolute;
	visibility: hidden;
	width: 100%;
	bottom: 0;
	left: 0;
	transform: translateY(calc(100% + 16px));
	opacity: 0;
	transition: all .3s ease;
	z-index: 5;
}
.portfolio-item.active .click-text {
	opacity: 1;
	visibility: visible;
}
.hover-text {
	position: relative;
}
.portfolio-item.active .hover-text {
	opacity: 1;
}
.item-clicked .portfolio-item:not(.active) {
	opacity: 0.05;
}
.site-navigation-toggle-holder .site-navigation-toggle {
	background: transparent !important;
}
@media all and (max-width: 1200px) {
	.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
		max-width: 1140px !important;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media all and (max-width: 992px) {
	.portfolio-grid {
		grid-template-columns: 100%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
}