/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
::-webkit-scrollbar
{
 width: 8px;
}


/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #cacaca;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #704112;
  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #704112; 
}
a:hover, a:focus{
	outline:0!important;
}
p:last-child
{
	margin-bottom:0;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{
	padding:0 10px;
}
.ekit-wid-con .ekit_sidebar-textwidget
{
	padding-top:15px !important;
}
.home .header-1
{
	position:absolute;
	width:100%;
	z-index:5;
	background:transparent !important;
}

.head_1 .elementor-widget-container
{
	    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #830c2f;
    border-radius: 100%;
    display: inline-block;
    left: -34px;
    top: -39px;
}
.head_1 .elementor-widget-container h2
{
	font-size:18px;
	color:#fff;
	line-height:40px;
}
.circle_1
{
	
    text-align: center;
}
.circle_1 .elementor-widget-container
{
	      width: 185px;
    height: 185px;
    margin: 0% auto;
}
.circle_1 .elementor-widget-container h2
{
	position: absolute;
    text-align: center;
    line-height: 172px;
    width: 185px;
    font-size: 50px;
    color: #830c2f;
}
.circle_1 .elementor-widget-container svg
{
	padding-top:0px;
}
.rotate .e-text-path
{
	    animation: rotation 20s infinite linear;
}
@keyframes rotation
{
	0% {
    -webkit-transform: rotate(0deg);
}
	100% {
    -webkit-transform: rotate(359deg);
}
}
.elementor-section .elementor-container
{
/* 	z-index:2; */
}
.elementor-element-7dfe8d2
{
	    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.elementor-element-7dfe8d2 .elementor-container
{
	 z-index: 1;
}
.elementor-element-7dfe8d2 .elementor-container, .elementor-element-7dfe8d2 .elementor-widget-wrap, .elementor-element-7dfe8d2 .elementor-widget-html
{
	height:100%
}
.elementor-element-7dfe8d2 .line
{
	    width: 1px;
    height: 100%;
    background: #ffffff21;
   
    position: absolute;
}
.elementor-element-7dfe8d2 .line2
{
	margin-left:25%;
}
.elementor-element-7dfe8d2 .line3
{
	margin-left:50%;
}
.elementor-element-7dfe8d2 .line4
{
	margin-left:75%;
}
.elementor-widget-video .elementor-wrapper video
{
border-radius: 15% 15% 0 0;	
}
.projs .qodef-qi-interactive-banner
{
	border-radius: 15px 15px 0 0;
}
.projs .qodef-layout--from-bottom:before
{
	    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(0deg, #476f2fde, rgb(34 34 34 / 0%));
    z-index: 3;
    transition: all 0.3sease;
}
.projs .qodef-m-content
{
	z-index:4;
}
.projs2 .qodef-layout--from-bottom img
{
	
}
.projs .qodef-layout--from-bottom:hover img
{
	transform: scale(1.2);
}
.projs .qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-content
{
	    align-items: flex-end;
	text-align:right;
}
.projs2 .qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-content
{
     align-items: flex-start;
	text-align:left;
}
.projs2 .qodef-layout--from-bottom img
{
	width: 100%;
   aspect-ratio: 1 / 1;
    object-fit: cover;
}
@media(max-width:767px)
{
	.projs2 .qodef-layout--from-bottom img
{
	aspect-ratio: 1 / 1;
	}
}
.box2 .elementor-icon
{
    background: #f0fff0;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 12px;
	position:relative;
}
.box2 .elementor-icon:before
{
content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #2a7d2e;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;	
}
.box2:hover .elementor-icon svg
{
	color:#fff;
	fill:#fff !important;
	position:relative;
	z-index:2;
}
.box2:hover .elementor-icon svg path
{
	fill:#fff !important;
}
.box2:hover .elementor-icon:before
{
	transform: scale(1);
}
.image-anime .elementor-widget-container, figure.image-anime
{
	position:relative;
	overflow:hidden;
}
.image-anime .elementor-widget-container:after, figure.image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.image-anime .elementor-widget-container:hover:after, figure.image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear !important;
    background-color: transparent;
}
.box1 .pp-info-box-content
{
	position: absolute;
    bottom: 0px;
    left: 5%;
    z-index: 3;
    width: 90%;
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(10px);
    right: 5%;
    bottom: 8%;
    border-radius: 8px;
    padding: 10px 20px;
}
.box1 .pp-info-box .pp-info-box-icon
{
	position:relative;
}
.box1 .pp-info-box .pp-info-box-icon img
{
	vertical-align: middle;
    
    object-fit: cover;
    border-radius: 15px !important;
	
}
.box1 .pp-info-box .pp-info-box-icon:after
{
/*     content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(1 1 1 / 53%) 89%, rgb(0 0 0 / 96%) 100%);
	border-radius:15px; */
}
.box1 .pp-info-box-footer
{
	position: absolute;
    right: 20px;
    bottom: 20px;
}
.box1 .pp-info-box-subtitle
{
	margin-bottom:0 !important;
}
.box1 .pp-info-box .pp-info-box-icon
{
	position:relative;
	overflow:hidden;
	transition:1s ease all;
}
.box1 .pp-info-box .pp-info-box-icon img
{
	transition:500ms ease all;
}
.box1 .pp-info-box:hover .pp-info-box-icon img
{
	transform:scale(1.1);
}
.sec-bg-1 {
    position: relative;
    overflow: hidden;
}
.sec-bg-1:before {
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(https://stealthmedia.nz/demo/lopez/wp-content/uploads/2025/05/breadcrumb-mask-image.png);
    mask-image: url(https://stealthmedia.nz/demo/lopez/wp-content/uploads/2025/05/breadcrumb-mask-image.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: top;
    mask-position: top;
    background: #fffaf6;
    left: 0;
    bottom: calc(-1 * clamp(0.625rem, -0.5628rem + 5.4299vw, 8.125rem));
    top: auto;
    transform: scaleY(-1);
    z-index: 99;
    
}
.acc_1 .pp-accordion-item:hover {
    background: #d9ef82;
}
.acc_1 .pp-accordion-item.pp-accordion-item-active {
    background: #d9ef82;
}
.sec-bg-2 {
    position: relative;
    overflow: hidden;
}
.sec-bg-2:before {
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(https://stealthmedia.nz/demo/lopez/wp-content/uploads/2025/05/breadcrumb-mask-image.png);
    mask-image: url(https://stealthmedia.nz/demo/lopez/wp-content/uploads/2025/05/breadcrumb-mask-image.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: top;
    mask-position: top;
    background: #fff;
    left: 0;
    bottom: calc(-1 * clamp(0.625rem, -0.5628rem + 5.4299vw, 8.125rem));
    top: auto;
    transform: scaleY(-1);
    z-index: 99;
    
}
.box25.elementor-inner-column {
    transition: all .3s ease;    
}
.box25.elementor-inner-column:hover {
 transform: translateY(-7%);    
}
.box31 .elementor-icon
{
    background: #f0fff0;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 12px;
	position:relative;
}
.box31 .elementor-icon:before
{
content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #2a7d2e;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;	
}
.box25.elementor-inner-column:hover .elementor-icon svg
{
	color:#fff;
	fill:#fff !important;
	position:relative;
	z-index:2;
}
.box25.elementor-inner-column:hover .elementor-icon svg path
{
	fill:#fff !important;
}
.box25.elementor-inner-column:hover .elementor-icon:before
{
	transform: scale(1);
}
.home_video.elementor-widget-video .elementor-wrapper iframe
{
	border-radius:25px;
}