/*
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-facebook-f:before {
    content: "\f39e" !important;
}

.fusion-page-title-bar
{
	background-blend-mode: overlay;
}

.sercontactbox .content-box-wrapper
{
	padding:30px 30px 10px!important;
}

.sr7-btn i
{
	font-size:14px!important;
	margin-left:10px!important;
}

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

.display-counter, .unit
{
	font-weight:700!important;
	font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
	position:relative;
}

.counter-box-content
{
  font-weight:500!important;
}

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

.privacy
{
  margin-bottom: 40px;	
}

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

.mb-br, .home .fusion-page-title-bar, .career-form .nf-fu-progress, .parent-category h4
{
	display:none!important;
}

.timeline-counter {
    counter-reset: my-sec-counter;
}

.timeline-counter .heading i:before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    font-weight: 700 !important;
    font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
}

.timeline-counter .content-container
{
	background: #fff;
    border: 1px solid #e5efeb;
    padding: 0px 20px 20px!important;
	margin-top: 50px !important;
    position: relative;
	min-height: 320px;
}

.timeline-counter .content-container:hover
{
	background: #006139!important;
	color:#fff;
}

.timeline-counter .content-container:hover h3
{
	color:#fff!important;
}

.timeline-counter .heading {
    position: relative;
    padding-top: 30px;
}

.timeline-counter .content-box-shortcode-timeline {
    top: 58px !important;
}

.timeline-counter .content-box-heading {
    position: absolute;
    width: 100%;
    margin: 0 auto !important;
    top: 0;
}

.timeline-counter .content-container:before {
    content: '';
    background: url(/wp-content/uploads/2026/03/Down-arrow.png);
    position: absolute;
    width: 12px;
    height: 60px;
    background-size: cover;
    background-position: center;
    bottom: 100%;
    margin: 12px auto;
    left: 0;
    right: 0;
}


/* 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 h2
{
	text-decoration:underline!important;
}

.more-services .active h2
{
	opacity:0;
}

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

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

.service-card .fusion-imageframe
{
	filter: brightness(0) saturate(100%) invert(22%) sepia(71%) saturate(1533%) hue-rotate(130deg) brightness(94%) contrast(101%);
}

.fence-types .fusion-li-item {
    background: #e0ece7 !important;
    margin: 20px 0px;
    padding: 15px 30px !important;
    border-radius: 50px;
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.fence-types .fusion-li-item-content {
    margin-inline-start: 10px!important;
}

.fence-types .gnf-Right-arrow:before {
    font-size:42px!important;
}

.area-served .fusion-button .gnf-Location:before
{
color: #00603a!important;
}

.area-served .fusion-button:hover .gnf-Location:before
{
	color:#fff!important;
}

/*********** *************/

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

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

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

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


.ftr-form .nf-field-container {
    margin-bottom: 15px !important;
}

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

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


.quk-form .nf-form-content .list-select-wrap .nf-field-element > div {
	background: #006139 !important;
	border: 1px solid rgba(255,255,255,0.3);
	color:#ffffff;
	opacity:1;
}

.quk-form .nf-form-content select.ninja-forms-field option {
	background: #e5efeb;
	color:#000;
	opacity:1;
}

.quk_form .nf-form-content select.ninja-forms-field:focus {
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.3);
	color:#fff;
	opacity:1;
}

.ftr-form  .nf-form-content .list-select-wrap .nf-field-element > div {
	background: #fff;
	color:#333!important;
	opacity:1;
}

.ftr-form .nf-form-content select.ninja-forms-field option {
	background: #fff;
	color:#333!important;
	opacity:1;
}

.ftr-form .nf-form-content select.ninja-forms-field:focus {
	background: #fff!important;
	color:#333!important;
	opacity:1;
}

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

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


.ftr-form .nf-field-description, .ftr-form .nf-error-msg, .white-txt-link a
{
	color:#fff!important;
}

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

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

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

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

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

.ftr-form ::placeholder {
  color: #333!important;
  opacity:1!important;
}

.fence-faq .fusion-panel:has(a.active) {
    border-color: #00603a !important;
}

.fence-faq .panel-title
{
	margin-left:30px!important;
}

.fence-faq .panel-title:before {
    content: "\e904";
    font-family: 'fence-outline' !important;
    position: absolute;
    top: 0;
    bottom: 0;
	left: -5px;
    margin: 15px auto;
	color:#00603a!important;
}

.content-container h3
{
	position:relative!important;
}

.content-container h3:after {
    content: '';
    background: #00603a;
    position: absolute;
    width: 42px;
    height: 3px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
}

.content-container:hover :after
{
	background:#fff!important;
}

.timeline-counter .content-wrapper:has(.content-container:hover) .heading i
{
	background: #00603a!important;
	color:#fff!important;
}

.footercontentbox .fontawesome-icon:before
{
	top:5px!important;
	position: relative!important;
}

.footercontentbox .heading .icon span
{
	margin-right: 10px!important;
}

.ftr-form .awb-menu__main-ul
{
	justify-content : center!important;
}

.review-bg:before {
    content: '';
    background: rgba(0, 96, 58, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.footercontentbox .fusion-column:first-child {
    pointer-events: none;
 }

@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;
	}
	
	.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;
	}
	
	.service-card .fusion-layout-column:nth-child(2) {
    --awb-border-left: 1px !important;
    --awb-border-top: 0px !important;
    }
	
	.area-served .fusion-button
	{
		padding: 20px 8px!important;
	}
	
		.fence-types ul
	{
		--awb-margin-top:0px!important;
	}
	
	.fence-types .fusion-li-item
	{
		margin:20px 0px 0px 0px!important;
	}
	
	.sercontactbox .content-box-wrapper {
      padding: 10px 15px 0px !important;
    }
	
	.sercontactbox .fusion-column, .timeline-counter .content-box-column
	{
		margin-bottom:20px!important;
	}
	
	.timeline-counter .content-container
	{
		min-height:unset!important;
	}
	
	.fence-faq .panel-title a {
    padding: 0px 10px !important;
    font-size: 16px;
    line-height: 26px;
    }
	
	.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 h2
	{
		opacity:1!important;
	}
	
	.more-services .service-item.active {
      --awb-inner-bg-blend:overlay!important;
   }
	
	.fence-faq .panel-title:before
    {
    left: -15px!important;
    margin: 2px auto;
    }
	
	.fencing-scroll .fusion-post-cards
	{
		--awb-stacking-offset:100px!important;
	}
	
	.area-served .fusion-button
	{
		justify-content: flex-start!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, .quk-form .fusion-button
	{
		font-size:18px!important;
	}
	
	h4
	{
		font-size:16px!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;
	}
	
	.counter-box-content
	{
		font-size:16px!important;
		line-height:20px!important;
	}
	
	.form-block .nf-cell
	{
		width:100%!important;
	}
	
	.sep
	{
		display:inline-block!important;
	}
	
	.mb-br
	{
		display:none!important;
	}
	
	.service-card .fusion-layout-column:nth-child(1)
	{
		--awb-width-medium:35%!important;
	}
	
    .service-card .fusion-layout-column:nth-child(2) {
    --awb-border-left: 0px !important;
    --awb-border-top: 1px !important;
	--awb-width-medium:65%!important;
    }
	
	.fence-types ul
	{
		--awb-margin-top:0px!important;
	}
	
	.fence-types .fusion-li-item
	{
		margin:20px 0px 0px 0px!important;
	}
	
		.more-services .service-item, .more-services .service-item.active {
      flex: 0 0 40%!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 h2
	{
		opacity:1!important;
	}
	
	.more-services .service-item.active {
      --awb-inner-bg-blend:overlay!important;
   }
	
	.timeline-counter .content-container
	{
		min-height:235px!important;
	}
	
	.sercontactbox .fusion-column.content-box-column{
    width: 50%;
    } 

}

@media only screen and (max-width:1700px) and (min-width:1380px)
{
	
	.top-phone
	{
		--awb-width-large:22%!important;
	}
	
	.top-links
	{
		--awb-width-large:22%!important;
	}
	
	.awb-menu__main-li
	{
		margin-left:10px!important;
		margin-right:10px!important;
	}
	
	.ftr-copy
	{
		--awb-padding-right: 3%!important;
        --awb-padding-left: 3%!important;
	}
	
	.sr7-layer 
	{
		left:60px!important;
	}
	
	.white-bg-layer
	{
		width:50%!important;
	}
}

@media only screen and (min-width:1921px)
{
	.white-bg-layer
	{
		width:45%!important;
	}
}

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

@media only screen and (max-width: 800px) {
 .mobilepopup {
    display: block !important;
  }  
}
.mobilepopup {
	background: #00603a;
	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;
}