/*
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.4.7.1777542315
Updated: 2026-04-30 09:45:15

*/

.save-contact-btn {
   text-decoration: none !important;
    border: 1px solid;
    display: inline-grid;
    background-color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    line-height: 100%;
    letter-spacing: 3%;
    fill: #0064AF;
    color: #0064AF !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #0064AF;
    border-radius: 10px 10px 10px 10px;
    padding: 24px 50px 24px 50px;
	    transition: all 0.3s ease;

    }
a.save-contact-btn:hover { background: #0064AF; color: #fff !important; }
.save-contact-btn:active { transform: scale(0.97); }

div#mbh-filter-bar {
    display: block;
}
.mbh-search-wrap{
    position: relative;
    max-width: 780px;
    margin: auto;}
    
    
input#mbh-search {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 100%;
    padding: 18px 38px 18px 22px;
    color: #000;
    /*max-width: 780px;*/
    margin: 10px auto 0;
    background: #fff;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--line);
    border-radius: 14px !important;
}
/* Search icon */
#mbh-search-icon{
    position: absolute;
    right: 15px;
    top: 58%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-image: url("https://foodtrucknation.biz/wp/wp-content/uploads/2026/05/searc.png");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Loader */
.loader-ajax-fil{
    display: none;
    position: absolute;
    right: 18px;
    top: 57%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    background-image: url("https://foodtrucknation.biz/wp/wp-content/uploads/2026/04/loader_transparent.gif");
    background-repeat: no-repeat;
    background-size: contain;
}
.search-hidden{
    display: none;
}

/* focus reset */
input#mbh-search:focus-visible,
select#mbh-cat:focus-visible {
    outline: none;
}
/* placeholder */
input#mbh-search::placeholder {
    color: #000000a3;
}
.mbh-cat-scroll{
    display: flex;
    gap: 10px;
    overflow-x: auto;
/*     justify-content: center; */
    padding: 6px 2px 14px;
    scroll-behavior: smooth;
}

.mbh-cat-scroll::-webkit-scrollbar{ height: 8px; }
.mbh-cat-scroll::-webkit-scrollbar-thumb{ background: #d3dde9; border-radius: 10px; }

.mbh-cat-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    border: 1.5px solid #e6eef7;
    font: 600 17px 'Inter', sans-serif;
    color: #3a4a60;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all .2s;
	box-shadow: -2px 2px 6px 2px rgb(0 0 0 / 10%) !important;
}

.mbh-cat-btn:hover{
    border-color: #1e88ff;
    color: #1e88ff !important;
    transform: translateY(-1px);
}

.mbh-cat-btn.active{
    background: #0b2a4a;
    border-color: #0b2a4a;
    color: #fff;
}

.mbh-cat-btn.active .dot{ background: #f5a623; }

.mbh-cat-btn .dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1e88ff;
}
@media(max-width:767px){
div#mbh-filter-bar {
    flex-wrap: wrap;
    justify-content: center;
}
select#mbh-cat,
input#mbh-search{
    max-width: none;
}
.mbh-cat-btn{
    font: 600 14px 'Inter', sans-serif;
}
	.mbh-cat-scroll{
    justify-content: start;
		    overflow-x: auto;

}

}