/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-elementor-child
 Description:  Child theme for Hello Elementor
 Author:       Heather Davis (or Your Name)
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
body, html{font-family:sweet-sans-pro, sans-serif!important;}
/* TWS Slide Down Menu*/
.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: sweet-sans-pro, sans-serif!important;}
.logo{ padding:15px!important; margin-left: 40px!important;}
.logo img{ width: 150px!important;}
.tws-nav ul{font-family:sweet-sans-pro, 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 20px!important;font-size: 13px!important; position: relative;}
.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: .1em!important; text-transform:uppercase; font-weight:700!important;color: #fff!important;}
.tws-nav ul li a:hover{color:#ef611d!important;}
.tws-nav ul li:hover ul{ display: block!important; width: 200px; background-color:#f8f8f7!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important;z-index: 9998!important;}
ul.header-menu li:hover ul li{ padding: 5px 10px!important;}
ul.header-menu li:hover ul li a{ text-transform: none!important; letter-spacing: 0!important; color: #333!important;}
ul.header-menu li:hover ul li a:hover, #navbar ul.header-menu li:hover ul li a:hover{color:#ef611d!important;}

.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: 45px!important;}
#navbar ul.header-menu li a{text-decoration: none;color: #333!important;}
#navbar ul.header-menu li a:hover{color:#ef611d!important;}
#navbar ul.header-menu li:hover ul{ display: block!important; width: 200px; background-color:#f8f8f7!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important; z-index: 9998!important;}
#navbar ul.header-menu li:after{}

/*Footer*/
.top-footer{text-align: center!important;}
.top-footer img{width: 150px!important}
.top-footer h3{font-size: 20px!important; letter-spacing: .1em!important; text-transform: uppercase!important;}
.top-footer p{ margin-top: 20px!important; margin-bottom: 60px!important; font-size: 14px!important;}
.top-footer a{color:#49382a!important;font-family: sweet-sans-pro, sans-serif!important; font-size: 14px!important;}

body.page-id-3 .tws-header, body.page-id-16 .tws-header, body.single-custom_hats .tws-header, body.page-id-74 .tws-header, body.page-id-499 .tws-header{display: none!important }

body.page-id-3 #navbar, body.page-id-16 #navbar, body.single-custom_hats #navbar, body.page-id-17 #navbar, body.page-id-74 #navbar, body.page-id-499 #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; 
  
}

/*Locator*/
.loc a{color:#fff!important; font-weight: 700!important;}
.loc a:hover{color:#dadada!important;}
.ppolicy h3{font-size:18px!important; text-transform: uppercase!important; font-weight: 500!important; letter-spacing:.1em!important;}
.ppolicy ul, .ppolicy ol{margin:10px -20px 10px 0!important;}
.ppolicy ul li, .ppolicy ol li{ padding:5px 0!important}

@media all and (max-width: 1024px){.tws-nav{display: none!important;}
.logo img{ width: 150px!important;}}
@media all and (max-width: 699px){.tws-nav{display: none!important;}
	.logo{ margin-left:0px!important; padding: 20px 0; width: 100%; text-align: center!important;}
.logo img{ width: 125px!important;}}