@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: 'Helvetica-Light';
  src: url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica-Light.woff2') format('woff2'),
       url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica.woff2') format('woff2'),
       url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica-Bold';
  src: url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica-Bold.woff2') format('woff2'),
       url('https://dev.quodo.com.au/~slyco/wp-content/uploads/2025/11/Helvetica-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.entry-content p:last-child {
	margin-bottom: 0;
}

.contact-info h3 {
	margin-bottom:0;
}
.contact-col {
	height:fit-content;
}

.nf-form-wrap .nf-form-content button,
.nf-form-wrap .nf-form-content input[type=button],
.nf-form-wrap .nf-form-content input[type=submit] {
    color: #fff !important;
    background-color: #6EC1E4;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 3px;
}
.nf-form-wrap .nf-form-fields-required {
    display: none !important;
}

/*Min Height for Scrolling Counters - Lachlan 01/05/2025*/

.scrolling-counters {
	min-height: 200px;
}

body p { margin: 0 ; }
body { background-color: #000 !important; }
.elementor-button svg { width: 20px; }
.elementor-button:hover svg path {fill: transparent !important;  }
.elementor-nav-menu:after { content: unset !important; }
body #ast-scroll-top { background: var( --e-global-color-secondary );color: var( --e-global-color-astglobalcolor5 ); border: 1px solid var( --e-global-color-astglobalcolor5 ); right: 15px; bottom: 12px; }
a:focus { outline: unset; }
.site-content { overflow: hidden; }
.elementor-button-content-wrapper { align-items: center; }
.site-content .elementor-widget-image { height: 100%; }
.site-content .h-auto.elementor-widget-image { height: auto !important; }
.swiper { width: 100% !important; padding: 0 !important; }
.header .elementor-icon-list-item { width: fit-content; }
.elementor-sticky--effects { background-color: var( --e-global-color-text ) !important; box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5); }
.header .right-side { backdrop-filter: blur(10px); }

.elementor-sticky--effects .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item { color: var( --e-global-color-secondary ); }
.header.elementor-sticky--effects .elementor-nav-menu .sub-arrow path { fill: var( --e-global-color-secondary );  }
.header.elementor-sticky--effects .header-button a:hover { background-color: var( --e-global-color-secondary ) !important; color: var( --e-global-color-astglobalcolor5 ) !important; }
.header.elementor-sticky--effects .elementor-nav-menu a:hover .sub-arrow path { fill: var( --e-global-color-primary ); }

.arrow-white .elementor-swiper-button:hover svg path { fill: #fff; }
 
.elementor-swiper-button { z-index: 9 !important; }

.h-100 { height: 100%; }

.header .elementor-nav-menu--main .elementor-item.elementor-item-active, 
.header .elementor-nav-menu--main .elementor-item:hover { font-weight: 700 !important; }

.privacy-page ul { margin-bottom: 0; } 
footer a,
footer li { width: fit-content !important; }

.ace-button,
.contact-button {display: none !important; }
.header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { background-color: var( --e-global-color-secondary ) !important; color: var(--e-global-color-accent) !important; font-family: var( --e-global-typography-485122e-font-family ), Sans-serif; font-size: var( --e-global-typography-485122e-font-size ); font-weight: var( --e-global-typography-485122e-font-weight ); line-height: var( --e-global-typography-485122e-line-height ); letter-spacing:var( --e-global-typography-485122e-letter-spacing ); fill: var(--e-global-color-astglobalcolor8); padding: 16px 35px 16px 35px; width: fit-content !important; margin: 10px 20px 0;}
.header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link:hover { background-color: var(--e-global-color-astglobalcolor5) !important; color: var(--e-global-color-secondary) !important; }

.header .header-logo, 
.header .header-menu, 
.header .header-button, .header .right-side { width: fit-content !important; }
.header .elementor-nav-menu .sub-arrow { margin: 0; padding: 0; display: block; padding-left: 6px; } 
.header .elementor-nav-menu--dropdown { padding: 20px 0 20px !important; } 
.header .elementor-nav-menu--dropdown a { border-inline-start: none !important; background-color:transparent !important; } 
.header .elementor-menu-toggle { padding: 6px !important }

.slick-list .slick-track { display: flex; }

.bg-blur { backdrop-filter: blur(4px) }

.contact-form .nf-form-content input,
.contact-form .nf-form-content .list-select-wrap .nf-field-element>div,
.contact-form .nf-form-content textarea { color: var( --e-global-color-primary ) !important; border-color: #CCCCCC !important; border-width: 0 0 1px 0 !important; background: transparent !important; height: 34px !important; padding: 9px  9px 7px; font-family: 'Montserrat', Sans-serif ; line-height: 1.214; font-weight: 300; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: var( --e-global-color-secondary ); }
.contact-form .nf-field-label { margin-bottom: 5px !important; }
.contact-form .nf-form-content label { font-size: 16px; line-height: 26px; color: var( --e-global-color-secondary ); font-weight: 300; font-family: "Poppins", sans-serif; }
.contact-form .nf-field { padding-bottom: 60px; }
.contact-form .nf-form-content { padding: 0px; }
body .contact-form .nf-form-content textarea { height: 112px !important; }
.contact-form .nf-field-container { margin-bottom:0; }
.contact-form .nf-form-content input:focus,
.contact-form .nf-form-content select:focus,
.contact-form .nf-form-content textarea:focus,
.contact-form textarea:focus-visible {  border-color: #CCCCCC !important; outline: unset; }
.contact-form .nf-error.field-wrap .nf-field-element:after { display: none; } .nf-error .nf-error-msg { display: none; }
.contact-form .ninja-forms-req-symbol { color: var( --e-global-color-secondary ); } 
.contact-form .nf-error .ninja-forms-req-symbol { color: #e80000; }
body .contact-form .nf-form-wrap .nf-form-content input[type=submit] { z-index: 2; background-color: var( --e-global-color-primary ) !important; font-family: "Poppins", sans-serif, Sans-serif !important; font-size: 14px; font-weight: var( --e-global-typography-485122e-font-weight ); line-height: 1.071; letter-spacing: 0.1px; fill: varvar( --e-global-color-text ); color: var( --e-global-color-text ) !important; transition-duration: 0.5s; border-radius: 0; padding: 16px 85px 16px 85px; height: 100% !important; }
.contact-form .nf-form-wrap .nf-form-content input[type=submit]:hover { background-color: var(--e-global-color-secondary) !important; } 
.contact-form .nf-error-msg.nf-error-field-errors { display: none;}
.contact-form .submit-container .nf-field { padding-bottom: 0; }
.nf-pass.field-wrap .nf-field-element:after { display: none; }
.contact-form .nf-input-limit {margin: 0; }
.contact-form .nf-field-element { display:flex; }
.contact-form .nf-response-msg p { text-align: center; font-size: 16px; font-weight: 600;  font-family: var( --e-global-typography-text-font-family ), Sans-serif; margin: 0; }
.contact-form .nf-error .ninja-forms-field { border-color: #e80000 !important; }
body .contact-form .submit-wrap .nf-field-element { width: fit-content; padding: 2px; }
.contact-form .nf-multi-cell .nf-cell { padding: 0 35px; }
.contact-form .nf-row { margin: 0 -35px; }
body .contact-form .nf-field-container.textarea-container .nf-field { padding-bottom: 45px; }

.testimonial-section span { font-weight: 400; font-style: italic; }

.opacity-80 { opacity: 80%; }

.align-justify .elementor-widget-text-editor { text-align: justify; }

.marqee-list { gap: 14px; display: flex; flex-wrap: nowrap; animation: marquee 55s linear infinite; } 
.marqee-section { width: 100%; white-space: nowrap; display: flex; gap: 35px; overflow: hidden; flex-wrap: wrap } 
@keyframes marquee { 
    0% { transform: translate3d(0%, 0, 0); } 
    100% { transform: translate3d(-100%, 0, 0); } 
} 
.marqee-list img { width: 100%; }
.marqee-list.reverse { animation: marquee 25s linear infinite reverse; }

#project-section .elementor-swiper-button:hover path { stroke: #E65B20; }
#project-section .swiper-slide-image { width: 100%; object-fit: cover; }

.elementor-counter-title { text-align: center; }

@media (max-width: 1024px) {
    .ace-button,
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link,
    .contact-button { display: flex !important;  }
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { justify-content: center; }

    .header .right-side { background-color: transparent !important; box-shadow: unset !important; }

    .header:not(.elementor-sticky--effects, .elementor-sticky__spacer) { position: unset !important; }
    .header li .elementor-nav-menu--dropdown { padding: 0px 20px ; }
}

@media (max-width: 991px) {
    br { display: none; }
    .site-content .elementor-button,
    .header .elementor-nav-menu--dropdown .ace-button.menu-item .elementor-item.menu-link { width: 190px  !important; height: 50px; display: flex; align-items: center; justify-content: center; }
    iframe { height: 300px !important; }

    .elementor-icon-list-item { width: 100% !important; }

    .menu-footer-list ul { display: flex; flex-wrap: wrap; column-gap:20px; row-gap:0px; justify-content: center !important; flex-direction: column; } 
    .menu-footer-list ul li a { text-align: center;  justify-content: center !important; width: auto !important; } 
    .menu-footer-list ul li { width: auto !important; } 
    .menu-footer-list.quick-link ul { flex-direction: unset; }

    .position-unset { position: unset; }

    .top-right-shape { top: unset !important; bottom: 0; }

    .pod-section .elementor-image-box-img img { margin: auto; }

    .marqee-list img { margin: -30px 0; max-width: 200px; object-fit: contain; }

    #project-section .swiper-slide-image { height: 300px; }
}
@media (max-width: 767px) {
    footer a,
    footer li { width: 100% !important; text-align: center; }
    footer .elementor-icon-list-text { text-align: center; }
    .bottom-footer .elementor-inline-items { row-gap: 12px; }

    .privacy-page ul { margin: 0; } 
    .privacy-page li { list-style: none; } 
    .privacy-page li:before { vertical-align: middle; margin-right: 8px; content: ""; max-width: 5px; min-width: 5px; min-height: 5px; max-height: 5px; border-radius: 50%; display: inline-block; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(https://dev.quodo.com.au/~approvedwaste/wp-content/uploads/2025/10/circle.svg); } 

    .contact-form .nf-cell { width: 100% !important; } 
    .contact-form .nf-field-container,
    .contact-form .address-container { margin-bottom: 0; }
    .contact-form .nf-form-content input { height: 50px; }
    .contact-form .nf-form-content textarea { height: 80px !important; }
    .contact-form .submit-container { margin-top: 0 }
    .contact-form .nf-field { padding-bottom: 20px !important; }
    .contact-form .nf-multi-cell .nf-cell { padding: 0; }
    .contact-form .nf-row { margin: 0 0px; }
    .contact-form .nf-field-element { justify-content: center; }
    body .contact-form .submit-wrap .nf-field-element { margin: auto; }
} 
