/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1734460288
Updated: 2024-12-17 18:31:28

*/

#masthead .elementor-element .hfe-nav-menu nav{width:100% !important;}
#masthead .elementor-element .hfe-nav-menu nav > ul > li:last-child{margin-left:24px;}

#page #main{padding:120px 24px; margin:auto; max-width:1328px; width:100%;}
#page #main .woocommerce-breadcrumb{display:none;}
#page #main .product{display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:32px;}
#page #main .product > div{float:none; margin:0;}
#page #main .product .summary .product_title{padding:0 0 24px; margin:0; font-size:var(--e-global-typography-primary-font-size);}
#page #main .product .summary .specification{margin:0;}
#page #main .product .summary .specification tr td{vertical-align:middle;}
#page #main .product .summary .specification tr td:first-child{white-space:nowrap;}

#page #main .product .summary .enquiry-btn{display:flex; padding:24px 0 0;}
#page #main .product .summary .enquiry-btn a{background:var( --e-global-color-accent ); color:#fff; font-size:18px; font-weight:600; padding:16px 32px; margin:0; border-radius:4px; transition:all 0.3s;}
#page #main .product .summary .enquiry-btn a:hover{background:var( --e-global-color-secondary );}

#colophon{clear:both;}
#colophon .menu-primary-menu-container ul.menu{padding:0; margin:0; display:flex; flex-direction:column; gap:16px;}
#colophon .menu-primary-menu-container ul.menu > li{list-style:none; padding:0; margin:0;}
#colophon .menu-primary-menu-container ul.menu > li > a{padding:0; margin:0; color:#fff; transition:all 0.3s; font-weight:normal;}
#colophon .menu-primary-menu-container ul.menu > li > a:hover{color:var( --e-global-color-secondary );}

#contact-frm .pp-contact-form .wpcf7-form{display:flex; flex-direction:column; gap:24px; flex-wrap:wrap;}
#contact-frm .pp-contact-form .wpcf7-form .form-row{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; margin:0;}
#contact-frm .pp-contact-form .wpcf7-form .form-row:has(.field-full){grid-template-columns:repeat(1, 1fr);}
#contact-frm .pp-contact-form .wpcf7-form .form-row .form-field label{display:none;}
#contact-frm .pp-contact-form .wpcf7-form .form-row .form-field input{height:48px; border-radius:4px; outline:none; box-shadow:none; display:block;}
#contact-frm .pp-contact-form .wpcf7-form .form-row .form-field > span{display:block;}
#contact-frm .pp-contact-form .wpcf7-form .form-row .form-field textarea{height:140px; border-radius:4px; outline:none; box-shadow:none; resize:none; display:block;}
#contact-frm .pp-contact-form .form-row .form-field > span > span{font-size:14px; padding:8px 0 0;}
#contact-frm .pp-contact-form .wpcf7-response-output{margin:0;}



@media only screen and (max-width: 1199px){
#page #main{padding:80px 24px;}

}

@media only screen and (max-width: 1024px){
#masthead .elementor-element .e-con-inner > .elementor-element{position:static;}
#masthead .elementor-element .hfe-nav-menu nav{left:0 !important; box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);}

}

@media only screen and (max-width: 767px){
#page #main{padding:50px 24px;}

}

@media only screen and (max-width: 680px){
#masthead .elementor-element > .e-con-inner{flex-wrap:nowrap; flex-direction:unset;}
#masthead .elementor-element .hfe-nav-menu nav > ul > li:last-child{margin-left:0;}



}

@media only screen and (max-width: 574px){

#contact-frm .pp-contact-form .wpcf7-form .form-row{grid-template-columns:repeat(1, 1fr);}

}