/* 
Theme Name: Iralogix
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Custom theme for Iralogix.
Author: code:exist
Author URI: https://wecodeexist.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
*/

/* Layout */
.balance {
	text-wrap: balance;
}
.underlined-link a {
	text-decoration: underline;
}
.page-content p {
	margin-block-start: 0;
}
@media (max-width: 767px) {
	#content .medium-m,
	#content .medium-m .elementor-heading-title {
		font-weight: 500;
	}
	#content .semibold-m .elementor-heading-title {
		font-weight: 600;
	}
	#content .bold-m .elementor-heading-title {
		font-weight: 700;
	}
}
/* Header */
.admin-bar .fixed-header {
	 margin-top: 32px;
}
#masthead .menu-item.current-menu-item a.hfe-menu-item.elementor-button {
	color: #000;
}
#masthead .menu-item.current-menu-item a.hfe-menu-item.elementor-button:hover {
	color: #fff;
}
@media (max-width: 782px) {
	.admin-bar .fixed-header {
		margin-top: 46px;
	}
}
@media (max-width: 1024px) {
	#masthead .menu-item a {
		justify-content: flex-start;
	}
	#masthead .menu-item a::before {
		content: '';
		position: relative;
		display: inline-block;
		width: 10px;
		height: 13px;
		background-color: #D9B1FF;
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		margin-right: 12px;
		vertical-align: middle;
		opacity: 1;
	}
	.fixed-header:has(.hfe-active-menu) {
		background: #3B3B3B;
	}
}

/* Footer */
@media (max-width: 1024px) {
	.elementor-386 .elementor-element.elementor-element-52b0e36 ul.hfe-nav-menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 15px;
		grid-auto-flow: column;
		grid-template-rows: repeat(3, auto);
	}
	.elementor-386 .elementor-element.elementor-element-52b0e36 ul.hfe-nav-menu::before,
	.elementor-386 .elementor-element.elementor-element-52b0e36 ul.hfe-nav-menu::after {
		display: none;
	}
	.elementor-386 .elementor-element.elementor-element-52b0e36 ul.hfe-nav-menu li {
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.elementor-386 .elementor-element.elementor-element-52b0e36 ul.hfe-nav-menu li.menu-item a.hfe-menu-item { 
		display: inline;
		color: #fff;
	}
}

/* Single Post */
/* --- Hero Section --- */
.custom-post-hero {
    position: relative;
    width: 100%;
    height: 680px;
	border-bottom: 40px #442065 solid;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
    background-color: #333; /* Fallback color */
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
    z-index: 1;
}
.hero-content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 5% 20px 5% 20px;
}
.hero-title {
    color: #fff;
    font-size: clamp(28px, 4vw, 85px);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    max-width: 1050px;
	font-family: "Barlow Semi Condensed", sans-serif;
}
.hero-meta {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
	font-family: "Barlow Semi Condensed", sans-serif;
}
/* --- Post Content --- */
.custom-post-layout-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px 80px 20px;
    display: flex;
}
.post-content-column {
    flex: 1;
    line-height: 1.6;
	font-family: "Roboto", sans-serif;
}
.post-content-column a {
	color: #000;
	text-decoration: underline;
}
@media (max-width: 768px) {
	.custom-post-hero {
		height: 400px;
		border-bottom: 20px #442065 solid;
	}
    .hero-title {
		font-weight: 700;
	}
	.hero-meta {
		font-size: 14px;
		font-weight: 500;
	}
	.hero-content-wrapper {
		padding: 10% 20px 10% 20px;
	}
	.custom-post-layout-container {
		flex-direction: column;
    }
}
/* Animations */
.fade-in-stacked > * {
  visibility: hidden;
  opacity: 0;
}
.bg-parallax {
    background-repeat: no-repeat;
    background-size: cover; 
    background-size: 120% auto !important; 
}
@media (max-width: 767px) {
    .bg-parallax {
        background-attachment: scroll !important;
        background-position: center center !important;
    }
}
#masthead .elementor-45 .elementor-element.elementor-element-05785d1::before {
    transition: background 0.3s ease-in-out;
}
#masthead.is-scrolled .elementor-45 .elementor-element.elementor-element-05785d1::before {
    background-color: rgba(59, 59, 59, 0.9);
	opacity: 1;
    background-image: none !important;
}