@charset "UTF-8";
/*
Theme Name: LandScape 2025
Theme URI: https://viatech-lt.com/
Author: the digital identity team
Author URI: https://thedigitalidentity.com/
Description: 
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: landscape2025
Tags: 
*/

button {
	cursor: pointer; /* shows hand cursor */
}

nav.navbar {
	height: 100px;
}

nav.navbar .navbar-nav .dropdown-menu {
		border-radius: 0;
		padding: 40px 55px;
		top: 2px !important;
	}

/* remove side padding so the 570px image can fit */
.blog-post-preview.large .image-preview img {
	max-width: 100%;
	height: auto;
	display: block;
}

.blog-post-preview.large .image-preview img{
	width:570px;       /* force the rendered width */
	max-width:none;    /* prevent shrinking */
}

.blog-post-preview.large .image-preview{
	padding:0;
}

.rev_slider .tp-caption.text-style-4 {
	padding-top: 20px !important;
	padding-bottom: 30px !important;
}


/* Before/After (vanilla) */
.ba-compare{
	--pos:50%;
	position:relative;
	overflow:hidden;
	width:100%;
}
.ba-compare img{
	display:block;
	width:100%;
	height:auto;
	user-select:none;
	pointer-events:none;
}
.ba-compare .ba-after{
	position:absolute; inset:0 0 0 0;
	clip-path: inset(0 calc(100% - var(--pos)) 0 0);
}
.ba-compare .ba-slider{
	position:absolute; left:0; right:0; bottom:12px;
	width:100%;
	-webkit-appearance:none; appearance:none;
	background:transparent;
}
.ba-compare .ba-slider::-webkit-slider-thumb{
	-webkit-appearance:none; appearance:none;
	width:18px; height:18px; border-radius:50%;
	background:#fff; border:2px solid rgba(0,0,0,.35);
	box-shadow:0 0 0 2px rgba(255,255,255,.9);
}
.ba-compare .ba-slider::-moz-range-thumb{
	width:18px; height:18px; border-radius:50%;
	background:#fff; border:2px solid rgba(0,0,0,.35);
}
.ba-compare .ba-handle{
	position:absolute; top:0; bottom:0;
	width:2px; background:rgba(255,255,255,.85);
	left:var(--pos);
	transform:translateX(-1px);
	pointer-events:none;
	box-shadow:0 0 0 1px rgba(0,0,0,.15);
}




/* Make BS4-alpha collapse + dropdowns behave even if other CSS overrides exist 
.collapse.show { display:block; } */
/* ===== MOBILE NAVBAR ONLY (≤ 991px) ===== */

@media (max-width: 991px){


	/* Burger button on the right */


	/* Collapsed panel */
	#navbar-header{
		width:100%;
		max-height:calc(100vh - 120px); /* allow page to scroll */
		overflow-y:auto;
		margin-top:8px;
	}

	/* Vertical list */
	.nav.navbar-nav{
		margin:0;
		padding:6px 0;
		width:100%;
		background-color: #fff;
	}
	.nav.navbar-nav > li{
		float:none;
		display:block;
	}
	.nav.navbar-nav > li > a{
		display:block;
		padding:12px 12px;
		border-bottom:1px solid #f0f0f0;
	}

	/* Dropdowns (support BS3 .open and BS4 .show) */
	.navbar .dropdown-menu{
		position:static;      /* keep inside the flow */
		float:none;
		display:none;
		border:0;
		box-shadow:none;
		margin:0;
		padding:0 0 8px 16px; /* indent submenu a bit */
		background:transparent;
		top: 0;
	}
	
	.navbar .dropdown.open > .dropdown-menu,
	.navbar .dropdown.show > .dropdown-menu{
		display:block;
	}

	/* Nested submenu extra indent (optional) */
	.navbar .dropdown-menu .dropdown-menu{
		padding-left:16px;
	}
}

/* =========================
DESKTOP/TABLET HEADER
========================= */
@media (min-width: 992px){
	/* one line: brand left, menu right */
	.navbar.top-spacing .container{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}

	/* brand block (logo + site title) */
	.navbar .navbar-brand{
		display: block;
		align-items:center;
		gap:12px;
		margin:0;
		padding:14px 0;
	}
	.logo-holder{ line-height:0; }
	/*   .logo-holder img, .custom-logo{
	max-height:60px; height:auto; width:auto;
} */
	.title_text{
		display:flex; flex-direction:column; line-height:1.1;
	}
	.title_text span{
		font-size:12px; opacity:.75; margin-top:2px;
	}

	/* push menu to the RIGHT */
	.navbar .navbar-collapse{ flex:1; }
	.navbar .nav.navbar-nav{
		display:flex;            /* horizontal list */
		align-items:center;
		margin-left:auto;        /* <-- right-align */
		margin-bottom:0;
	}
	.navbar .nav.navbar-nav > li{ float:none; } /* neutralize any BS3 float */
	.navbar .nav.navbar-nav > li > a{
		padding:20px 18px;
	}

	/* hide burger on desktop (your button uses .hidden-lg-up) */
	.hidden-lg-up{ display:none !important; }
}

/* keep your existing MOBILE rules intact;
nothing below alters screens ≤ 991px */

/* =========================
SLIDER HEADLINE POLISH
========================= */
.rev_slider .tp-caption.text-style-3,
.rev_slider .tp-caption.text-style-5{
	font-size:64px;
	line-height:1.15;
	font-weight:400;
	text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.rev_slider .tp-caption.text-style-4{
	font-size:20px;
	line-height:1.6;
	text-shadow:0 1px 12px rgba(0,0,0,.35);
}

/* smaller sizes for phones */
@media (max-width: 991px){
	nav.navbar .navbar-brand {
		float: none;
		display: inline;
	}
	.navbar-light .navbar-toggler {
		/* border-color: rgba(0, 0, 0, .1); */
	}
	/*   .logo-holder img, .custom-logo{ max-height:48px; } */
	.rev_slider .tp-caption.text-style-3,
	.rev_slider .tp-caption.text-style-5{ font-size:34px; }
}

/* ===== Services page (single-service.php) ===== */

/* Breadcrumbs (small, inline) */
.breadcrumbs{list-style:none;margin:15px 0;padding:0;font-size:13px}
.breadcrumbs li{display:inline-block;color:#999}
.breadcrumbs li+li:before{color:#c7c7c7}
.breadcrumbs a{color:#6c6c6c;text-decoration:none}
.breadcrumbs .current a{color:#333;pointer-events:none}

/* Left side list */
.services-list{list-style:none;margin:0 0 25px;padding:0;border:1px solid #e6e6e6;background:#fff}
.services-list li a{display:block;padding:14px 16px;color:#333;background:#f8f8f8;border-bottom:1px solid #e6e6e6;text-decoration:none}
.services-list li:last-child a{border-bottom:0}
.services-list li a:hover{background:#6FC141 !important}
.services-list li.active a{background:#6fc141;color:#fff;position:relative}
/* .services-list li.active a:after{/* white arrow on active item 
content:"";position:absolute;right:12px;top:50%;margin-top:-6px;
border:6px solid transparent;border-left-color:#fff;
} */

/* Right stack of images */
.stacked-images{float:right;margin:0 0 10px 30px}
.stacked-images img{display:block;max-width:370px;width:100%;height:auto;margin-bottom:18px;border:1px solid #eee}

/* Title and basic spacing like the demo */
.page-content h1{font-size:36px;margin:0 0 15px}
.font-italic{font-style:italic}

/* Checkmark list (Our Key Benefits) */
.checkmarks-circle{list-style:none;padding-left:0}
.checkmarks-circle li{position:relative;padding-left:26px;margin:8px 0}
.checkmarks-circle li:before{content:"\2713";position:absolute;left:0;top:0}

.rev_slider_wrapper .services-slider .tp-tab-title {
    line-height: 18px;
    color: #FFF;
    margin-bottom: 10px;
}

/* Make stacked images drop below text on tablets/phones */
@media (max-width:991px){
	.stacked-images{float:none;margin:15px 0}
}

/* (Keep your header as-is) – menu on the right on desktop */
@media (min-width:992px){
	.navbar.top-spacing .container{display:flex;align-items:center}
	.navbar-collapse{margin-left:auto}
	.nav.navbar-nav{display:flex}
}

/* === “Recent Requests” angled image block === */
/* === Recent Requests — make the right image reach the viewport edge === */
@media (min-width: 992px){
	.angled-image-container{ position: relative; }
	.angled-image-container .container{ position: static;}

	/* optional: keep text column flushed right */
	.angled-image-container .col-gray{
		padding-right: 0;
	}

	/* Pull the image column out of the container to the viewport edge */
	.angled-image-container .col-slanted-right-left{
		position: absolute;
		top: 0;
		bottom: 0;
/* 		margin-right:10px; */

		/* This is the key: move it past the container’s gutter */
		right: calc(0 * ((100vw - 100%) / 2)) !important;
		width: calc(50% + ((100vw - 100%) / 2));
		overflow: hidden;
	}

	.angled-image-container .col-slanted-right-left img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover; /* fill without distortion */
	}
}

/* Mobile/tablet: normal flow */
@media (max-width: 991px){
	.angled-image-container .col-slanted-right-left{
		position: relative;
		right: auto;
		width: 100%;
		height: auto;
	}
	.angled-image-container .col-slanted-right-left img{
		height: auto;
	}
}


/* homepage services sctoller */


/* When exactly 4 services, make them fill the row */
.services-scroller.is-four {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* spreads them edge-to-edge */
  gap: 0;                          /* keep your current spacing if you want */
}
.services-scroller.is-four > li {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
}

}
.bx-wrapper {
     margin: 0px !important;
}


/* Responsive fallbacks */
@media (max-width: 991.98px) {
  .services-scroller.is-four > li { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 575.98px) {
  .services-scroller.is-four > li { flex: 0 0 100%; max-width: 100%; }
	.welcome_area{ margin-top: 0px !important; }
}


@media (max-width: 767px) {
  .welcome_area img,
  img.attachment-mt_welcome.size-mt_welcome {
    width: 100%;
    height: auto !important;
  }

	.col-lg-7 .w-100.h-100 {
    height: 40vh;
  }
}



/* Mobile slider captions: stack, wrap, fit, bigger buttons */
@media (max-width: 767.98px){

	nav.navbar.top-spacing {
		 top: 1px; 
	}

  .rev_slider_wrapper .tp-parallax-wrap,
  .rev_slider_wrapper .tp-loop-wrap,
  .rev_slider_wrapper .tp-mask-wrap,
  .rev_slider_wrapper .tp-caption{
    position:static!important; left:auto!important; top:auto!important; transform:none!important;
    display:block!important; box-sizing:border-box;
    width:92vw!important; max-width:92vw!important; margin:0 auto!important;
    white-space:normal!important; word-break:break-word; min-width:0!important;
  }

  .rev_slider_wrapper .tp-caption + .tp-caption{ margin-top:.9rem!important; }

  .rev_slider_wrapper .tp-caption.text-style-3{
    font-size:clamp(22px,6vw,36px)!important; line-height:1.25!important; font-weight:700!important;
    padding:1.9rem .6rem 0.4rem 0.6rem !important;
  }
  .rev_slider_wrapper .tp-caption.text-style-4{
    font-size:clamp(14px,4.4vw,18px)!important; line-height:1.45!important; padding:.45rem .6rem!important;
  }
  .rev_slider_wrapper .tp-caption.text-style-4 button{
    display:inline-flex; align-items:center; justify-content:center;
    font-size:clamp(14px,4vw,18px)!important; padding:.6rem .95rem!important;
    border-radius:10px!important; margin:.35rem .4rem 0 0!important;
  }
}

/* Tablets: a little narrower so text doesn’t touch edges */
@media (min-width:768px) and (max-width:991.98px){
  .rev_slider_wrapper .tp-caption{ max-width:88vw!important; }
}