/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 1.0.1 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 */ .head-style .elementor-nav-menu .sub-arrow { margin-block-end: -15px !important; } .shape-clip{ position: relative; clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 100%, 89% 100%, 32% 100%, 0 100%, 0 11%, 10% 0); } .clip-button a{ clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 81%, 94% 100%, 32% 100%, 0 100%, 0 20%, 6% 0); } .shape-clip::before { position: absolute !important; content: " " !important; width: 99.2% !important; height: 99.2% !important; clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 100%, 89% 100%, 32% 100%, 0 100%, 0 11%, 10% 0); background: #151930 !important; top: 1px !important; left: 1px !important; } .shape-clip-right{ position: relative; clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 89%, 90% 100%, 32% 100%, 0 100%, 0 11%, 0 0); } .shape-clip-right::before{ position: absolute !important; content: " " !important; width: 99.2% !important; height: 99.2% !important; background: #151930 !important; clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 89%, 90% 100%, 32% 100%, 0 100%, 0 11%, 0 0); top: 1px !important; left: 1px !important; } .img-lumini img.swiper-slide-image { filter: grayscale(1); } .img-lumini img.swiper-slide-image:hover { filter: brightness(1); } /* Contact us page */ .contact-box .elementor-icon{ background: #00CCCC; padding: 23px; clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%); } .contact-box .elementor-icon-box-content h3{ margin: 0; } .contact-box{ height: auto; } .phone a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } .email a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } .hours .elementor-icon-box-description{ width: 50%; } .contact-us-form{ .elementor-shortcode .gform_fields { row-gap: 20px; } .elementor-shortcode input:not([type="submit"]) { padding: 25px 50px; border-radius: 10px; border: 1px solid #E3E3E3; font-size: 16px; color: #535353; } .elementor-shortcode .ginput_container input[type="text"], .elementor-shortcode .ginput_container input[type="email"], .elementor-shortcode .ginput_container input[type="tel"] { background-repeat: no-repeat; background-position: center left 25px; } .elementor-shortcode .ginput_container input[type="text"]{ background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.61131 9.46286C10.2244 9.46286 12.3427 7.34453 12.3427 4.73143C12.3427 2.11833 10.2244 0 7.61131 0C4.99821 0 2.87988 2.11833 2.87988 4.73143C2.87988 7.34453 4.99821 9.46286 7.61131 9.46286Z' fill='%2300CCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2229 16.5598C15.2229 16.9417 15.0711 17.3079 14.8011 17.578C14.531 17.848 14.1648 17.9998 13.7829 17.9998H1.44C1.05809 17.9998 0.691819 17.848 0.421766 17.578C0.151714 17.3079 0 16.9417 0 16.5598C0 14.8684 0.671875 13.2464 1.86782 12.0504C3.06377 10.8545 4.68582 10.1826 6.37714 10.1826H8.84571C10.537 10.1826 12.1591 10.8545 13.355 12.0504C14.551 13.2464 15.2229 14.8684 15.2229 16.5598ZM14.623 17.1596C14.6123 17.1637 14.6057 17.1687 14.6057 17.1769L14.623 17.1596Z' fill='%2300CCCC'/%3E%3C/svg%3E%0A"); } .elementor-shortcode .ginput_container input[type="email"]{ background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5043 8.77C10.0565 9.06854 9.53631 9.22636 9 9.22636C8.46373 9.22636 7.94355 9.06854 7.49573 8.77L0.119848 3.85259C0.0791298 3.82536 0.0391656 3.79703 0 3.76761L0 11.8253C0 12.7492 0.749707 13.4823 1.65702 13.4823H16.3429C17.2668 13.4823 18 12.7326 18 11.8253V3.76758C17.9607 3.79707 17.9207 3.82546 17.8799 3.85273L10.5043 8.77Z' fill='%2300CCCC'/%3E%3Cpath d='M0.704884 2.97394L8.08077 7.89138C8.35998 8.07754 8.67997 8.1706 8.99997 8.1706C9.31999 8.1706 9.64002 8.0775 9.91923 7.89138L17.2951 2.97394C17.7365 2.67986 18 2.18767 18 1.65646C18 0.743063 17.2569 0 16.3435 0H1.65646C0.743099 3.51563e-05 8.71912e-07 0.743098 8.71912e-07 1.65734C-0.000272946 1.91792 0.0639503 2.17451 0.186942 2.40424C0.309934 2.63397 0.487872 2.82969 0.704884 2.97394Z' fill='%2300CCCC'/%3E%3C/svg%3E%0A"); } .elementor-shortcode .ginput_container input[type="tel"]{ background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8324 13.7314C17.2706 13.2602 13.9753 11.1735 13.4276 11.2693C13.1704 11.3149 12.9737 11.5341 12.4472 12.1622C12.2037 12.4714 11.9363 12.7609 11.6475 13.0281C11.1183 12.9003 10.606 12.7104 10.1214 12.4624C8.22062 11.537 6.68506 10.001 5.76023 8.1C5.51224 7.61533 5.32235 7.10307 5.19451 6.57386C5.46177 6.28502 5.7513 6.01763 6.06044 5.77414C6.68787 5.24764 6.90773 5.05221 6.95337 4.79379C7.04916 4.24479 4.96051 0.950786 4.49123 0.388929C4.29451 0.156214 4.1158 0 3.88694 0C3.22351 0 0.222656 3.71057 0.222656 4.19143C0.222656 4.23064 0.286942 8.09357 5.16559 13.0571C10.1291 17.9357 13.992 18 14.0312 18C14.5121 18 18.2227 14.9991 18.2227 14.3357C18.2227 14.1069 18.0664 13.9281 17.8324 13.7314ZM13.7227 8.35714H15.0084C15.0068 6.99364 14.4645 5.68643 13.5004 4.72228C12.5362 3.75814 11.229 3.21582 9.86551 3.21429V4.5C10.8882 4.50102 11.8687 4.90773 12.5918 5.63086C13.3149 6.35399 13.7216 7.33448 13.7227 8.35714Z' fill='%2300CCCC'/%3E%3Cpath d='M16.9357 8.35714H18.2214C18.2188 6.14147 17.3375 4.01728 15.7708 2.45057C14.2041 0.883854 12.0799 0.00255213 9.86426 0V1.28571C11.739 1.28793 13.5364 2.03366 14.8621 3.35933C16.1877 4.685 16.9335 6.48236 16.9357 8.35714Z' fill='%2300CCCC'/%3E%3C/svg%3E%0A"); } .elementor-shortcode .ginput_container textarea{ padding: 25px 50px; border-radius: 10px; border: 1px solid #E3E3E3; font-size: 16px; color: #535353; resize: none; background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39859 0.00113383C3.29217 0.0023361 2.23151 0.442939 1.44989 1.22605C0.668275 2.00915 0.229691 3.07064 0.230594 4.17707L0.222657 9.94832C0.222136 11.0006 0.620979 12.0139 1.33863 12.7836C2.05629 13.5532 3.03927 14.0218 4.08906 14.0948V17.7004C4.08923 17.7597 4.10694 17.8176 4.13997 17.8669C4.173 17.9161 4.21986 17.9545 4.27466 17.9772C4.32945 17.9998 4.38973 18.0058 4.4479 17.9943C4.50607 17.9828 4.55954 17.9543 4.60155 17.9124L8.38065 14.1254H14.0555C14.6034 14.1251 15.1459 14.0168 15.6519 13.8067C16.1579 13.5967 16.6175 13.2889 17.0045 12.9011C17.3915 12.5132 17.6982 12.0529 17.9072 11.5465C18.1162 11.04 18.2233 10.4973 18.2224 9.94946V4.17821C18.2246 3.63061 18.1188 3.08795 17.9109 2.58135C17.7029 2.07474 17.3971 1.61416 17.0108 1.226C16.6246 0.837836 16.1655 0.529732 15.6599 0.31935C15.1543 0.108967 14.6122 0.000443058 14.0646 0L4.39859 0.00113383ZM6.22068 6.16356C6.71503 6.16356 7.12095 6.57061 7.12095 7.06383C7.12095 7.55705 6.71503 7.9641 6.22068 7.9641C5.72632 7.9641 5.32154 7.55705 5.32154 7.06383C5.32154 6.57061 5.72746 6.16356 6.22068 6.16356ZM9.22082 6.16356C9.71404 6.16356 10.12 6.57061 10.12 7.06383C10.1188 7.30204 10.0237 7.53016 9.85536 7.69871C9.68703 7.86725 9.45902 7.96261 9.22082 7.9641C8.98242 7.96291 8.75413 7.86768 8.58555 7.6991C8.41698 7.53053 8.32174 7.30223 8.32055 7.06383C8.32055 6.57061 8.72647 6.16356 9.22082 6.16356ZM12.221 6.16356C12.7142 6.16356 13.1212 6.57061 13.1212 7.06383C13.12 7.30223 13.0248 7.53053 12.8562 7.6991C12.6877 7.86768 12.4594 7.96291 12.221 7.9641C11.9826 7.96291 11.7543 7.86768 11.5857 7.6991C11.4171 7.53053 11.3219 7.30223 11.3207 7.06383C11.3207 6.57061 11.7277 6.16356 12.221 6.16356Z' fill='%2300CCCC'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left 25px top 28px; } .elementor-shortcode .ginput_container textarea::placeholder{ font-size: 16px; color: #535353; } .elementor-shortcode :not(input[type="submit"]):focus{ outline: none; box-shadow: 0 2px 50px #00000016; border-color: #fff; } .elementor-shortcode .gform-footer input[type="submit"]{ padding: 15px 46px !important; background: #00CCCC !important; color: #242424 !important; font-weight: 300 !important; font-size: 16px !important; border-radius: 0 !important; clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 81%, 94% 100%, 32% 100%, 0 100%, 0 20%, 6% 0); } .elementor-shortcode .gform-footer input[type="submit"]:hover{ background-color: #151930 !important; color: #fff !important; } .elementor-shortcode .gform-footer input[type="submit"]:focus{ outline: none !important; } .elementor-shortcode .gform_confirmation_message{ color: #151930; } .elementor-shortcode .gform-footer{ margin-block-start: 10px; } } /* Services pages */ .serv-img-1{ clip-path: polygon(13% 0, 80% 0%, 100% 0, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 11%); } .serv-img-3{ clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 79%, 92% 100%, 0 100%, 0% 80%, 0 0); } /* .serv-icon-box{ clip-path: polygon(6% 0, 80% 0%, 100% 0, 100% 93%, 95% 100%, 0 100%, 0% 80%, 0 6%); } */ .service-details-sec{ display: flex; column-gap: 30px; justify-content: center; } .serv_box_detail{ background: #F7F7F7; padding: 46px 30px 27px 24px; width: 34%; clip-path: polygon(6% 0, 80% 0%, 100% 0, 100% 93%, 95% 100%, 0 100%, 0% 80%, 0 6%); } .serv_box_detail .serv-img img{ width: 60px; } .serv_box_detail h3{ color: #171717 !important; margin-top: 22px; margin-bottom: 5px; } .serv_box_detail p{ color: #696969; font-size: 14px; line-height: 22px; } /* Portfolio page */ .serv-img-1-1{ clip-path: polygon(20% 0%, 88% 0, 100% 11%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0); } /* Wholesale steel page CSS */ .wholesale-opt{ clip-path: polygon(8% 0, 80% 0%, 100% 0, 100% 89%, 93% 100%, 0 100%, 0% 80%, 0 11%); } .clip-button a{ clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 81%, 94% 100%, 32% 100%, 0 100%, 0 20%, 6% 0); } /* Enquiry popup form */ .enquiry-form{ .elementor-shortcode .gform_fields{ row-gap: 20px; } .elementor-shortcode input:not([type="submit"]){ padding: 25px 20px; border: none; box-shadow: none; border-radius: 5px; background: #f7f7f7; } .elementor-shortcode input:not([type="submit"]):focus{ box-shadow: 0 4px 16px #00000020; outline: none; } .elementor-shortcode .gform-footer{ justify-content: center; margin-block-start: 15px; } .elementor-shortcode .gform-footer input[type="submit"] { background-color: #00CCCC !important; padding: 14px 29px; border-radius: 0 !important; -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 81%, 94% 100%, 32% 100%, 0 100%, 0 20%, 6% 0); clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 81%, 94% 100%, 32% 100%, 0 100%, 0 20%, 6% 0); } .elementor-shortcode .gform-footer input[type="submit"]:hover{ background-color: #151930 !important; } .elementor-shortcode .gfield_description{ margin-left: 20px; } .elementor-shortcode .gform_confirmation_message{ color: #151930; text-align: center; font-weight: 500; } } /* Footer */ .contact-links ul li:nth-child(3){ word-break: break-all; } /* Responsive part */ @media only screen and (max-width:1500px){ .service-details-sec{ column-gap: 20px; } .serv_box_detail{ padding: 30px 20px; } .serv_box_detail h3{ line-height: 28px; } } @media only screen and (max-width:1366px){ .hours .elementor-icon-box-description{ width: 100%; } } @media only screen and (max-width:1024px){ .serv_box_detail{ width: 47%; } .service-details-sec{ flex-wrap: wrap; row-gap: 20px; } .serv_box_detail h3{ margin-top: 15px; } } @media only screen and (max-width:767px){ .contact-box .elementor-icon{ padding: 15px; } .contact-us-form{ .elementor-shortcode input:not([type="submit"]){ padding: 23px 10px; font-size: 14px; } .elementor-shortcode .ginput_container input[type="text"]{ background-position: center left 5px; } .elementor-shortcode .ginput_container input[type="email"]{ background-position: center left 5px; } .elementor-shortcode .ginput_container input[type="tel"]{ background-position: center left 5px; } .elementor-shortcode .ginput_container textarea { padding: 15px 35px; font-size: 14px; background-position: left 11px top 18px; } .elementor-shortcode .ginput_container::placeholder{ font-size: 14px; } .elementor-shortcode .gform_footer{ justify-content: center !important; } .elementor-shortcode .gform_footer input[type="submit"] { padding: 12px 18px !important; } } .enquiry-form{ .elementor-shortcode input:not([type="submit"]){ padding: 15px 18px; font-size: 15px; } .elementor-shortcode input:not([type="submit"])::placeholder{ font-size: 14px; } .elementor-shortcode .gfield--type-text{ grid-column: span 12; } .elementor-shortcode .gfield--type-phone{ grid-column: span 12; } } } @media only screen and (max-width:660px){ .serv_box_detail{ width: 100%; padding: 25px 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .serv_box_detail .serv-img img{ width: 45px; } .serv_box_detail h3{ text-align: center; } .serv_box_detail p{ text-align: center; } }