/*
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
*/

.header-logo-block:before {
    content: '';
    position: absolute;
    right: -49px;
    width: 44px;
    height: 65px;
    background: #000;
    bottom: 0;
    z-index: 11;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}

.src-phone:before
{
	font-size: 24px!important;
	color: #1fcaff!important;
}

.ftr-phone .fa-phone-alt:before, .ftr-form .button-icon-left::before
{
	color: #1fcaff!important;
}

.hours {
    pointer-events: none;
}

.roofing-service .button-icon-right
{
	margin-left:0px!important;
}

.src-Service-arrow:before
{
  font-size:28px!important;
}

.service-overlay
{
	clip-path: polygon(0% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.roof-type:hover .service-overlay .fusion-column-wrapper
{
	background: rgba(31,202,255,0.67)!important;
}

.process-block .image img
{
	background-color: #ffffff;
    border: 1px solid #1fcaff;
    padding: 10px;
	position: absolute;
    right: 20px;
    top: -20px;
}

.process-block .content-container
{
	font-size:16px!important;
	line-height:30px!important;
}

.process-block .heading, .process-block .content-container
{
	text-align: left!important;
}

.process-block .content-box-wrapper
{
	padding:80px 20px 40px 20px!important;
	border: 1px solid #1fcaff;
}

.process-block
{
	counter-reset: our-process;
}

.process-block .fusion-content-boxes .content-box-column:before {
    counter-increment: our-process;
    content: "0" counter(our-process);
    opacity: 0.200;
    font-size: 70px;
    line-height: 38px;
    text-transform: uppercase;
    color: #1fcaff;
    font-weight: 700;
    font-family: "Volkhov";
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 20px;
}

a.fusion-button:not(.button-custom):before, .div_btn:before{
    content: '';
    background: transparent;
    border: 1px solid #1fcaff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -5px;
    left: -5px;
    z-index: -1;
}

.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:145px!important;
	margin-bottom:-8px!important;
}

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

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

.display-counter, .unit
{
	font-weight: 700;
	font-family: "Volkhov";
	position:relative;
}

.counter-box-content
{
  font-weight:500!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, .md-br, .fusion-sticky-transition .header-logo-block:before
{
	display:none!important;
}

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

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

.ftr-form  .nf-form-content .list-select-wrap .nf-field-element > div {
	background-color: #f4fcfe;
    border: 1px solid #c4c4c4;
	color:#000!important;
}

.ftr-form .nf-form-content select.ninja-forms-field option {
	background-color: #f4fcfe;
    border: 1px solid #c4c4c4;
	color:#000!important;
}

.ftr-form .nf-form-content select.ninja-forms-field:focus {
	background-color: #f4fcfe;
    border: 1px solid #c4c4c4;
	color:#000!important;
}

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

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

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

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

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

.quk-form .nf-form-content .list-select-wrap .nf-field-element > div {
	font-weight: 400;
	font-family: "Sora";
	color:#fff;
	background: rgba(255,255,255,0.2)!important;
}

.quk-form .nf-form-content select.ninja-forms-field option {
	background: rgba(255,255,255,0.2)!important;
	font-weight: 400;
	font-family: "Sora";
	color:#333;
}

.quk_form .nf-form-content select.ninja-forms-field:focus {
	background: rgba(255,255,255,0.2)!important;
	font-weight: 400;
	font-family: "Sora";
	color:#fff;
}

.quk-form .nf-form-content .list-select-wrap > div div::after {
	content: "\f0d7" !important;
	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;
}

.testimonial-content, .testimonial-name a, .featured-projects .post-card:hover .fusion-title:before
{
	color: #fff!important;
}

.fusion-panel
{
	filter: drop-shadow(0px 2px 5px rgba(31,202,255,0.18));
	padding: 10px!important;
}

.panel-heading .panel-title a.active {
    border-bottom: 1px solid #000;
    margin: 0px 30px;
    padding: 15px 0px !important;
}

div:has(> .fusion-button) {
    position: relative;
    isolation: isolate;
}

.cta-block:before {
    content: '';
    background: url(/wp-content/uploads/2026/09/CTA.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right;
	z-index: 11;
	background-size: contain;
	right: 0px;
	max-width: 930px;
}

.skyline-gallery .fusion-gallery-image
{
	position: relative;
}

.skyline-gallery .fusion-gallery-image:hover a:before {
    content: '';
    background: rgba(31, 202, 255, 0.65);
    position: absolute;
    width: 100%;
    height: 100%;
}

.skyline-gallery .fusion-gallery-image:hover a:after {
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 28px;
}

.featured-projects .post-card:hover .featured-project-heading .fusion-column-wrapper {
    background: #1fcaff;
}

.featured-project-heading .fusion-title:before {
    content: "\e907";
    font-family: 'skyline' !important;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: 8px auto;
    color: #1fcaff;
}

@media only screen and (max-width:767px)
{
	h1
	{
		font-size:24px!important;
		line-height:1.3!important;
	}
	
	h2
	{
		font-size:20px!important;
		line-height:1.3!important;
	}
	
	h3
	{
		font-size:20px!important;
	}
	
	h4
	{
		font-size:18px!important;
	}
	
	.service-overlay 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, .process-block .fusion-content-boxes
	{
		margin-bottom:0px!important;
	}
	
	.ftr-copy p
	{
		margin:0px!important;
	}
	
	.mb-br
	{
		display:block!important;
	}
	
	.sep, .lg-br, .hm-certificate .awb-background-pattern, .cta-block:before, .sep, .fusion-page-title-captions br, .featured-project-heading .fusion-title:before
	{
		display:none!important;
	}
 
	 .roof-bg
	{
		--awb-bg-image:unset!important;
	}
	
	.service-overlay
	{
		clip-path: unset!important;
		--awb-absolute-top: 0!important;
        --awb-container-position: unset!important;
	}
	
	.process-block .content-box-wrapper {
      padding: 75px 20px 20px 20px !important;
    }
	
	.process-block .content-container
	{
		line-height: 24px!important;
		font-size:14px!important;
	}
	
	.process-block .content-box-column
	{
		margin-bottom: 30px!important;
	}
	
	.fusion-page-title-captions h1
	{
		padding:30px!important;
	}
	
	.fusion-post-cards .fusion-grid-posts-cards .fusion-layout-column:last-child {
      width: 100% !important;
     }
	
	.fusion-post-cards .fusion-grid-posts-cards .fusion-layout-column:last-child:not(.featured-project-heading) > div
	{
		width:50%!important;
		margin:0 auto!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;
	}
	
	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;
	}
	
	.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, .cta-block:before
	{
		display:none!important;
	}
	
	.bg-shape
	{
		--awb-padding-bottom: 25%!important;
		--awb-padding-top: 25%!important;
	}
	
	.service-overlay
	{
		--awb-absolute-top:68%!important;
	}
	
	.process-block .content-box-column {
      width: 33.3%!important;
      margin-bottom: 30px!important;
    }

}


@media only screen and (max-width:1700px) and (min-width:1380px)
{
	
	.topbar-menu-right
	{
		--awb-padding-left: 3%!important;
	}
	
	.btn-block
	{
		--awb-padding-right: 3%!important;
	}
	
	.roofing-service
	{
		--awb-width-large:47%!important;
	}
	
	.service-overlay {
    --awb-padding-top: 31px !important;
    --awb-padding-bottom: 0px !important;
   }
	
	.slide-heading
	{
		width: 735px!important;
		font-size: 48px!important;
	}
	
	.slide-heading, .slide-subtxt, .div_btn:not(.cm_btn)
	{
		left: 3%!important;
	}
	
	.cm_btn
	{
		left:26%!important;
	}
	
	.process-block .content-box-heading {
      font-size: 22px!important;
     }
	
	.process-block .content-container {
    font-size: 15px !important;
    line-height: 24px !important;
    }
	
	.process-block .fusion-content-boxes .content-box-column:before
	{
		font-size: 48px!important;
		top: 10px!important;
	}
	
	.process-block .content-box-wrapper
	{
		padding: 60px 20px 10px 20px!important;
	}
	
	.top-phone
	{
		--awb-width-large:22%!important;
	}
	
	.blue-block
	{
		--awb-width-large:60%!important;
	}
	
	.awb-menu__main-li
	{
		margin-left:10px!important;
		margin-right:10px!important;
	}
	
	.cta-block:before
	{
		right: -50px!important;
	}
	
	.cta-block h2
	{
		font-size: 28px!important;
	}
	
	.ftr-copy, .quk-form, .process-block, .form-block, .ftr-copy
	{
		--awb-padding-right: 3%!important;
        --awb-padding-left: 3%!important;
	}
	
	.md-br
	{
		display: block!important;
	}
	
}


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

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