/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme of Hello Elementor with custom header.php and footer.php templates.
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom styles below this line */


/* Custom styles */
body {
    font-family: "europa", sans-serif!important;
}

.tws-header { display: flex; position: fixed; top: 0; left: 0; z-index: 998!important;justify-content: space-between; width: 100%; align-items: center;font-family:"europa", sans-serif!important;}
.logo{ padding:15px!important; margin-left: 00px!important;}
.logo img{ width: 225px!important;}
.tws-nav ul{font-family: "europa", sans-serif!important; display:flex!important;padding:0 10px!important;margin-right: 40px!important;}
.tws-nav ul ul{display: none!important; font-size: 13px!important;}
.tws-nav ul li{list-style: none!important;padding:10px 15px!important;font-size: 16px!important; position: relative;}
.tws-nav ul li.cta a{background-color:#95a844!important; color: #fff!important; padding: 10px 20px!important;}
.tws-nav ul li:after{}
.tws-nav ul li:last-child:after, ul.header-menu li:hover ul li:after{ display: none!important;}
.tws-nav ul li a{text-decoration: none!important; letter-spacing:0em!important; text-transform:normal; font-weight:400!important;color: #fff!important;}
.tws-nav ul li a:hover{color:#ccc!important;}
.tws-nav ul li:hover ul{ display: block!important; width: 250px; background-color:#fff!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important;z-index: 9998!important; padding-bottom: 15px!important;}
.tws-nav ul li:hover ul li{ padding: 5px 10px!important; line-height: 1.2em!important;}
.tws-nav ul li:hover ul li a{ text-transform: none!important; letter-spacing: 0!important; color: #333!important;font-size: 15px!important; }
.tws-nav ul li:hover ul li a:hover, #navbar ul.header-menu li:hover ul li a:hover{color:#999!important;}

.tws-nav ul ul{
    display:block!important;
    position:absolute;
    top:40px;
    left:-7px;
    width:250px;
    background:#fff!important;
    padding:10px 10px 15px!important;
    z-index:9998!important;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:opacity .3s ease, transform .3s ease, visibility .3s ease;

    pointer-events:none;
}

.tws-nav ul li:hover > ul{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.logo{ margin-left: 2.5%; padding: 20px 0; width: 20%;}
.logo img{ }
#header .tws-nav ul.menu li a{text-decoration: none;color: #fff!important;}
#header .tws-nav ul.menu li a:hover{text-decoration: underline!important;}
#responsive-menu-pro-title, #responsive-menu-pro-title-image{ margin: 0!important; padding: 5px!important;}
#responsive-menu-pro-button, BUTTON#rmp_menu_trigger143{ position: fixed!important;top:0!important; right: 0!important;}
#navbar {
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* optional: prevents interaction when hidden */
  
}
#navbar .logo img{ width: 225px!important;}
#navbar ul li a{text-decoration: none;color: #333!important;}
#navbar ul li a:hover{color:#666!important;}
#navbar ul li:hover ul{ display: block!important; width: 200px; background-color:#fff!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important; z-index: 9998!important; padding-bottom: 15px!important;}
#navbar ul li:after{}

.tws-nav ul li.cta a, #navbar .tws-nav ul li.cta a{background-color:#95a844!important; color: #fff!important; padding: 10px 20px!important;}
.tws-nav ul li.cta:hover a, #navbar .tws-nav ul li.cta:hover a{background-color:#9BB431!important; color: #fff!important; padding: 10px 20px!important;}

body.page-id-95 .tws-header,
body.page-id-3 .tws-header,
body.page-id-437 .tws-header,
body.page-id-97 .tws-header,
body.page-id-2596 .tws-header{display: none!important }
body.page-id-95 #navbar,
body.page-id-3 #navbar,
body.page-id-437 #navbar,
body.page-id-97 #navbar,
body.page-id-2596 #navbar{
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 1!important;
  transition: opacity 0.5s ease;
  pointer-events:all!important; /* optional: prevents interaction when hidden */font-family: sweet-sans-pro, sans-serif!important; 
  
}




/*Links*/
.white-link a{color: #fff!important;}
.white-link a:hover{color: #fff!important; text-decoration: underline!important;}

#responsive-menu-pro-button, #rmp_menu_trigger-24{z-index: 9999!important;}
#rmp-menu-title-24 img{padding-left: 0px!important}
.rmp_menu_trigger{padding: 10px 0 0 0!important;
font-family: "europa", sans-serif!important; font-weight: 300!important; font-size: 24px!important;}

.eael-filter-gallery-control, .eael-filter-gallery-wrapper{justify-content:flex-start!important;align-content:flex-start!important;}
.eael-filter-gallery-wrapper .eael-filter-gallery-control ul{ margin-left: 20px!important;}
/*Project TExt*/
.project-text ul{ margin-left: 0!important; padding: 0 0 0 14px!important; list-style: square!important;}
.project-text ul li{  padding-bottom: 7px!important;}
.project-services li{ border: solid 1px #ccc!important;border-radius: 0px!important; padding: 6px 15px!important; margin:4px 3px!important;}
.project-services li:hover{border:solid 1px #95A844!important;}
.project-services{margin-left: -20px!important;}

.listfix ul, .listfix ul li { list-style: none!important;}
.footer-links svg, .listfix svg{ width: 15px!important; min-width: 15px!important; max-width: 15px!important; height: 15px!important;}
.footer-links ul{ list-style: none!important;}
h2 a, h3 a, .links a{transition: color 0.5s ease; }
.links a{ color:#9BB431!important;transition: color 0.5s ease; }
h2 a:hover, h3 a:hover, .links a:hover{ color:#B1CE37!important; }
.links h3{font-family: "europa", sans-serif!important; margin: 10px 0!important; padding: 0!important; color :#54595f!important; font-weight: 300!important;
}
.links h3 strong{ font-weight: 300!important;}
.links ul{list-style:square!important;
}

/*Request a Quote*/
.rfq-list svg{width: 11px!important;}
.frm_image_option_container img{ }
.rmp-menu-additional-content a{ color: #ccc!important; text-decoration: none!important;}
.rmp-menu-additional-content a:hover{ color:#B1CE37!important; }

@media all and (max-width:1024px){
	.logo{ margin-left:0%; padding:20px 0; width: 35%;margin-left: 0px!important;}
.tws-nav{display: none!important; }
}
@media all and (max-width: 699px){
	#rmp-menu-title-24{ text-align: left!important; }
#rmp-menu-title-24 img{ width: 100px!important;height: auto!important;}
	
	#eael-img-accordion-cd10d10, #eael-img-accordion-d02f3ce, #eael-img-accordion-6172ad8, #eael-img-accordion-007b99f, #eael-img-accordion-c7dbbfd{max-height: 400px!important; height: 400px!important; min-height: 400px!important; overflow: hidden!important}
	#project-button{ position: fixed!important; bottom: 0px!important; left:0px!important; right: auto!important; top: auto!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important;}
	
}