/* n10-site-code: [Imported] Nine10 Custom [Nine10 CSS] · last edited by unknown on 2026-11-09 19:07:55 UTC · Nine10 entries are maintained by Nine10; use the Client entries for site changes. */
/**----------------------------------------
 Core
----------------------------------------**/
html{
	min-height: 100%;
  	height: auto;
	overflow-x:hidden;
}

body {
	min-height: 100%;
  	height: auto;
}

.light,
.light * {
	color: #fff;
}

.light a {
	color: #fff;
}

.footer-bottom p {
	margin-bottom: 0;
}

.footer-bottom a:hover {
	text-decoration: underline;
}

::selection { background: #ECECEC;}

/*------------------CUSTOM CURSOR-------------------*/
.custom-cursor {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  pointer-events: none; /* Prevent interference with interactions */
  transform: translate(-50%, -50%);
  z-index: 9999;
  will-change: transform;
  border-radius:2px;
  mix-blend-mode:difference;
  transition: width 0.2s ease, height 0.2s ease; /* Smooth scaling */
}

/* Larger cursor on hover */
.custom-cursor.hover {
  width: 80px;
  height: 80px;
}
/*------------------END CUSTOM CURSOR----------------*/

/*ul li:last-child {
	margin-bottom: 20px !important
}

.elementor-nav-menu li:last-child {
	margin-bottom: 0px !important;
}

.elementor-editor-section-settings .elementor-editor-element-setting:last-child {
	margin-bottom: 0px !important;
}

.elementor-editor-column-settings .elementor-editor-element-setting:last-child {
	margin-bottom: 0px !important;
}

.elementor-editor-widget-settings .elementor-editor-element-setting:last-child {
	margin-bottom: 0px !important;
}*/

.overflow-hidden{
	overflow:hidden;
}

.image-scale img{
	transform:scale(1.8);
}

/* Remove double arrow from Form Select fields */
/*.uael-gf-select-custom:after{
	display:none;
}*/

/*----------------------------------LENIS SCROLL-----------------------------------*/
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}
/*----------------------------------END LENIS SCROLL-----------------------------------*/
@media (max-width:992px){
.doors-wrapper{
	display:none;	
	}
}

.services .service-card .elementor-button{
	transition: color 0.3s ease-in-out;
}

.services .service-card .elementor-button-icon{
	transition: fill 0.3s ease-in-out;

}

.services .service-card h3{
	transition: color 0.3s ease-in-out;
}

.services .service-card p{
	transition: color 0.3s ease-in-out;
}

.services .service-card:hover .elementor-button{
	color:#fff!important;
}

.services .service-card:hover .elementor-button-icon{
	fill:#fff!important;
}

.services .service-card:hover h3{
	color:#fff!important;
}

.services .service-card:hover p{
	color:#fff;
}

.masked-video {
    overflow: hidden;
    -webkit-mask: url(https://www.interceptorsystems.ca/wp-content/uploads/2024/10/door-2.svg);
    mask: url(https://www.interceptorsystems.ca/wp-content/uploads/2024/10/door-2.svg);

    width: 100%;
    height: 100%;
    object-fit: cover;

    /* Adjust mask size to cover full width */
    -webkit-mask-size: cover;
    mask-size: cover;
    
    /* Positioning adjustments */
    -webkit-mask-position: center top;
    mask-position: center top;
    
    /* Ensure cross-browser consistency */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


.i-services{
	cursor:grab;
}

.equipment-contact-card h3{
	color: #fff;
}

.equipment-featured-image-container a{
	display:block;
}

.equipment-featured-image-container a::after {
    content: 'View';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: transparent;
    padding: 15px; /* Adjusted padding */
    border-radius: 50%; /* Round background */
    /*display: none;*/
    font-size: 20px; /* Adjusted font size */
    transition : all .3s linear;
	height:100px;
	width:100px;
	display: flex;
	justify-content: center;
    align-items: center;
	pointer-events:none;
}

.equipment-featured-image-container a:hover::after {
    display: flex;
	justify-content: center;
    align-items: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	pointer-events:none;
}

.elementor-slideshow__title{
	display:none;
}

@keyframes slowPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pulse {
  animation: slowPulse 3s ease-in-out infinite;
}

.safety-logos img{
	height:100px;
	width:200px;
	object-fit:contain;
	object-position:center;
}

.equipment-container-gallery img{
	object-fit:cover;
	height:250px;
	object-position:center;
}



.equipment-title-clamp-container{
	font-size:1.5vw;
}


.about-gallery img{
	object-fit:cover;
	height:600px;
	object-position:center;
}

@media (max-width:768px){
	.about-gallery img{
      height:300px;
    }
}


/* Lightbox Styles */
.video-thumbnail {
      position: relative;
      width: 100%;
      height: 250px;
      cursor: pointer;
      display: inline-block;
      object-fit: cover;
    }

    /* Overlay play button */
    .video-thumbnail .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 3rem;
      color: white;
      opacity: 0.8;
    }

    /* Lightbox styling */
    .lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.8);
      align-items: center;
      justify-content: center;
      z-index: 1000;
    }

    /* Centered video in lightbox */
    .lightbox-content {
      width: 60%;
      position: relative;
    }

      /* Close button in top-right of the lightbox */
    .lightbox-close {
      position: fixed;
      top: 40px;
      right: 40px;
      font-size: 2rem;
      color: white;
      cursor: pointer;
      z-index: 1001; /* Above other content */
    }

    /* Responsive video container */
    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #000;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

@media (max-width:768px){
	.lightbox-content {
      width: 95%;
    }
}

/* Hide split lines initially */
.split-line {
    display: inline-block; /* Required for SplitText to function */
    opacity: 0; /* Start with the text hidden */
    transform: translateY(100%); /* Position it off-screen */
}

.i-footer a{
	color:#fff;
}

.i-footer ul li{
	list-style-type:none;
}

.i-footer ul{
	padding-left:0px;
}

.i-footer a{
	font-weight:500;
}

.i-footer p{
	font-weight:500;
}

.p-indent p{
	text-indent:24px;
}

nav .sub-arrow{
	color:#fff!important;
}