.elementor-2419 .elementor-element.elementor-element-d8c2616{--display:flex;--min-height:450px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2419 .elementor-element.elementor-element-d8c2616:not(.elementor-motion-effects-element-type-background), .elementor-2419 .elementor-element.elementor-element-d8c2616 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url('https://www.onlinefencesupplies.com.au/wp-content/uploads/2026/05/Frame-100000446321.jpg');background-position:center center;background-size:cover;}.elementor-2419 .elementor-element.elementor-element-f7b8dd9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-2419 .elementor-element.elementor-element-70e4164{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-b918a6c .woocommerce-breadcrumb{color:var( --e-global-color-7af598d );}.elementor-2419 .elementor-element.elementor-element-b918a6c .woocommerce-breadcrumb > a{color:var( --e-global-color-astglobalcolor4 );}.elementor-2419 .elementor-element.elementor-element-b0b2f2e .elementor-heading-title{font-family:"SF Pro Rounded Semibold", Sans-serif;font-weight:normal;line-height:1.2em;color:var( --e-global-color-astglobalcolor4 );}.elementor-2419 .elementor-element.elementor-element-5de6a82 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-astglobalcolor4 );}.elementor-2419 .elementor-element.elementor-element-eecec62 .elementor-button{background-color:var( --e-global-color-7af598d );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2419 .elementor-element.elementor-element-51655db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;}.elementor-2419 .elementor-element.elementor-element-51655db:not(.elementor-motion-effects-element-type-background), .elementor-2419 .elementor-element.elementor-element-51655db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2419 .elementor-element.elementor-element-01ab0a0{--spacer-size:200px;}.elementor-2419 .elementor-element.elementor-element-306945a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2419 .elementor-element.elementor-element-306945a:not(.elementor-motion-effects-element-type-background), .elementor-2419 .elementor-element.elementor-element-306945a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2419 .elementor-element.elementor-element-4dc2959{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor5 );--border-color:var( --e-global-color-astglobalcolor5 );--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-c2bb5c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2419 .elementor-element.elementor-element-c079bb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2419 .elementor-element.elementor-element-d480503{--e-image-carousel-slides-to-show:1;}.elementor-2419 .elementor-element.elementor-element-d480503 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-2419 .elementor-element.elementor-element-bb3bc96{border-radius:8px 8px 8px 8px;}.elementor-2419 .elementor-element.elementor-element-bb3bc96 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2419 .elementor-element.elementor-element-45c2ae3{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-e5705db .elementor-heading-title{text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-2419 .elementor-element.elementor-element-ef42b63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-2419 .elementor-element.elementor-element-819ab72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 2px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-7af598d );--border-color:var( --e-global-color-7af598d );--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-36bde74{--display:flex;--padding-top:60px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-36bde74:not(.elementor-motion-effects-element-type-background), .elementor-2419 .elementor-element.elementor-element-36bde74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7af598d );}.elementor-2419 .elementor-element.elementor-element-8272260{--swiper-slides-to-display:4;--swiper-slides-gap:15px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2419 .elementor-element.elementor-element-8272260.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2419 .elementor-element.elementor-element-8272260 .swiper-slide > .elementor-element{height:100%;}.elementor-2419 .elementor-element.elementor-element-cdd75dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-2419 .elementor-element.elementor-element-b95da82{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-2419 .elementor-element.elementor-element-5de6a82 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2419 .elementor-element.elementor-element-8272260{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-2419 .elementor-element.elementor-element-f7b8dd9{--width:50%;}.elementor-2419 .elementor-element.elementor-element-70e4164{--width:600px;}.elementor-2419 .elementor-element.elementor-element-51655db{--width:50%;}.elementor-2419 .elementor-element.elementor-element-c2bb5c3{--width:50%;}.elementor-2419 .elementor-element.elementor-element-c079bb2{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2419 .elementor-element.elementor-element-70e4164{--width:100%;}}@media(max-width:767px){.elementor-2419 .elementor-element.elementor-element-70e4164{--padding-top:20px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2419 .elementor-element.elementor-element-b918a6c .woocommerce-breadcrumb{text-align:center;}.elementor-2419 .elementor-element.elementor-element-b0b2f2e{text-align:center;}.elementor-2419 .elementor-element.elementor-element-5de6a82{text-align:center;}.elementor-2419 .elementor-element.elementor-element-5de6a82 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2419 .elementor-element.elementor-element-8272260{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-51655db *//* Apply clipping and angled border only on tablet and desktop screens */
@media (min-width: 769px) {
    /* 1. Clip the container background image layer */
    .angled-hero-section,
    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section > .elementor-background-overlay,
    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section::before {
        -webkit-clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
        clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    }

    /* 2. Create the white border strip using an independent pseudo-element layer */
    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section {
        position: relative !important;
        overflow: visible !important; /* Prevents hidden clipping issues */
    }

    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: #ffffff !important; /* White line color */
        z-index: 5 !important; /* Forces it to sit perfectly on top of the image seam */
        pointer-events: none !important;
        
        /* Matches the exact slant but keeps a 5px visible slice on the left edge */
        -webkit-clip-path: polygon(18% 0%, 19.5% 0%, 1.5% 100%, 0% 100%) !important;
        clip-path: polygon(18% 0%, 19.5% 0%, 1.5% 100%, 0% 100%) !important;
    }
}

/* Explicit Mobile Reset (optional safeguard for screens under 769px) */
@media (max-width: 768px) {
    .angled-hero-section,
    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section > .elementor-background-overlay,
    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section::before {
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    .elementor-2419 .elementor-element.elementor-element-51655db.angled-hero-section::after {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1430 */.marquee {overflow:hidden; padding:13px 0; }
.marquee-track { display:flex; white-space:nowrap; animation:marquee 30s linear infinite; }
.marquee-item a{
    color:#fff;
}
.marquee-item {font-size:.74rem; font-weight:700; color:#fff; letter-spacing:.14em; text-transform:uppercase; padding:0 10px; display:flex; align-items:center; gap:14px; flex-shrink:0; }
.marquee-item .dot { color:#fff; }
@keyframes marquee { to { transform:translateX(-50%); } }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0eb9b12 */.elementor-shortcode{
    display:block !important;
    overflow:hidden;
    width:100%;
}

.elementor-widget-shortcode{
    display:block !important;
    overflow:hidden;
    width:100%;
}

.elementor-widget-shortcode .elementor-widget-container{
    display:block !important;
    overflow:hidden;
    width:100%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0eb9b12 */.elementor-shortcode{
    display:block !important;
    overflow:hidden;
    width:100%;
}

.elementor-widget-shortcode{
    display:block !important;
    overflow:hidden;
    width:100%;
}

.elementor-widget-shortcode .elementor-widget-container{
    display:block !important;
    overflow:hidden;
    width:100%;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8272260 */.diypac .prod-item {
  max-width: 320px;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8272260 */.diypac .prod-item {
  max-width: 320px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-display:swap;
	font-family: 'SF Pro Rounded Semibold';
	font-display: auto;
	src: url('https://www.onlinefencesupplies.com.au/wp-content/uploads/2026/05/sf-pro-rounded-semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */