/*
 Theme Name:   	Dixor Child
 Theme URI: https://wordpress.validthemes.net/dixor/
 Description:  	This is a child theme for Dixor - Creative Digital Agency WordPress Theme
 Author:       	Coderstation
 Author URI:   	https://themeforest.net/user/validthemes/portfolio
 Template:     	dixor
 Version: 1.0.1793862575
 Tags:         	two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  	dixor-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/* ===== Service cards: text always visible, equal heights ===== */
.services-style-one-items .row { align-items: stretch; }
.services-style-one-items .single-item { display: flex; height: auto; }
.services-style-one-items .services-style-one-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}
.services-style-one-item h4,
.services-style-one-item:hover h4,
.services-style-one-item.active h4 { transform: none !important; }
.services-style-one-item p,
.services-style-one-item:hover p,
.services-style-one-item.active p {
	opacity: 1 !important;
	transform: none !important;
	flex-grow: 1;
}
.services-style-one-item .btn-full { margin-top: auto; padding-top: 0; }
.services-style-one-item p + .btn-full { margin-top: 35px; }
.services-style-one-item .s_title { min-height: 2.6em; }
/* Services page: 6 cards in an even 3 x 2 grid on large screens */
@media (min-width: 1200px) {
	.page-id-2079 .services-style-one-items .single-item { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
/* ===== Service cards: full-width quote button ===== */
.services-style-one-items .services-style-one-item a.btn-full {
	width: 100%;
	align-self: stretch;
	box-sizing: border-box;
}
/* ===== Home About heading: fit in 3 lines (this section only) ===== */
.elementor-element-9359458 .about-style-six-info .d-flex { align-items: flex-start; }
.elementor-element-9359458 .about-style-six-info .d-flex img { min-width: 80px; width: 80px; margin-right: 24px; }
.elementor-element-9359458 .about-style-six-info h2.title {
	font-size: 42px;
	line-height: 1.2;
	letter-spacing: 0;
	text-wrap: balance;
	margin-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.elementor-element-9359458 .about-style-six-info h2.title { font-size: 36px; }
}
@media (max-width: 991px) {
	.elementor-element-9359458 .about-style-six-info h2.title { font-size: 34px; }
}
@media (max-width: 575px) {
	.elementor-element-9359458 .about-style-six-info h2.title { font-size: 26px; }
}
/* ===== Home Featured Projects: hover effects ===== */
.elementor-element-208c371 .portfolio-style-four .thumb { position: relative; overflow: hidden; border-radius: 12px; }
.elementor-element-208c371 .portfolio-style-four .thumb > img {
	display: block;
	width: 100%;
	border-radius: 12px;
	transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
	will-change: transform;
}
.elementor-element-208c371 .portfolio-style-four .thumb::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(4, 0, 11, 0) 35%, rgba(4, 0, 11, 0.75) 100%);
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 1;
	pointer-events: none;
}
.elementor-element-208c371 .portfolio-style-four .thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0);
	transition: border-color 0.5s ease;
	z-index: 2;
	pointer-events: none;
}
.elementor-element-208c371 .portfolio-style-four:hover .thumb > img { transform: scale(1.06); filter: brightness(0.9) saturate(1.1); }
.elementor-element-208c371 .portfolio-style-four:hover .thumb::before { opacity: 1; }
.elementor-element-208c371 .portfolio-style-four:hover .thumb::after { border-color: rgba(255, 255, 255, 0.25); }

/* Info card */
.elementor-element-208c371 .portfolio-style-four .content {
	z-index: 3;
	border-radius: 0 12px 0 12px;
	backdrop-filter: blur(6px);
	transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.5s ease;
}
.elementor-element-208c371 .portfolio-style-four .content::after { width: 0; transition: width 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); }
.elementor-element-208c371 .portfolio-style-four:hover .content { transform: translateY(-8px); box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.6); }
.elementor-element-208c371 .portfolio-style-four:hover .content::after { width: 100%; }
.elementor-element-208c371 .swiper-slide-active .portfolio-style-four .content::after { width: 100%; }

/* Reveal the card on hover for side slides too (desktop) */
@media (min-width: 992px) {
	.elementor-element-208c371 .swiper-slide:not(.swiper-slide-active) .portfolio-style-four:hover .content {
		opacity: 1;
		visibility: visible;
		transform: translateY(-8px);
	}
}

/* Title + button micro-interactions */
.elementor-element-208c371 .portfolio-style-four .content > span { letter-spacing: 1px; transition: letter-spacing 0.4s ease; }
.elementor-element-208c371 .portfolio-style-four:hover .content > span { letter-spacing: 2.5px; }
.elementor-element-208c371 .portfolio-style-four .content h2 { transition: color 0.3s ease; }
.elementor-element-208c371 .portfolio-style-four .content h2:hover { color: var(--color-primary); }
.elementor-element-208c371 .portfolio-style-four .content .btn-animation i { transition: transform 0.4s ease, background 0.3s ease, color 0.3s ease; }
.elementor-element-208c371 .portfolio-style-four .content .btn-animation:hover i {
	transform: rotate(-45deg);
	background: var(--color-primary);
	color: var(--color-heading);
}

/* Carousel arrows */
.elementor-element-208c371 .project-four-nav .nav-items { transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.elementor-element-208c371 .project-four-nav .nav-items:hover { border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05); }

@media (prefers-reduced-motion: reduce) {
	.elementor-element-208c371 .portfolio-style-four *,
	.elementor-element-208c371 .portfolio-style-four *::before,
	.elementor-element-208c371 .portfolio-style-four *::after { transition: none !important; }
	.elementor-element-208c371 .portfolio-style-four:hover .thumb > img { transform: none; }
}
/* ===== Mobile & tablet header: logo left, menu toggle right ===== */
@media (max-width: 1023px) {
	nav.navbar.validnavs > .container { display: flex !important; align-items: center; justify-content: space-between; }
	nav.navbar.validnavs .navbar-header {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		float: none;
		min-height: 70px;
	}
	nav.navbar.validnavs .navbar-header a.navbar-brand {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		order: 1;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
	}
	nav.navbar.validnavs .navbar-header a.navbar-brand img { max-height: 36px; width: auto; }
	nav.navbar.validnavs .navbar-header .navbar-toggle {
		order: 2;
		margin: 0 !important;
		padding: 12px 0 12px 16px !important;
		float: none;
	}
	nav.navbar.validnavs .navbar-header .navbar-toggle i { font-size: 24px; }
	/* Off-canvas info icon would sit next to the menu toggle: hide it on small screens */
	nav.navbar.validnavs .attr-right { display: none !important; }
}
@media (max-width: 575px) {
	nav.navbar.validnavs .navbar-header { min-height: 64px; }
	nav.navbar.validnavs .navbar-header a.navbar-brand img { max-height: 32px; }
	
	.navbar-header:after, .navbar-header:before{
		display:none !important;
	}
}
/* Visually hidden text (SEO / accessibility) */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }