/* Theme Name: Dekacon v1.0 Theme URI: https://github.com/elementor/hello-theme/ Description: Dekacon v1.0 is a custom theme built on Hello theme by Elementor. Author: CRM Template: hello-elementor Version: 3.3.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /**************************** Table of Contents - 1.Color Reference - 2.Typography - 3.General - 4.Header/Main Navigation - 5.Mobile Navigation - 6.Forms - 7.Home Page - 8.Sub Pages - 9.Footer - 10.Elementor Overrides - 11.Woocommerce - 12.Google Reviews Panel - 13.Media Queries ***************************/ /**__1.Color Reference__**/ /* var(--e-global-color-primary); var(--e-global-color-secondary); var(--e-global-color-text); var(--e-global-color-accent); */ html{scroll-behavior: smooth;} a:hover{cursor:pointer!important;} .no-scroll{overflow:hidden;} /**__2.Typography__**/ .no-margin, .no-margin p, .no-margin p:last-child{margin-bottom:0;} .red-text b{color:var(--e-global-color-accent);} /**__3.General__**/ ul + p{margin-top:1em;} ul.tick{list-style:none;padding: 0;} ul.tick li {position:relative;padding-left: 46px;padding-bottom: 34px;} ul.tick li:before{content:'';background: var(--e-global-color-primary);height:32px;width:32px;display:inline-block;border-radius: 3px;position:absolute;left: 3px;top: -5px;} ul.tick li:after{ content:''; border-top:4px solid #fff; border-right:4px solid #fff; transform:rotate(135deg); height:11px; width:17px; display:inline-block; position:absolute; left: 10px; top: 4px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); } ul.tick.tick-alt li {padding-left:55px;} ul.tick.tick-alt li:before{top:4px;} ul.tick.tick-alt li:after{top:12px;} .custom-ul ul{list-style:none;padding: 0;margin-left:10px;} .custom-ul li {position:relative;padding-left: 30px;padding-bottom: 15px;} .custom-ul li:before{content:'';background: var(--e-global-color-accent);height:20px;width:20px;display:inline-block;border-radius: 50%;position:absolute;left: 3px;top: 1px;} .custom-ul li:after{ content:''; border-top:3px solid #000; border-right:3px solid #000; transform:rotate(45deg); height:8px; width:8px; display:inline-block; position:absolute; left: 8px; top: 7px;} .custom-ul ul ul{margin-top:10px;} .custom-ul ul ul li:last-child{padding-bottom:0px;} /**__4. Header/Main Navigation__**/ /* #main-header{transition:all linear 0.2s;} #main-header.scrolled-header {position:fixed;z-index:999;top:0px;transition:all linear 0.2s; box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);} #main-header .sub-menu {min-width:100%!important;} .scrolled-header div#top-logo {transform: scale(0.6) translateY(39px);transition: all linear 0.2s;} */ #top-header.scrolled-header {background: #000;} .desktop-cta p{margin-bottom:0;} #mobcta a{text-align:left;} /**__5.Mobile Navigation__**/ .mob-menu{overflow-y: scroll!important;height:100vh;} .mob-menu a {width: 100%;justify-content: space-between;} .mob-menu span.sub-arrow {background: transparent; padding: 14px 18px!important;position: absolute; right: 3px; top: 9px; border-left: 1px solid #fff;} .mob-menu .elementor-nav-menu .sub-arrow i{font-size:20px;} .mob-menu .has-submenu.highlighted .sub-arrow i{transform:rotate(180deg);} .mob-menu .menu-item-has-children .sub-menu{background:var(--e-global-color-a69993f)!important;} .mob-menu .menu-item-has-children .sub-menu a{font-size:14px!important;} /* edit the hamburger and close icon colors here */ .ecbd-button {--hamburger-color: #fff;--close-x-color: #fff;display: block;height: 18px;cursor: pointer;position: relative;z-index: 101;} /* must add in elementor template ID number to make the menu full width */ .elementor-189 {width: 100%;} /* end editing */ .ecbd-navigation { position: fixed; top: 0; left: 0; transform: translateX(-100%); overflow: hidden; transition: transform 0.2s; width: 100%; height: 100vh; z-index: 100; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .ecbd-navigation {display: flex;justify-content: center;align-items: center;} /* toggle hamburger*/ .ecbd-button .ecbd-hamburger {position: relative;} .ecbd-button .ecbd-hamburger span{display: block;height: 2px;width: 34px;background: var(--hamburger-color);transform-origin: 50% 50%;transition: all 0.1s 0.2s ease, transform 0.2s ease;} .ecbd-button .ecbd-hamburger span:nth-child(2) { transform: translate(0, 6px); -webkit-transform: translate(0, 6px); -moz-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -o-transform: translate(0, 6px); } .ecbd-button .ecbd-hamburger span:nth-child(3) { transform: translate(0, 12px); -webkit-transform: translate(0, 12px); -moz-transform: translate(0, 12px); -ms-transform: translate(0, 12px); -o-transform: translate(0, 12px); } .ecbd-nav_control {position: absolute;left: -9999px;width: 100%;clip: rect(0, 0, 0, 0);} .ecbd-nav_control:checked~.ecbd-navigation { transform: translateX(0); opacity: 1; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger {top: 27px;position: fixed;left: 18px;padding: 17px 0px;} /* closed X */ .ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span {background: var(--close-x-color);transition: all 0.1s ease, transform 0.1s 0.2s ease;} .ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:first-child {opacity: 0;display:none;} .ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:nth-child(2) { transform: translate(0, 6px) rotate(45deg); -webkit-transform: translate(0, 6px) rotate(45deg); -moz-transform: translate(0, 6px) rotate(45deg); -ms-transform: translate(0, 6px) rotate(45deg); -o-transform: translate(0, 6px) rotate(45deg); } .ecbd-nav_control:checked~.ecbd-button .ecbd-hamburger span:nth-child(3) { transform: translate(0, 4px) rotate(-45deg); -webkit-transform: translate(0, 4px) rotate(-45deg); -moz-transform: translate(0, 4px) rotate(-45deg); -ms-transform: translate(0, 4px) rotate(-45deg); -o-transform: translate(0, 4px) rotate(-45deg); } /**__6.Forms__**/ #custom-form input, #custom-form textarea, #custom-form select{border:solid 1px #CCCCCC;border-radius:0;} #custom-form input, #custom-form select{min-height:50px;} #custom-form h3.gsection_title {font-size: 28px;margin-bottom: 0;} #custom-form .gform_fields {grid-row-gap: 31px;} #custom-form .gform_button {background:var(--e-global-color-accent);color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:1px;border:0;border-radius:50px;min-width:200px;transition:all linear 0.2s;} #custom-form .gform_button:hover{background:#000;transition:all linear 0.2s;} .gform_required_legend { display: none!important;} /**__7.Home Page__**/ .custom-carousel .swiper-pagination-bullet {height: 89px;width: 5px;border-radius:0;background: transparent;border-left: 5px solid #d9d9d9;opacity:1;margin-left:0!Important;margin-right: 0!important;padding-right: 30px;} .custom-carousel .swiper-pagination-bullet-active{background: transparent;border-left: 5px solid var(--e-global-color-accent);} .custom-carousel .swiper-pagination-bullet:hover{background: transparent;border-left: 5px solid var(--e-global-color-accent);} .custom-carousel .swiper-pagination-bullets {justify-content: space-between;display: flex;flex-direction: column;row-gap: 20px;left:10px;top: 70px;margin-top: 5em!important;bottom: unset!important;width: 5px;} .custom-carousel .swiper-slide-bg {background-position: right!important;} .custom-carousel .swiper-slide {opacity: 0;transition:opacity linear 1.5s;} .custom-carousel .swiper-slide.swiper-slide-active {opacity: 1;transition:opacity linear 1.5s;} .custom-carousel-fade .swiper-slide {opacity: 0;transition:opacity linear 1.5s;} .custom-carousel-fade .swiper-slide.swiper-slide-active {opacity: 1;transition:opacity linear 1.5s;} .custom-carousel-alt .swiper-pagination-bullet {height: 69px;width: 5px;border-radius:0;background: transparent;border-left: 5px solid #d9d9d9;opacity:1;margin-left:0!Important;margin-right: 0!important;padding-right: 30px;} .custom-carousel-alt .swiper-pagination-bullet-active{background: transparent;border-left: 5px solid var(--e-global-color-accent);} .custom-carousel-alt .swiper-pagination-bullet:hover{background: transparent;border-left: 5px solid var(--e-global-color-accent);} .custom-carousel-alt .swiper-pagination-bullets {justify-content: space-between;display: flex;flex-direction: column;row-gap: 20px;bottom: unset!important;width: 5px;} .custom-carousel-alt .swiper-slide {opacity: 0;transition:opacity linear 0.5s;} .custom-carousel-alt .swiper-slide.swiper-slide-active {opacity: 1;transition:opacity linear 0.5s;} #custom-form .gform_confirmation_message {background: #eee!important;padding: 20px!important; font-weight: bold!important;font-size: 20px!important;} /**__8.Sub Pages__**/ /* #breadcrumbs a:after { content: ''; height: 7px; width: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: inline-block; margin: 1px 15px; position: relative; top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } */ #breadcrumbs span{ padding-left:10px;padding-right:10px;} #breadcrumbs span:first-child{padding-left:0;} #breadcrumbs .breadcrumb_last {font-weight: 400;} .t-icon-list { list-style: none;margin: 0; padding: 0; display: flex; flex-direction: row; gap: 15px;} .t-list-item { height: 30px;width: 30px;} .t-list-item svg{fill:#fff;} .after-box-right{position:relative;margin-right:20px;} .after-box-right:after{content:'';height:100px;width:100px;position:absolute;background: transparent;border: 15px solid var(--e-global-color-accent);right: -14px;bottom: -14px;clip-path: polygon(100% 0, 0% 100%, 100% 100%);} .after-box-left{position:relative;margin-left:20px;} .after-box-left:after{content:'';height:100px;width:100px;position:absolute;background:transparent;border: 15px solid var(--e-global-color-accent);left:-14px;top:-14px;clip-path: polygon(100% 0, 0 0, 0 100%);} .anchor-list li { position: relative; padding-left: 30px!Important; padding-bottom:25px!important;} .anchor-list li a:before {content:'';height:40px;width:5px;background:#cbcbcb;position:absolute;left:0;transition:all linear 0.2s;} .anchor-list li a:hover:before{background:var(--e-global-color-accent);transition:all linear 0.2s;} .anchor-list li:first-child a span{color:var(--e-global-color-accent)!important;} .anchor-list li:first-child a:before{background:var(--e-global-color-accent);} .icon-tab {width: 56px;height: 50px;display: inline-block;margin-right: 20px;position:relative;top:-5px;} .tab-civil {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-civil.svg') no-repeat -0px 0px / cover;} .tab-welding { background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-weld.svg') no-repeat -0px 0px / cover;} .tab-envir { background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-env.svg') no-repeat -0px 0px / cover;} .tab-trans {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-trans.svg') no-repeat -0px 0px / cover;} .tab-demo {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-demo.svg') no-repeat -0px 0px / cover;} .tab-prof {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-prof.svg') no-repeat -0px 0px / cover;} .tab-hire {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-hire.svg') no-repeat -0px 0px / cover;} #icon-tabs button[aria-selected="true"], #icon-tabs button:hover{ .tab-civil {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-civil.svg') no-repeat 0px -56px / cover;} .tab-welding {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-weld.svg') no-repeat -0px -56px / cover;} .tab-envir {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-env.svg') no-repeat -0px -56px / cover;} .tab-trans {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-trans.svg') no-repeat -0px -56px / cover;} .tab-demo {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-demo.svg') no-repeat -0px -56px / cover;} .tab-prof {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-prof.svg') no-repeat -0px -56px / cover;} .tab-hire {background: url('https://dekacon.com.au/wp-content/uploads/2025/03/icon-hire.svg') no-repeat -0px -56px / cover;} } .testibox{background: #272828;padding: 3em;color: #fff;margin: 0 auto;position: relative; border-top: 10px solid #cf3f57;border-radius: 10px;} .testibox p{font-size:1.3rem;} .testibox + .testibox{margin-top:20px;} .testibox-job {font-style: italic;} .testibox-name {font-weight: bold;border-top: 1px solid #eeeeee29;padding-top: 20px;} .shadow-effect:before, .shadow-effect:after {z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 80%;max-width: 300px;background: #777;-webkit-box-shadow: 0 15px 10px #777;box-shadow: 0 15px 10px #777;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);} .shadow-effect:after {-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;} .startquote-icon {position: absolute;left: calc(0% - 0px);top: -10px;} .startquote-icon img{border-top-left-radius: 10px;} @media (min-width: 768px) { .testibox {border-left: 10px solid #cf3f57;border-top: none;} .startquote-icon {left: -10px;top: 0;} } /**__9.Footer__**/ /**__10.Elementor Overrides__**/ .elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next{ bottom: 0!important; top: unset!important; z-index: 12!important; } /**__11.Woocommerce__**/ /**__13.Media Queries__**/ @media(min-width:541px){ } @media(min-width:768px){ .custom-carousel .swiper-pagination-bullets {left: 11px;top: 88px;} #backtotop{right: 35px;bottom: 85px;} } @media(min-width:881px){ #main-header.scrolled-header {top:0;} } @media(min-width:992px){ } @media(min-width:1025px){ .custom-carousel .swiper-pagination-bullets {left: 45px;top: 87px;} } @media (min-width:1200px){ .custom-carousel .swiper-pagination-bullets {left: 120px;top: 87px;} } @media (min-width:1367px){ } @media (min-width:1400px){ } @media (min-width:1600px){ } .gradient-button a {overflow: hidden;position: relative;display: inline-block;text-decoration: none;background: #333;padding: 15px 30px; border-radius: 5px;z-index: 1;} .gradient-button a::before {content: "";position: absolute;width: 0px;height: 0px;background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 60%);border-radius: 50%;transform: translate(-50%, -50%);top: var(--y, 50%);left: var(--x, 50%);transition: width 0.3s ease-out, height 0.3s ease-out;pointer-events: none;} .gradient-button a:hover::before {width: 100px;height: 100px;} .gradient-button a:not(:hover)::before {width: 0px;height: 0px;transition: width 0.3s ease-in, height 0.3s ease-in;} .dialog-lightbox-widget .elementor-swiper-button.elementor-swiper-button-prev, .dialog-lightbox-widget .elementor-swiper-button.elementor-swiper-button-next{top:50%!important;} svg.e-font-icon-svg.e-eicon-share-arrow { display: none!important; }