/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


.fa-phone-alt:before {
    background: url(/wp-content/uploads/2025/09/phone.svg);
    color: transparent;
	background-repeat:no-repeat;
}

.fusion-page-title-bar:before {
    content: '';
    background-image: linear-gradient(90deg, rgba(24, 24, 24, 0.9999999999999999) 0%, rgba(24, 24, 24, 0) 80%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
	top:0;
}

.fusion-page-title-bar
{
	position:relative;
}

.sr7-btn i
{
	top:2px!important;
}

.sr7-layer .fa-check:before {
    background: url(https://wip.staging.domains/wp-content/uploads/2025/09/Check.svg);
    color: transparent;
    background-size: contain;
    filter: brightness(0) invert(1);
}

.ftr-copy p
{
	margin:0px!important;
}

.header-top .fa-phone-alt:before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(52%) saturate(759%) hue-rotate(4deg) brightness(106%) contrast(98%);!important;
}

.shop-link
{
	text-transform: none;
    font-style: italic;
}

.shop-link a:after {
    content: '';
    background: url(/wp-content/uploads/2025/11/I360-Local-Logo.jpg);
    position: absolute;
    height: 100%;
    background-repeat: no-repeat;
    left: 100%;
    width: 100%;
    margin-left: 10px;
	background-size:contain!important;
}

.wip-up-right-arrow:before {
    font-size: 14px;
    top: -4px;
    position: relative;
}

.wrap-types .fusion-read-more, .fusion-read-more:after {
    color: #fae800;
    margin-left: 0px !important;
}

.fusion-read-more:after
{
	top:58%!important;
}

.wrap-types .heading {
    margin-bottom: 5px !important;
}

.wrap-types .content-box-column {
    margin-bottom: 25px !important;
}

.wrap-types .content-box-heading
{
	font-weight: 500;
    font-family: "Jost";
	line-height:1.2!important;
}

.wrap-types .fusion-column-anchor:hover:before
{
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(143, 56, 204, 0.9) 100%)!important;
}

.wrap-types .fusion-column-anchor:before {
    content: '';
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9999999999999999) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.certified-block .fusion-gallery-image:hover
{
	border-color:#000!important;
}

.ftr-block .content-box-column, .ftr-block .heading
{
    display: flex!important;
    align-items: center;
    justify-content: center;
    text-align: center;	
	margin-bottom:10px!important;
}

.ftr-block .fa-map-marker-alt:before {
    background: url(/wp-content/uploads/2025/09/Location.svg);
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    top: 0;
}

.ftr-block .fa-clock:before {
    background: url(/wp-content/uploads/2025/09/clock.svg);
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
}

.price:hover .price-box
{
	background-color:#fff!important;
}

.price-box {
    background-color: #fae800;
    padding: 5px 10px;
    font-size: 22px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    font-family: "Jost";
}

.fusion-page-title-wrapper {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
	align-items: flex-start !important;
}

.clip-block
{
	clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
}

.clip-block:before {
    content: '';
    background: #fae800;
    width: 97%;
    height: 100%;
    position: absolute;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
}


/* Step 1: Set the flex layout */
.more-services {
  display: flex;
}

/* Step 2: Basic style for all columns */
.more-services .service-item {
  flex: 1;
  transition: flex 0.5s ease;
}

/* Step 3: Default expanded column */
.more-services .service-item.active {
  flex: 2;
  transition: flex 0.5s ease;
  --awb-inner-bg-blend:none!important;
}

.service-item.active a:after {
    content: '';
    background-image: linear-gradient(182deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.9999999999999999) 90%);
    position: absolute;
    width: 100%;
    height: 100%;
	top:0;
}

.more-services:hover .service-item a:hover {
  flex: 2; /* hovered column expands */
  transition: flex 0.5s ease;
}

.more-services .active h4
{
	text-align:center!important;
}

.more-services .active img
{
	display:none!important;
}

.more-services .active:before
{
	opacity:0;
	transition: opacity 0.5s ease;	
}

body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: service-counter;
}

.service-item::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: service-counter;
  content: "0"counter(service-counter);
  font-size: 75px;
  letter-spacing: 2px;
  color: transparent;
  font-weight: 400;
  font-family: "Bowlby One";
  position:absolute;
  left:30px;
  top:0px;
  z-index:11;
  -webkit-text-stroke: 1px #fff;
} 

.our-process img
{
	filter: brightness(0) invert(1);
}

.our-process .fusion-imageframe {
    padding: 55px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.our-process .steps:hover .fusion-imageframe
{
	background:#fff!important;
}

.our-process .steps:hover h4
{
	color:#fae800!important;
}

.our-process .steps:hover img
{
	filter:unset!important;
}

.step-count {
    font-size: 55px;
    letter-spacing: 1px;
    color: transparent;
    font-weight: 400;
    font-family: "Bowlby One";
    text-align: center;
    -webkit-text-stroke: 1px #fff;
	margin-left:10px;
}

.our-process .steps:hover .step-count
{
	-webkit-text-stroke: 1px #fae800;
}

.step-title h4
{
	display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
/*
.commercial-wraps
{
	min-height:400px;
}*/

.commercial-wraps .fusion-title
{
	background: #fff;
    padding: 10px 20px;
	position:relative;
}

.commercial-wraps .fusion-title:after {
    content: "\e905";
    font-family: 'wrap-up' !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fae800;
    padding: 6px 15px;
    font-size: 20px;
}

.quk-form .nf-field-container
{
	margin-bottom:0px!important;
}

.quk-form .nf-form-content
{
	padding-bottom:0px!important;
}

.quk-form .nf-cell {
    width: 16.6% !important;
}

.quk-form .button-icon-left
{
	margin-right:10px!important;
}

.ftr-form textarea
{
	height:160px!important;
}

.service-icon
{
	opacity:0!important;
	margin-bottom:-40px!important;
}

.service-block
{
	min-height:270px!important;
}

.ftr-block textarea
{
	height:110px!important;
}

.ftr-block .nf-field-container {
    margin-bottom:10px !important;
}

.services .fusion-column-wrapper .fusion-layout-column:hover h4
{
	color:#fff!important;
}

.services .fusion-column-wrapper .fusion-layout-column:hover .service-icon
{
	opacity:1!important;
	margin-bottom:0px!important;
}

.services .fusion-column-wrapper .fusion-layout-column:hover img
{
	filter: brightness(5)!important;
}

.why-counter .content-box-counter:before {
    content: '';
    background-color: #e9e3ef;
    width: 84px;
    height: 84px;
    position: absolute;
    border-radius: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.unit
{
	font-size:42px!important;
}

.display-counter, .unit
{
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Bowlby One";
	text-align: center;
}

.result-counter .fusion-counter-box:hover .counter-box-icon:before {
    color: #fae800;
}

.counter-box-content
{
  font-weight:300!important;
  line-height:1.4!important;
}

.counter-box-container
{
	padding:20px 0px!important;
}

.privacy
{
	margin-bottom:30px;
}

.privacy .wp-block-heading {
    margin-bottom: 10px;
}

.mb-br, .home .fusion-page-title-bar
{
	display:none!important;
}

.contactus a, .ftr-copy a
{
	color:#333!important;
}

.contactus a:hover, .ftr-copy a:hover
{
	color:#6e4394!important;
}

.ftr-block .nf-form-content .list-select-wrap .nf-field-element > div {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.ftr-block .nf-form-content select.ninja-forms-field option {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.ftr-block .nf-form-content select.ninja-forms-field:focus {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.ftr-block .nf-form-content .list-select-wrap > div div::after {
	content: "\f0d7" !important;
	color: #000 !important;
}

.quk-form .nf-form-content .list-select-wrap .nf-field-element > div {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.quk-form .nf-form-content select.ninja-forms-field option {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.quk_form .nf-form-content select.ninja-forms-field:focus {
    font-weight: 400;
    font-family: "Jost";
	background-color: #ffffff;
}

.quk-form .nf-form-content .list-select-wrap > div div::after {
	content: "\f0d7" !important;
	color: #000 !important;
}

.quk-form ::-webkit-input-placeholder { /* Edge */
  color: #000!important;
  opacity:1!important;
}

.quk-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000!important;
  opacity:1!important;
}

.quk-form ::placeholder {
  color: #000!important;
  opacity:1!important;
}

.ftr-block ::-webkit-input-placeholder, .ftr-block textarea::-webkit-input-placeholder { /* Edge */
  color: #000!important;
  opacity:1!important;
}

.ftr-block :-ms-input-placeholder, .ftr-block textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000!important;
  opacity:1!important;
}

.ftr-block ::placeholder, .ftr-block textarea::placeholder {
  color: #000!important;
  opacity:1!important;
}

.steps:nth-child(1):after {
    content: '';
    background: url(/wp-content/uploads/2025/09/Cursive-down-arrow.svg);
    position: absolute;
    width: 150px;
    height: 55px;
    background-repeat: no-repeat;
    top: 0;
    bottom: 35%;
    margin: auto;
    right: -75px;
}

.steps:nth-child(2):after {
    content: '';
    background: url(/wp-content/uploads/2025/09/Cursive-up-arrow.svg);
    position: absolute;
    width: 150px;
    height: 55px;
    background-repeat: no-repeat;
    top: 0;
    bottom:20%;
    margin: auto;
    right: -75px;
}

.awb-background-pattern
{
	background-repeat:no-repeat!important;
	background-position:right bottom!important;
}

.about-history a
{
	color:#03b3e7!important;
}

.about-history a:hover
{
  color:#892dc9!important;	
}

.price .fusion-text-2 {
    min-height: 145px;
}

.parent-category:nth-child(2) ul.depth-1
{
	display:grid!important;
}

ul.depth-1 li:nth-child(1) {
    order: 4!important;
}

ul.depth-1 li:nth-child(2) {
    order: 3!important;
}

ul.depth-1 li:nth-child(3) {
    order: 1!important;
}

ul.depth-1 li:nth-child(4) {
    order: 2!important;
}

@media only screen and (max-width:767px)
{
	h1
	{
		font-size:34px!important;
		line-height:1.3!important;
	}
	
	h2
	{
		font-size:22px!important;
		line-height:1.3!important;
	}
	
	h3
	{
		font-size:20px!important;
	}
	
	.owner-block h3
	{
		font-size: 18px !important;
        line-height: 30px !important;
	}
	
	h4
	{
		font-size:16px!important;
	}
	
	p, li, .fusion-button, .counter-box-content , .panel-body, .timeline-text
	{
		font-size:14px!important;
		line-height: 22px!important;
	}
	
	.result-counter .fusion-counter-box {
      float: left!important;
      width: 50%!important;
      }
	
	.display-counter, .unit
	{
		font-size:32px!important;
	}
	
	.counter-box-container
    {
	padding:0px!important;
    }
	
	.fusion-counters-box .content-box-counter
	{
		line-height:42px!important;
	}
	
	.ftr-form .nf-field-container
	{
		margin-bottom:0px!important;
	}
	
	.ftr-copy p
	{
		margin:0px!important;
	}
	
	#ftr-contact img
	{
		width:280px!important;
	}
	
	#ftr-contact .menu-item
	{
		padding-bottom:0px!important;
	}
	
	.mb-br
	{
		display:block!important;
	}
	
	.sep, .lg-br, .hm-certificate .awb-background-pattern
	{
		display:none!important;
	}
	
	.mb-radius-left .fusion-layout-column:nth-child(1), .mb-radius-right .fusion-layout-column:nth-child(2) {
    --awb-border-radius: 0px !important;
     }
	
	.mb-radius-left .fusion-layout-column:nth-child(2) {
    --awb-border-radius: 60px 0px 0px 0px !important;
     }
	
	.mb-radius-right .fusion-layout-column:nth-child(1) {
    --awb-border-radius: 0px 60px 0px 0px !important;
     }
	
	.main-header-block
	{
		--awb-background-image: linear-gradient(90deg, var(--awb-color4) 45%, var(--awb-color1) 0%)!important;
	}
	
	.clip-block, .clip-block:before
	{
		clip-path:unset!important;
	}
	
	.clip-block:before{
		left:5px;
	}
	
	.mb-position
	{
		--awb-container-position:unset!important;
	}
	
	.no-bg
	{
		--awb-background-image:unset!important;
	}
	
	.our-process .fusion-imageframe
	{
		padding:30px!important;
		--awb-max-width:120px!important;
	}
	
	.why-block .content-box-column
	{
		margin-bottom:0px!important;
	}
	
	.why-block .content-container
	{
		line-height:1.4!important;
	}
	
	.sr7-layer .wip-up-right-arrow:before
	{
		font-size:11px!important;
		top:-1px!important;
	}
	
	.more-services .service-item, .more-services .service-item.active {
      flex: 0 0 80%!important;
    }
	
	.more-services .fusion-builder-row
	{
		-webkit-scrollbar-width: none!important;
        scrollbar-width: none!important;
        scroll-behavior: smooth!important;
        display: flex!!important;
        overflow: auto!important;
        scroll-snap-type: x mandatory!important;
        flex-wrap: nowrap!important;
        padding-bottom: 0!important;
        margin: 0!important;
	}
	
	.more-services .active h4
     {
	   text-align:left!important;
     }

    .more-services .active img
     {
	   display:block!important;
    }
	
	.more-services .active:before
	{
		opacity:1!important;
	}
	
	.more-services .service-item.active {
      --awb-inner-bg-blend:overlay!important;
   }

   .service-item.active:after {
    background-image: unset!important;
   }
	
	.wrap-types .fusion-read-more, .fusion-read-more:after {
      font-size:16px!important;
    }
 
}


@media screen and (min-width: 800px) {
.newletterform .ctct-form-field {
	width: 28%;
	float: left;
	padding-right: 15px;
}

.newletterform .ctct-form-field.ctct-form-field-submit {
	width: 15% !important;
    padding-right: 0  !important;
  }
}

@media only screen and (max-width:1024px) and (min-width:580px)
{
	h1
	{
		font-size:34px!important;
		line-height:1.3!important;
	}
	
	h2
	{
		font-size:27px!important;
		line-height:1.3!important;
	}
	
	h3
	{
		font-size:22px!important;
	}
	
	.owner-block h3
	{
		font-size: 18px !important;
        line-height: 30px !important;
	}
	
	h4
	{
		font-size:18px!important;
	}
	
	p, #menu-footer-menu li, .nf-element, li, .fusion-button
	{
		font-size:14px!important;
		line-height: 22px!important;
	}
	
	.fusion-li-item .icon-wrapper
	{
		height:26px!important;
		width:26px!important;
	}
	
	.display-counter, .unit
	{
		font-size:30px!important;
	}
	
	.sep
	{
		display:inline-block!important;
	}
	
	.mb-br, .lg-br
	{
		display:none!important;
	}

}

@media only screen and (max-width:1820px) and (min-width:1380px)
{
	
	.top-phone
	{
		--awb-width-large:22%!important;
	}
	
	.top-links
	{
		--awb-width-large:22%!important;
	}
	
	.awb-menu__main-li
	{
		margin-left:15px!important;
		margin-right:15px!important;
	}
	
	.ftr-copy
	{
		--awb-padding-right: 3%!important;
        --awb-padding-left: 3%!important;
	}
	
	.wrap-hover
	{
	  --awb-padding-top: 12%!important;
      --awb-padding-right: 12.5%!important;
    --awb-padding-bottom: 12%!important;
    --awb-padding-left: 12.5%!important;
	}
	
	.pricing-block
	{
	   --awb-padding-left: 5%!important;
       --awb-padding-right: 5%!important;
	}
	
	.quk-form .fusion-layout-column:nth-child(1)
	{
		--awb-width-large:18%!important;
	}
	
	.quk-form .fusion-layout-column:nth-child(2)
	{
		--awb-width-large:82%!important;
	}
	
}

/******** Mobile Footer Block Code ********/

@media only screen and (max-width: 800px) {
 .mobilepopup {
    display: block !important;
  }  
}
.mobilepopup {
	background: #892dc9;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	display: none;
  left: 0;
  right: 0;
}

.popup-title {
	margin: 0;
	padding: 10px;
	text-align: center;
	color: #FFFFFF !important;
	font-size: 18px !important;
	letter-spacing: 0.8px !important;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

.popup-title a, .popup-title a:hover {
	color: #FFFFFF !important;
}

.mobile img, .mobile span {
	vertical-align: middle;
}

.mobile.sms{
	border-right: 1px solid #FFF;
}

.mobile {
	width: 50%;
	float: left;
	text-align: center;  
}

.mobile img {
	display: inline-block;
  width: 32px;
}

.mobile span {
	margin-left: 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}

.mobile a {
	padding: 20px 0;
	display: block;
}

.mobile {
	width: 50%;
	float: left;
	text-align: center;
}
