{"id":5131,"date":"2024-05-08T21:24:00","date_gmt":"2024-05-08T21:24:00","guid":{"rendered":"https:\/\/trailerdepprod.wpenginepowered.com\/?page_id=5131"},"modified":"2024-05-12T17:57:05","modified_gmt":"2024-05-12T17:57:05","slug":"mission-trailers","status":"publish","type":"page","link":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/","title":{"rendered":"Mission Trailers for sale in Northford"},"content":{"rendered":"<p>[et_pb_section fb_built=\"1\" fullwidth=\"on\" module_class=\"inv-srp\" _builder_version=\"4.23.1\" _module_preset=\"default\" global_colors_info=\"{}\" theme_builder_area=\"post_content\"][et_pb_fullwidth_code _builder_version=\"4.24.3\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" theme_builder_area=\"post_content\" sticky_enabled=\"0\"]\n        <div id=\"trailer_funnel\">\n            <div class=\"main-wrap\">\n                \n                <div class=\"wrap-content\">\n\n                    \n\n<div class=\"search\" style='display: none' >\n    <div class=\"filters-content\">\n            <\/div>\n    <div class=\"link\">\n        <a href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/?&clear_all=true\">Clear all<\/a>\n    <\/div>\n<\/div>\n\n\n<style>\n    #trailer_funnel .search {\n        grid-area: search;\n        border: 1px solid #d7d7d7;\n        border-radius: 4px;\n        height: fit-content;\n        padding: 0.5% 1%;\n        display: flex;\n        justify-content: space-between;\n        font-size: 12px;\n        margin: 2% 0;\n    }\n\n    #trailer_funnel .search .filters-content {\n        display: flex;\n        gap: 10px;\n        overflow-x: hidden;\n        flex-flow: row wrap;\n    }\n\n    #trailer_funnel .search div.link {\n        display: flex;\n        align-items: center;\n        min-width: 50px;\n        margin-left: 15px;\n    }\n\n    #trailer_funnel .search div.link a {\n        color: rgb(0, 108, 229);\n        width: 100%;\n    }\n\n    #trailer_funnel .search .filters-content .filter {\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #d7d7d7;\n        border-radius: 20px;\n        padding: 3px 6px 3px 11px;\n        text-align: center;\n        gap: 2px;\n        color: rgb(96, 96, 96);\n        align-items: center;\n    }\n\n    #trailer_funnel .search .filters-content .filter span {\n        white-space: nowrap;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt {\n        color: rgb(96, 96, 96);\n    }\n\n    #trailer_funnel .search .filters-content .filter form {\n        display: flex;\n    }\n\n    #trailer_funnel .search .filters-content div.filter a {\n        text-decoration: none;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt:hover {\n        color: red;\n    }\n\n<\/style>\n\n<script>\n\n    function resetSlider (category) {\n        let min = jQuery('#slider-range.' + category).slider(\"option\", \"min\");\n        let max = jQuery('#slider-range.' + category).slider(\"option\", \"max\");\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [min, max]\n        });\n\n        \/\/ hide filter content\n        jQuery('#slider-range.' + category).parent().parent().parent().hide();\n        jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").removeClass('flip');\n\n    }\n\n    function onCategoryRemoveButtonClick(event) {\n        var isMobile = \"\";\n        const category = jQuery(event.currentTarget).parent().first().find('span').attr('id');\n\n        try {\n            if (isMobile) {\n                jQuery(event.currentTarget).parent().first().remove();\n\n                if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n                    jQuery(\"#modal-filters-mobile .search\").hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n                resetSlider(category);\n            }\n        } catch (e){\n            console.log(e);\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        isMobile\n            ? queryMobileUrl = arrayToQuery\n            : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n    function onFilterRemoveButtonClick(event) {\n        var isMobile = \"\";\n        let category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n        category = category.replace('for_', '');\n\n        if( category !== 'is_on_special_true' && category !== 'living_quarters_true' && category !== 'ramps_true' ) {\n            if( category.indexOf('suspension_type_') !== -1) {\n                category = 'suspension_type';\n            } else if (category.indexOf('pull_type') !== -1 || category.indexOf('fuel_type') !== -1 || category.indexOf('is_rental') !== -1) {\n                category = category.split('_').slice(0, 2).join('_');\n            } else if (category.indexOf('category') !== -1) {\n                category = 'category_name';\n            } else if (category.indexOf('location') !== -1) {\n                category = 'location_name';\n            } else {\n                category = category.split('_')[0];\n            }\n        } else {\n            if (category === 'is_on_special_true') {\n                category = 'is_on_special';\n            } else if (category === 'living_quarters_true') {\n                category = 'living_quarters';\n            } else if (category === 'ramps_true') {\n                category = 'ramps';\n            }\n        }\n\n        let checkboxId = jQuery(event.currentTarget).parent().find('span').first().attr('id').replace('for_', '');\n\n        if (checkboxId.includes('category_')) {\n            checkboxId = checkboxId.replace('category_', 'category_name_');\n        }\n\n        if (checkboxId.includes('location_')) {\n            checkboxId = checkboxId.replace('location_', 'location_name_');\n        }\n\n        if (category !== 'search') {\n            checkboxId = decodeURIComponent(checkboxId);\n            const element = document.getElementById(checkboxId);\n            if (element) {\n                element.checked = false;\n            }\n        }\n\n        if (isMobile) {\n            jQuery(event.currentTarget).parent().first().remove();\n\n            if (category === 'search') {\n                jQuery('#stock-search-input').val(\"\");\n            }\n\n            if (!jQuery(\"#modal-filters-mobile .modal-header .search .filters-content .filter\").length) {\n                jQuery(\"#modal-filters-mobile .modal-header .search\").hide();\n            }\n\n            \/\/ modal content position fix\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray.map((query, index) => {\n            if (query.includes(category + '=')) {\n                query = query.split('=');\n                query = category === 'search' ? query[1].split('&') : query[1].split('--');\n                checkboxId = checkboxId.replace(category + '_', '').replaceAll(' ', '%20');\n                query = query.filter(filter => filter.indexOf(checkboxId) === -1);\n\n                if (category === 'search') {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n\n                if(queryToArray.length && query.length){\n                    query = query.join('--');\n                    if (category !== 'search' || category !== 'category_name' || category !== 'location_name') {\n                        queryToArray[index] = category + '=' + query\n                    }\n                } else {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n            }\n        });\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1)\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n<\/script>\n\n\n                                            <div class=\"navbar\">\n                                        <!--\/\/jquery fix for some wp themes-->\n        <script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n\t\t        <div class=\"sort\"  >\n            <span>Sort:<\/span>\n            \n\n<select id='user_sort' name='user_sort' class=\"admin\">\n\t        <option selected value='relevance'>Relevance (Default)<\/option>\n            <option  value='age_decrease'>Age (Newest - Oldest)<\/option>\n            <option  value='age_increase'>Age (Oldest - Newest)<\/option>\n            <option  value='price_increase'>Price ($ - $$$)<\/option>\n            <option  value='price_decrease'>Price ($$$ - $)<\/option>\n            <option  value='title_z_to_a'>Title (Z to A)<\/option>\n            <option  value='title_a_to_z'>Title (A to Z)<\/option>\n            <option  value='length_ascending'>Length (Ascending)<\/option>\n            <option  value='length_descending'>Length (Descending)<\/option>\n            <option  value='stock_ascending'>Stock (Ascending)<\/option>\n            <option  value='stock_descending'>Stock (Descending)<\/option>\n            <option  value='images_count'>Images Count<\/option>\n    \n    \n\t\n\n<\/select>\n        <\/div>\n\n        \n        <div class=\"filters-wrap\">\n            <div class=\"filter-wrap\">\n                    <div class=\"filter-title search\" onclick=\"onFilterCategoryClick(event)\">\n                        <span>Search<\/span>\n                        <span class=\"filter-button\">\n                                <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                     xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                    <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                <\/svg>\n                            <\/span>\n                    <\/div>\n                    <div class=\"filter-content search\" style=\"display: none\">\n                        <div class=\"filter-item search\">\n                            <div id=\"stock-search\">\n                                <input id=\"stock-search-input\" placeholder=\"Keyword...\" type=\"text\">\n                                <span id=\"stock-search-button\" onclick=\"onSearchClick(event, 'search')\">\n                                        <span class=\"dashicons dashicons-search\"><\/span>\n                                <\/span>\n                            <\/div>\n                            <!--                        <input --><!-- class=\"custom-checkbox\"-->\n                            <!--                                                                                                    type=\"checkbox\"-->\n                            <!--                                                                                                    id=\"find_in_description\"-->\n                            <!--                                                                                                    style=\"display: none\">-->\n                            <label id=\"find_in_description_label\" for=\"find_in_description\" style=\"display: none\">Include search by description<\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div>\n\t\n\n<script>\n\n    var isMobile = !!\"\";\n\n    if (isMobile) {\n        var queryMobileUrl = window.location.search.length ? window.location.search : queryMobileUrl;\n    }\n\n    isMobile && jQuery('#stock-search-input').on('input', function () {\n        const searchValue = jQuery(this).val();\n        if (queryMobileUrl.search('search=') === -1) {\n            queryMobileUrl += (queryMobileUrl ? \"&\" : \"\") + `search=${searchValue}`;\n        } else {\n            let queryToArray = queryMobileUrl.split('&');\n            queryToArray.map((query, key) => {\n                if (query.search('search=') !== -1) {\n                    queryToArray[key] = searchValue.length ? `search=${searchValue}` : '';\n                }\n            })\n            queryMobileUrl = queryToArray.join('&');\n        }\n    })\n\n\n    jQuery('#stock-search-input').keypress(function (event) {\n        if(event.currentTarget.value){\n            event.key === \"Enter\" && onSearchClick(event, 'search', true);\n        }\n    });\n\n    function onSearchClick(event, type, button_pressed = false) {\n        \/\/ const isSearchBbyDescription = jQuery(\"#find_in_description\").prop('checked');\n        const searchValue = button_pressed ? event.currentTarget.value : jQuery(event.currentTarget).prev().val();\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search(`${type}=`) > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes(type)) {\n                    queryToArray[index] = searchValue ? `${type}=` + searchValue : '';\n\n                    \/\/ if(searchValue && isSearchBbyDescription){\n                    \/\/     if(! queryToArray.includes(`find_in_description=true`)){\n                    \/\/         queryToArray.push('find_in_description=true')\n                    \/\/     }\n                    \/\/ }\n\n                    \/\/ if( ! isSearchBbyDescription && queryToArray.find(element => element.search(`find_in_description=`) !== -1 )) {\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `find_in_description=true`)\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `?find_in_description=true`)\n                    \/\/ }\n                }\n            });\n\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            \/\/ let searchParams;\n            \/\/ searchParams = isSearchBbyDescription\n            \/\/     ? window.location.search.indexOf('find_in_description=') === -1\n            \/\/         ? querySymbol + `${type}=` + searchValue + '&find_in_description=true'\n            \/\/         : querySymbol + `${type}=` + searchValue\n            \/\/     : querySymbol + `${type}=` + searchValue;\n\n            let searchValueEncoded = searchValue.replaceAll(' ', '%20').replaceAll('\"', '%22').replaceAll('+', '%2B');\n            let searchParams = querySymbol + `${type}=` + searchValueEncoded;\n\n            const urlObj = new URL(window.location.href + searchParams);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n    }\n\n    jQuery(document).ready(() => {\n        jQuery('.filters-wrap input:checked').each(function () {\n            \/\/Displays full block in navbar filters section if the checkbox inside is checked\n            jQuery(this).closest(\".filter-wrap\").find(\".filter-content\").show();\n            \/\/ flip arrow for filter section\n            jQuery(this).closest(\".filter-wrap\").find('.filter-button').addClass('flip');\n        });\n\n        const isSearch = window.location.search.search('search=') !== -1;\n        if (isSearch) {\n            const formatQuery = window.location.search.replace(\/^[&?]\/, '');\n            let formatQueryToArray = formatQuery.split('&');\n            formatQueryToArray.map(queryParam => {\n                if (queryParam.search('search=') !== -1) {\n                    if (queryParam.split('=')[1].length) {\n                        jQuery('input#stock-search-input').val(decodeURIComponent(queryParam).split('=')[1].replaceAll('%20', ' ').replaceAll('%22', '\"').replaceAll('%2B', '+'));\n                        jQuery('.filter-content.search').show();\n                        jQuery('.filter-title.search').find('.filter-button').addClass('flip');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n                }\n            })\n        }\n        onSearchInputChange();\n        jQuery('input#stock-search-input').on('input', () => onSearchInputChange());\n\n            });\n\n    \/\/ Function to get a parameter by name from the URL\n    function getParamValue(paramName) {\n        let url = new URL(window.location.href);\n        return url.searchParams.get(paramName);\n    }\n\n    \/\/ Function to set the form field values\n    function setFormFieldValues() {\n        let zipCode = getParamValue('zip_code');\n        let radius = getParamValue('radius');\n\n        \/\/ If ZIP code is not present in the URL\n        if (!zipCode) {\n            document.querySelector('#zip_code').value = \"\";\n        } else {\n            document.querySelector('#zip_code').value = zipCode;\n        }\n\n        \/\/ If radius is present in the URL, set the value of the radius select\n        if (radius) {\n            document.querySelector('#distance').value = radius;\n        } else {\n            document.querySelector('#distance').value = 100;\n        }\n    }\n\n    function scrollToFilterContent(content) {\n        const contentTopPos = jQuery(content).offset().top;\n        if (content.offset().top >= jQuery('.modal-content').outerHeight() * 0.5) {\n            console.log(true)\n            console.log(true)\n            jQuery('.modal-content').animate({scrollTop: contentTopPos + parseInt(content.css('height')) \/ 2}, 500)\n        }\n    }\n\n    function onFilterCategoryClick(event) {\n        const content = jQuery(event.currentTarget).next();\n        const isVisible = content.css('display') !== 'none';\n        if (!isVisible) {\n            content.show();\n            \/\/ isMobile && scrollToFilterContent(content);\n            jQuery(event.currentTarget).find('span.filter-button').addClass('flip');\n        } else {\n            content.hide();\n            jQuery(event.currentTarget).find('span.filter-button').removeClass('flip');\n        }\n    }\n\n    function clearZipSearch(event) {\n        event.preventDefault();\n        window.location.href = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\";\n    }\n\n    \/\/ Function to handle the Save button click event\n    function searchBasedZipCode(event) {\n        \/\/ Prevent the regular form submission\n        event.preventDefault();\n\n        \/\/ Get the form field values\n        let zipCode = document.querySelector('#zip_code').value;\n        let radius = document.querySelector('#distance').value;\n\n        \/\/ Create a URL object from the current URL\n        let url = new URL(window.location.href);\n\n        \/\/ Get the URLSearchParams object from the URL\n        let params = new URLSearchParams(url.search);\n\n        \/\/ Set new values for \"zip_code\" and \"radius\". This will update the values if they already exist, or add them if they don't.\n        zipCode ? params.set('zip_code', zipCode) : '';\n        radius ? params.set('radius', radius) : '';\n\n        \/\/ Replace the old parameters with our new set of parameters\n        url.search = params.toString();\n\n        const urlObj = new URL(url.toString());\n        urlObj.searchParams.delete('pag_page');\n        window.location = urlObj.href;\n    }\n\n    function sortQueryProcessing(e) {\n\n        \/\/if (e.target.value === 'relevance_default') {\n        \/\/    let queryToArray = window.location.search.split('&');\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('sort=') < 0);\n        \/\/    let arrayToQuery = queryToArray.join('&');\n        \/\/\n        \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        \/\/    querySymbol = !arrayToQuery.length ? '' : querySymbol;\n        \/\/\n        \/\/    window.location = \"\/\/\" + querySymbol + arrayToQuery;\n        \/\/    return;\n        \/\/}\n\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search('sort=') > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes('sort')) {\n                    queryToArray[index] = \"sort=\" + e.target.value;\n                }\n            });\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            const urlObj = new URL(window.location.href + querySymbol + \"sort=\" + e.target.value);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n\n    }\n\n    jQuery('#user_sort').change(function (e) {\n        sortQueryProcessing(e);\n    });\n\n    function onSearchInputChange() {\n        const searchInput = jQuery('#stock-search-input');\n        const searchButton = jQuery('#stock-search-button');\n        if (jQuery(searchInput).length) {\n            if (jQuery(searchInput).val().length) {\n                searchButton.css({opacity: 1, pointerEvents: 'auto'});\n            } else {\n                searchButton.css({opacity: 0.5, pointerEvents: 'none'});\n            }\n        }\n    }\n\n<\/script>\n\n<style>\n    .search-container {\n        max-width: 300px;\n        background-color: #fff;\n        padding: 5px;\n    }\n\n    .input-group {\n        margin-bottom: 15px;\n        position: relative;\n    }\n\n    .input-group label {\n        display: block;\n        font-size: 12px;\n        color: #333;\n        margin-bottom: 5px;\n    }\n\n    .input-group input {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n    }\n\n    .settings-icon {\n        position: absolute;\n        right: 10px;\n        top: 35px;\n        font-size: 14px;\n        color: #333;\n    }\n\n    .input-group select {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        cursor: pointer;\n    }\n\n    .button-group {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 15px;\n    }\n\n    .clear-button,\n    .save-button {\n        width: 48%;\n        padding: 10px;\n        font-size: 14px;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n    }\n\n    .clear-button {\n        background-color: #eee;\n        color: #333;\n    }\n\n    .save-button {\n        background-color: #ff9b40;\n        color: #fff;\n    }\n\n    .clear-button:hover {\n        background-color: #ddd;\n    }\n\n    .save-button:hover {\n        background-color: #ff9b40;\n    }\n\n    #trailer_funnel #find_in_description_label {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .sort {\n        color: rgb(38, 77, 151);\n        display: flex;\n        flex-flow: nowrap;\n        align-items: center;\n        gap: 5px;\n        font-weight: bold;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .sort select {\n        color: rgb(38, 77, 151);\n        width: 100%;\n        border-color: rgb(38, 77, 151);\n        border-radius: 20px;\n        font-weight: 500;\n        padding: 8px 15px;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background: transparent;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg fill='rgb(38, 77, 151)' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/><\/svg>\");\n        background-repeat: no-repeat;\n        background-position-x: 98%;\n        background-position-y: center;\n        font-size: 14px;\n        min-height: 30px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap {\n        display: flex;\n        flex-flow: column;\n        row-gap: 15px;\n        margin-top: 15px;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-wrap {\n        display: flex;\n        flex-flow: column;\n        gap: 5px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title {\n        display: flex;\n        \/*justify-content: space-between;*\/\n        background: rgb(38, 77, 151);\n        border-radius: 3px;\n        color: white;\n        font-weight: bold;\n        padding: 8px 10px;\n        position: relative;\n        cursor: pointer;\n        align-items: center;\n        column-gap: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title span#category-count {\n        opacity: .6;\n        font-weight: lighter;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title.search {\n        margin: 0;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title .filter-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-left: auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content {\n        display: flex;\n        flex-flow: column;\n        border-radius: 3px;\n        gap: 5px;\n        background: #fbfbfb;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.search {\n        background-color: transparent;\n        border: unset;\n        padding: 0;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item {\n        display: flex;\n        flex-flow: column;\n        padding: 6px 10px;\n        row-gap: 3px;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count span#filter-count {\n        \/*min-width: 32px;*\/\n        \/*font-weight: bold;*\/\n        \/*border-radius: 20px;*\/\n        \/*border: 1px solid black;*\/\n        \/*font-size: 10px;*\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: .6;\n        font-weight: lighter;\n        \/*background-color: #f4eb49;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item.search {\n        padding: 0 !important;\n        border: none;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search * {\n        border-radius: 3px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 35px;\n        column-gap: 8px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n        padding: 0 8px;\n        background-color: #f7f6f6;\n        border: none;\n        font-size: 14px;\n        min-height: 100%;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n        background-color: rgb(38, 77, 151);\n        min-width: 20%;\n        cursor: pointer;\n        min-height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button .dashicons-search {\n        color: white;\n        scale: 1.3;\n    }\n\n    #trailer_funnel .navbar .flip {\n        transform: rotate(-180deg);\n        transform-origin: 60% 50%;\n    }\n\n    @media screen and (max-width: 600px) {\n        .search-container {\n            margin: 0 auto;\n            padding-bottom: 30px;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content.search {\n            padding: 2% 5% !important;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n            display: none;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n            min-width: 100%;\n            background-color: white;\n        }\n    }\n\n<\/style>\n                            <\/div>\n                    \n                    <div class=\"content\">\n                                                    <span id=\"units-count\"><span>0<\/span> units<\/span>\n                                                                                                    <div class=\"no-units-listed\">No matches were found based on your search criteria.<\/div>\n                                                                    <\/div>\n                <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <style>\n\n        .dashicons.dashicons-no-alt {\n            cursor: pointer;\n        }\n\n        @media screen and (min-width: 900px) {\n            span#empty-img {\n                border-color: transparent !important;\n            }\n        }\n\n        span#empty-img {\n            color: #ebebeb;\n            text-align: center;\n            border: 1.5px solid #ebebeb;\n            border-radius: 2px;\n            min-height: 200px;\n            max-height: 200px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            max-width: 75%;\n            margin: 0 auto;\n        }\n\n\n        #trailer_funnel {\n            max-width: 1440px;\n        }\n\n        #trailer_funnel .paginate {\n            margin-bottom: 30px;\n        }\n\n        #trailer_funnel hr {\n            background: #ebebeb;\n            border: none;\n            height: 1.5px;\n        }\n\n        #trailer_funnel hr:last-child {\n            margin-bottom: 2.5%;\n        }\n\n        #trailer_funnel .main-wrap {\n            background: white;\n            position: relative;\n            min-height: 100vh;\n        }\n\n        #trailer_funnel .header {\n            background: rgb(203, 222, 253);\n            height: 10%;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n        #trailer_funnel .wrap-content {\n            display: grid;\n            grid-template-areas: 'search search' 'navbar content';\n            grid-template-rows: minmax(0, max-content) 2fr;\n            grid-template-columns: 0.8fr 3fr;\n            column-gap: 4%;\n            padding: 0 2% 0 2%;\n        }\n\n        #trailer_funnel .navbar {\n            grid-area: navbar;\n            height: fit-content;\n            padding: 0;\n        }\n\n        #trailer_funnel .content {\n            grid-area: content;\n            padding-right: 3%;\n            display: flex;\n            flex-flow: column;\n            row-gap: 10px;\n        }\n\n        #trailer_funnel .content span#units-count{\n            color: rgb(38, 77, 151);\n        }\n\n        #trailer_funnel .content span#units-count span{\n            font-weight: bold;\n        }\n\n        #trailer_funnel .footer {\n            background: rgb(203, 222, 253);\n            height: 20%;\n            width: 100%;\n            margin-top: 200px;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n    <\/style>\n\n        \n\n        <!--main styles-->\n        <style>\n\n            @media print {\n\n                div.paginate {\n                    display: none !important;\n                }\n\n                header, footer {\n                    display: none !important;\n                }\n\n                a.edit-button.button {\n                    display: none !important;\n                }\n\n                button#print {\n                    display: none !important;\n                }\n\n                span#empty-img {\n                    border-color: transparent;\n                }\n\n                #trailer_funnel .item-info .item-stock {\n                    font-size: 11px !important;\n                }\n\n                #trailer_funnel .item-info .item-title div.price {\n                    font-size: 16px !important;\n                }\n\n                #trailer_funnel .item-info {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs .specs-buttons button {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .msrp {\n                    font-size: 12px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .navbar .sort select {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner {\n                    font-size: 9px !important;\n                    padding: 5px 10px 5px 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale {\n                    column-gap: 5px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale > span {\n                    scale: 1 !important;\n                }\n\n                #trailer_funnel .wrap-content .search, #trailer_funnel .wrap-content .navbar {\n                    display: none !important;\n                }\n\n                #trailer_funnel .wrap-content {\n                    grid-template-columns: 1fr !important;\n                    padding: 0 !important;\n                }\n            }\n\n            button#print {\n                position: fixed;\n                z-index: 1;\n                top: 60px;\n                right: 30px;\n                opacity: 0.2;\n                padding: 8px;\n                scale: 1.5;\n                background-color: darkgrey;\n                border-color: transparent;\n                outline: 1px solid white;\n                outline-offset: -2px;\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            button#print:hover {\n                opacity: 1;\n            }\n\n            button#print:focus {\n                box-shadow: none;\n            }\n\n            #trailer_funnel .item-img {\n                overflow: hidden;\n                text-align: center;\n                border: 1.5px solid #ebebeb;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            #trailer_funnel .item-info {\n                font-weight: 400;\n            }\n\n            #trailer_funnel .item-info .item-title span.prefix {\n                font-weight: 400;\n                color: #44a2f8;\n            }\n\n            #trailer_funnel .item-info .item-title span.label {\n                color: black;\n            }\n\n            #trailer_funnel .item-info .item-title span.price {\n                font-size: 24px;\n                font-weight: 800;\n                color: rgb(38, 77, 151);\n            }\n\n            #trailer_funnel .item-info .item-title span.price.red {\n                color: rgb(220, 76, 24);\n            }\n\n            #trailer_funnel .item-info .item-stock {\n                height: fit-content;\n                font-size: 10px;\n                color: #747474;\n            }\n\n            #trailer_funnel .item-info .item-stock .location {\n                font-weight: bold;\n                display: inline-flex;\n                column-gap: 2px;\n                justify-content: flex-start;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location>span:last-child {\n                word-break: break-word;\n                display: -webkit-box;\n                \/*overflow: hidden;*\/\n                \/*text-overflow: ellipsis;*\/\n                \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n                \/*-webkit-box-orient: vertical;*\/\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img {\n                display: inline-flex;\n                justify-content: center;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img svg {\n                position: relative;\n                top: 1px;\n            }\n\n            #trailer_funnel .item-info .item-specs {\n                font-size: 12px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-first * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-second * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                font-size: 12px;\n                color: white;\n                border-radius: 4px;\n                border: 1px solid rgb(38, 77, 151);\n                background-color: rgb(38, 77, 151);\n                width: 100%;\n            }\n\n            #trailer_funnel .specs-buttons button.view-details,\n            #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                color: rgb(38, 77, 151);\n                background: white;\n                text-transform: uppercase;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons button.outlined {\n                background: white!important;\n                color: rgb(38, 77, 151)!important;\n            }\n\n\n            .item-img .loader {\n                display: flex;\n                border-radius: 2px;\n                border: 2px solid var(--general_borders_color);\n                width: 100%;\n                height: 100%;\n                justify-content: center;\n                align-items: center;\n                overflow: hidden;\n                min-width: 100%;\n                background: white;\n                position: absolute;\n            }\n\n            .item-img .loader .lds-default {\n                display: inline-block;\n                position: relative;\n                width: 80px;\n                height: 80px;\n            }\n            .item-img .loader .lds-default div {\n                position: absolute;\n                width: 6px;\n                height: 6px;\n                background: #264d97;\n                border-radius: 50%;\n                animation: lds-default 1.2s linear infinite;\n            }\n            .item-img .loader .lds-default div:nth-child(1) {\n                animation-delay: 0s;\n                top: 37px;\n                left: 66px;\n            }\n            .item-img .loader .lds-default div:nth-child(2) {\n                animation-delay: -0.1s;\n                top: 22px;\n                left: 62px;\n            }\n            .item-img .loader .lds-default div:nth-child(3) {\n                animation-delay: -0.2s;\n                top: 11px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(4) {\n                animation-delay: -0.3s;\n                top: 7px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(5) {\n                animation-delay: -0.4s;\n                top: 11px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(6) {\n                animation-delay: -0.5s;\n                top: 22px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(7) {\n                animation-delay: -0.6s;\n                top: 37px;\n                left: 7px;\n            }\n            .item-img .loader .lds-default div:nth-child(8) {\n                animation-delay: -0.7s;\n                top: 52px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(9) {\n                animation-delay: -0.8s;\n                top: 62px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(10) {\n                animation-delay: -0.9s;\n                top: 66px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(11) {\n                animation-delay: -1s;\n                top: 62px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(12) {\n                animation-delay: -1.1s;\n                top: 52px;\n                left: 62px;\n            }\n            @keyframes lds-default {\n                0%, 20%, 80%, 100% {\n                    transform: scale(1);\n                }\n                50% {\n                    transform: scale(1.5);\n                }\n            }\n\n        <\/style>\n        <!---->\n\n        <!--styles for laptop-->\n        \n                            <style>\n\n                    #trailer_funnel .item-info .banners {\n                        grid-area: banners;\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-start;\n                        column-gap: 7px;\n                        padding-top: 5px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        color: black;\n                        padding: 5px 17px 5px 17px;\n                        border-radius: 20px;\n                        font-size: 11px;\n                        font-weight: bold;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                        padding-right: 20px !important;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.status {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale > span {\n                        scale: 1.2;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale svg {\n                        position: relative;\n                        fill: #444444;\n                        height: 12px;\n                        top: -2px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.featured {\n                        background-color: #ffa834;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.on-special {\n                        background-color: #f4eb49;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n\n                    #trailer_funnel .item-wrapper {\n                        margin-bottom: 35px;\n                        border-bottom: 2px solid #ebebeb;\n                    }\n\n                    #trailer_funnel .item {\n                        cursor: pointer;\n                        display: grid;\n                        grid-template-areas: 'img info';\n                        grid-template-columns: 1.1fr 2.5fr;\n                        grid-column-gap: 3%;\n                        margin-bottom: 35px;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-img {\n                        grid-area: img;\n                        min-height: 230px;\n                        max-height: 230px;\n                        position: relative;\n                    }\n\n                    #trailer_funnel .img-overlay {\n                        top:0;\n                    }\n\n\n                    #trailer_funnel .item-info {\n                        min-height: 230px;\n                        grid-area: info;\n                        display: grid;\n                        grid-template-areas: 'title' 'stock' 'banners' 'descr' 'specs';\n                        grid-template-rows: minmax(0, auto);\n                        font-size: 20px;\n                    }\n\n                    #trailer_funnel .item-info .item-title {\n                        grid-area: title;\n                        display: flex;\n                        justify-content: space-between;\n                        gap: 0.5%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price {\n                        display: flex;\n                        min-width: fit-content;\n                        align-items: flex-start;\n                        font-size: 24px;\n                        font-weight: 800;\n                        color: rgb(38, 77, 151);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price.red {\n                        color: rgb(220, 76, 24);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price span {\n                        margin-left: auto;\n                    }\n\n                    #trailer_funnel .item-info .item-stock {\n                        grid-area: stock;\n                        display: grid;\n                        grid-template-areas: 'stock location msrp';\n                        grid-template-columns: auto 1fr auto;\n                        grid-column-gap: 1%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .stock {\n                        grid-area: stock;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .location {\n                        grid-area: location;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp {\n                        align-self: end;\n                        grid-area: msrp;\n                        display: grid;\n                        grid-template-areas: 'msrp msrp-price' 'price price-value' 'savings savings-value' 'monthly monthly-value';\n                        grid-auto-columns: auto;\n                        grid-column-gap: 2rem;\n                        font-size: 12px;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span {\n                        text-decoration: line-through;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span.blue {\n                        color: #44a2f8;\n                        text-decoration: unset;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-stock .msrp span.green {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #72bb53;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext-decoration: unset;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-description {\n                        grid-area: descr;\n                        font-size: 13px;\n                        padding: 10px 0;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-description h1, h2, h3, h4, h5, p, ul {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   margin: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-specs {\n                        grid-area: specs;\n                        display: grid;\n                        grid-template-areas: 'specs-first specs-buttons';\n                        grid-template-columns: 3fr 1fr;\n                        grid-column-gap: 2%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first {\n                        grid-area: specs-first;\n                        display: flex;\n                        flex-direction: row;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        flex-wrap: wrap;\n                        column-gap: 11px;\n                        row-gap: 11px;\n                        \/*max-height: 45px;*\/\n                        align-self: center;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                        min-width: 47%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:first-child {\n                        white-space: nowrap;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:last-child {\n                        text-align: right;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-second {\n                        grid-area: specs-second;\n                        display: flex;\n                        flex-flow: column;\n                        gap: 5%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-second div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons {\n                        grid-area: specs-buttons;\n                        display: flex;\n                        flex-flow: column;\n                        align-items: flex-end;\n                        align-content: flex-end;\n                        row-gap: 0.5rem;\n                        align-self: end;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        width: 100%;\n                    }\n\n                <\/style>\n                    <!---->\n\n        <!--styles for mobile-->\n                <!---->\n\n        <script>\n            var isAuth = \"1\";\n            var design = \"hybrid\";\n            var apiToken = \"22971|nwtaMeeLHU8aTR4M3In86rpMOOAYFvx5iB0j6W57219ae2af\";\n            var wp_endpoint_prefix = \"\";\n            var wp_units_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-units';\n            var wp_pagination_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-pagination';\n            var shortcodeQuery = \"sort=relevance&manufacturer[0]=MISSION&with_filters=1&\";\n            shortcodeQuery = shortcodeQuery.replace(\/\\&$\/, '');\n            var pageFiltersQuery = \"sort=relevance&with_filters=1&\";\n            pageFiltersQuery = pageFiltersQuery.replace(\/\\&$\/, '');\n            var dealerOrderQuery = getDealerOrderQuery();\n\n            var searchQuery = false;\n            window.location.search.split('&').map(function (item, index){\n                if(item.indexOf(\"search=\") !== -1){\n                    searchQuery = item;\n                    return;\n                }\n            })\n            searchQuery = searchQuery ? searchQuery.replace (\"?\", \"\") : false;\n\n\n            jQuery(document).ready(function () {\n                imagesLazyLoading();\n                if (!jQuery('.content .items .item ').length) {\n                    jQuery('.content .paginate ').hide();\n                    const message = isAuth\n                        ? '<div>No results found ...<\/div>'\n                        : `<a href=\"${wp_endpoint_prefix}\/wp-admin\/admin.php?page=trailer-funnel\">Please, Sign in!<\/a>`\n                    jQuery('.content .items').append(message);\n                    jQuery('.content .items')\n                        .css({\n                            'min-height': '60vh',\n                            'justify-content': 'center',\n                            display: 'flex',\n                            'align-items': 'center',\n                            color: 'rgb(96, 96, 96)',\n                            'font-style': 'italic'\n                        });\n                }\n            });\n\n            function getDealerOrderQuery () {\n\n                const dealerOrderDbValue = `relevance`;\n\n                const queryDealerOrder = `sort=relevance&with_filters=1&`;\n\n                const sortStatusOption = [\n                    \"featured_available_on_order_pending_sale\",\n                    \"available_on_order_pending_sale_sold\",\n                    \"available_on_order_sold_pending_sale\",\n                    \"available_pending_sale_on_order_sold\",\n                    \"available_sold_on_order_pending_sale\",\n                    \"available_sold_pending_sale_on_order\"\n                ]\n\n                const windowQuery = window.location.search;\n\n                let query = \"\";\n\n                if(windowQuery.indexOf('sort=') !== -1){\n                    if( windowQuery.indexOf('sort=relevance') !== -1 && sortStatusOption.includes(dealerOrderDbValue) && windowQuery.indexOf('status=') === -1){\n                        query = queryDealerOrder;\n                    }\n                } else {\n                    query = queryDealerOrder;\n                    if(windowQuery.indexOf('status=') !== -1 ) {\n                        query = '';\n                        if(!sortStatusOption.includes(dealerOrderDbValue)){\n                            query = queryDealerOrder;\n                        }\n                    }\n                }\n\n                return query;\n            }\n\n            function imagesLazyLoading() {\n                jQuery(\"img#srp-preloaded\").each(function () {\n                    let url = jQuery(this).attr('url');\n                    let thumbUrl = jQuery(this).attr('src');\n                    if (thumbUrl) {\n                        checkImage(jQuery(this).parent(), thumbUrl, url);\n                    } else {\n                        jQuery(this).css('opacity', 0);\n                        jQuery(this).parent().find('.loader').css('z-index', 0);\n                        loadSrpFullImage(jQuery(this), $(this).parent().find('.loader'), url);\n                    }\n                })\n            }\n            function checkImage(element,thumbUrl, url) {\n                let image = new Image();\n\n                image.onload = function() {\n                    if (this.width > 0) {\n                        jQuery(element).find(\"img#srp-preloaded\").removeAttr('url');\n                        jQuery(element).find('.loader').remove();\n                    }\n                }\n                image.onerror = function() {\n                    jQuery(element).find(\"img#srp-preloaded\").css('opacity', 0);\n                    jQuery(element).find('.loader').css('z-index', 0);\n                    loadSrpFullImage(jQuery(element).find(\"img#srp-preloaded\"), jQuery(element).find('.loader'), url);\n                }\n                image.src = thumbUrl;\n            }\n\n            function loadSrpFullImage(img, loader, url) {\n                const image = new Image();\n\n                image.onload = () => {\n                    img.replaceWith(image);\n                    loader.remove();\n                }\n\n                image.src = url;\n            }\n\n        <\/script>\n\n                    <script>\n            jQuery(document).ready(function () {\n                    const currentSortOptions = \"\";\n                    let querySort;\n                    switch (currentSortOptions) {\n                        case \"age_increase\":\n                            querySort = \"sort=created_at&order=asc\";\n                            break;\n                        case \"age_decrease\":\n                            querySort = \"sort=created_at&order=desc\";\n                            break;\n                        case \"price_increase\":\n                            querySort = \"sort=price&order=asc\";\n                            break;\n                        case \"price_decrease\":\n                            querySort = \"sort=price\";\n                            break;\n                        case \"title_z_to_a\":\n                            querySort = \"sort=title\";\n                            break;\n                        case \"title_a_to_z\":\n                            querySort = \"sort=title&order=asc\";\n                            break;\n                        case \"length_ascending\":\n                            querySort = \"sort=length&order=asc\";\n                            break;\n                        case \"length_descending\":\n                            querySort = \"sort=length\";\n                            break;\n                        case \"stock_ascending\":\n                            querySort = \"sort=stock&order=asc\";\n                            break;\n                        case \"stock_descending\":\n                            querySort = \"sort=stock\";\n                            break;\n                        case \"images_count\":\n                            querySort = \"sort=images_count\"\n                            break;\n                    }\n\n                    const isEmptyData = \"1\"\n\n                    if (!isEmptyData) {\n                        let pagLinks = \"\"\n                        pagLinks = pagLinks.split('-');\n                        pagLinks = pagLinks.filter(url => url !== '');\n                        pagLinks[pagLinks.length - 1] = '';\n                        pagLinks[0] = '';\n                        pagLinks = pagLinks.filter(url => url !== '');\n\n                        let scrollFix = design === 'grid' ? 1.4 : 3.4;\n                        scrollFix = isMobile ? 1 : scrollFix;\n\n                        jQuery(window).on('scroll.once', function () {\n                            let pos = jQuery('.items .item').last().position().top - ( jQuery('.items .item').last().outerHeight() * scrollFix );\n                            if (jQuery(window).scrollTop() >= pos) {\n                                backendApiRequest();\n                            }\n                        });\n\n                        function backendApiRequest() {\n                            if (pagLinks.length) {\n                                const buildUrl = () => {\n                                    \n                                    \n                                    const baseUrl = pagLinks[0];\n                                    let queries = [\n                                        dealerOrderQuery && `&${dealerOrderQuery}`,\n                                        querySort && (dealerOrderQuery ? querySort : `&${querySort}`),\n                                        shortcodeQuery && `&${shortcodeQuery}`,\n                                        pageFiltersQuery && `&${pageFiltersQuery}`,\n                                        searchQuery && `&${searchQuery}`,\n                                    ].filter(Boolean).join('');\n\n                                    \n                                    \n                                    return `${baseUrl}${queries}`;\n                                };\n\n                                let url = buildUrl();\n\n                                jQuery.ajax({\n                                    url: url,\n                                    type: 'GET',\n                                    beforeSend: function (xhr) {\n                                        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);\n                                    },\n                                    data: {},\n                                    async: false,\n                                    success: function (result, status, xhr) {\n                                        itemsLazyLoading(result.data);\n                                    },\n                                    error: function (xhr, status, error) {\n                                        console.log('error first');\n                                    },\n                                });\n                            }\n                        }\n\n                        function itemsLazyLoading(items) {\n                            \/\/remove previous url\/page\n                            pagLinks[0] = '';\n                            pagLinks = pagLinks.filter(url => url !== '');\n                            \/\/\n\n                            items && getProcessedUnits(items)\n                        }\n\n                        function getProcessedUnits(units) {\n                            jQuery.ajax({\n                                url: `${wp_units_endpoint}\/${design}`,\n                                type: 'POST',\n                                data: {units: JSON.stringify(units)},\n                                dataType: \"html\",\n                                async: false,\n                                headers: '',\n                                success: function (result, status, xhr) {\n                                    appendUnits(result);\n                                    \/\/ console.log(result, status, xhr);\n                                },\n                                error: function (xhr, status, error) {\n                                    \/\/ console.log(xhr.responseText)\n                                    \/\/ console.log(xhr, status, error);\n                                },\n                            });\n                        }\n\n\n                        function appendUnits(units) {\n                            units = units.split('Warning:')[0];\n                            jQuery('.items').append(units);\n                            isMobile && recreateItemForMobile()\n\n                            imagesLazyLoading();\n\n                            if (pagLinks.length) {\n                                jQuery('.items .item').last().focus();\n                                window.scrollTo(0, jQuery(window).scrollTop())\n                                pos = jQuery('.items .item').last().position().top - jQuery('.items .item').last().outerHeight() * scrollFix;\n                            }\n                        }\n                    }\n                }\n            )\n        <\/script>\n            <script>\n    diviStylesLoadFix ();\n    function diviStylesLoadFix () {\n        let mainPage = document.createElement('div');\n\n        $.get(`https:\/\/www.thetrailerdepot.com`, function (data){\n            mainPage.innerHTML = data;\n        }).done(function( data ) {\n\n            let diviStyles1 = $(mainPage).find(\"style[id^='divi-']\");\n            let diviStyles2 = $(mainPage).find(\"style[id^='et-']\");\n            let diviStyles3 = $(mainPage).find(\"style[id^='css-divi-']\");\n\n            let diviLinks1 = $(mainPage).find(\"link[id^='divi-']\");\n            let diviLinks2 = $(mainPage).find(\"link[id^='et-']\");\n\n            let diviScripts1 = $(mainPage).find(\"script[id^='divi-']\")\n            let diviScripts2 = $(mainPage).find(\"script[id^='fitvids-']\");\n            let diviScripts3 = $(mainPage).find(\"script[id^='et-']\");\n\n            diviStyles1.length && diviStyles1.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles2.length && diviStyles2.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles3.length && diviStyles3.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviLinks1.length && diviLinks1.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n            diviLinks2.length && diviLinks2.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviScripts1.length && diviScripts1.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts2.length && diviScripts2.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts3.length && diviScripts3.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n        });\n    }\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"\n        <div id=\"trailer_funnel\">\n            <div class=\"main-wrap\">\n                \n                <div class=\"wrap-content\">\n\n                    \n\n<div class=\"search\" style='display: none' >\n    <div class=\"filters-content\">\n            <\/div>\n    <div class=\"link\">\n        <a href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/?&clear_all=true\">Clear all<\/a>\n    <\/div>\n<\/div>\n\n\n<style>\n    #trailer_funnel .search {\n        grid-area: search;\n        border: 1px solid #d7d7d7;\n        border-radius: 4px;\n        height: fit-content;\n        padding: 0.5% 1%;\n        display: flex;\n        justify-content: space-between;\n        font-size: 12px;\n        margin: 2% 0;\n    }\n\n    #trailer_funnel .search .filters-content {\n        display: flex;\n        gap: 10px;\n        overflow-x: hidden;\n        flex-flow: row wrap;\n    }\n\n    #trailer_funnel .search div.link {\n        display: flex;\n        align-items: center;\n        min-width: 50px;\n        margin-left: 15px;\n    }\n\n    #trailer_funnel .search div.link a {\n        color: rgb(0, 108, 229);\n        width: 100%;\n    }\n\n    #trailer_funnel .search .filters-content .filter {\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #d7d7d7;\n        border-radius: 20px;\n        padding: 3px 6px 3px 11px;\n        text-align: center;\n        gap: 2px;\n        color: rgb(96, 96, 96);\n        align-items: center;\n    }\n\n    #trailer_funnel .search .filters-content .filter span {\n        white-space: nowrap;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt {\n        color: rgb(96, 96, 96);\n    }\n\n    #trailer_funnel .search .filters-content .filter form {\n        display: flex;\n    }\n\n    #trailer_funnel .search .filters-content div.filter a {\n        text-decoration: none;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt:hover {\n        color: red;\n    }\n\n<\/style>\n\n<script>\n\n    function resetSlider (category) {\n        let min = jQuery('#slider-range.' + category).slider(\"option\", \"min\");\n        let max = jQuery('#slider-range.' + category).slider(\"option\", \"max\");\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [min, max]\n        });\n\n        \/\/ hide filter content\n        jQuery('#slider-range.' + category).parent().parent().parent().hide();\n        jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").removeClass('flip');\n\n    }\n\n    function onCategoryRemoveButtonClick(event) {\n        var isMobile = \"\";\n        const category = jQuery(event.currentTarget).parent().first().find('span').attr('id');\n\n        try {\n            if (isMobile) {\n                jQuery(event.currentTarget).parent().first().remove();\n\n                if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n                    jQuery(\"#modal-filters-mobile .search\").hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n                resetSlider(category);\n            }\n        } catch (e){\n            console.log(e);\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        isMobile\n            ? queryMobileUrl = arrayToQuery\n            : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n    function onFilterRemoveButtonClick(event) {\n        var isMobile = \"\";\n        let category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n        category = category.replace('for_', '');\n\n        if( category !== 'is_on_special_true' && category !== 'living_quarters_true' && category !== 'ramps_true' ) {\n            if( category.indexOf('suspension_type_') !== -1) {\n                category = 'suspension_type';\n            } else if (category.indexOf('pull_type') !== -1 || category.indexOf('fuel_type') !== -1 || category.indexOf('is_rental') !== -1) {\n                category = category.split('_').slice(0, 2).join('_');\n            } else if (category.indexOf('category') !== -1) {\n                category = 'category_name';\n            } else if (category.indexOf('location') !== -1) {\n                category = 'location_name';\n            } else {\n                category = category.split('_')[0];\n            }\n        } else {\n            if (category === 'is_on_special_true') {\n                category = 'is_on_special';\n            } else if (category === 'living_quarters_true') {\n                category = 'living_quarters';\n            } else if (category === 'ramps_true') {\n                category = 'ramps';\n            }\n        }\n\n        let checkboxId = jQuery(event.currentTarget).parent().find('span').first().attr('id').replace('for_', '');\n\n        if (checkboxId.includes('category_')) {\n            checkboxId = checkboxId.replace('category_', 'category_name_');\n        }\n\n        if (checkboxId.includes('location_')) {\n            checkboxId = checkboxId.replace('location_', 'location_name_');\n        }\n\n        if (category !== 'search') {\n            checkboxId = decodeURIComponent(checkboxId);\n            const element = document.getElementById(checkboxId);\n            if (element) {\n                element.checked = false;\n            }\n        }\n\n        if (isMobile) {\n            jQuery(event.currentTarget).parent().first().remove();\n\n            if (category === 'search') {\n                jQuery('#stock-search-input').val(\"\");\n            }\n\n            if (!jQuery(\"#modal-filters-mobile .modal-header .search .filters-content .filter\").length) {\n                jQuery(\"#modal-filters-mobile .modal-header .search\").hide();\n            }\n\n            \/\/ modal content position fix\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray.map((query, index) => {\n            if (query.includes(category + '=')) {\n                query = query.split('=');\n                query = category === 'search' ? query[1].split('&') : query[1].split('--');\n                checkboxId = checkboxId.replace(category + '_', '').replaceAll(' ', '%20');\n                query = query.filter(filter => filter.indexOf(checkboxId) === -1);\n\n                if (category === 'search') {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n\n                if(queryToArray.length && query.length){\n                    query = query.join('--');\n                    if (category !== 'search' || category !== 'category_name' || category !== 'location_name') {\n                        queryToArray[index] = category + '=' + query\n                    }\n                } else {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n            }\n        });\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1)\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n<\/script>\n\n\n                                            <div class=\"navbar\">\n                                        <!--\/\/jquery fix for some wp themes-->\n        <script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n\t\t        <div class=\"sort\"  >\n            <span>Sort:<\/span>\n            \n\n<select id='user_sort' name='user_sort' class=\"admin\">\n\t        <option selected value='relevance'>Relevance (Default)<\/option>\n            <option  value='age_decrease'>Age (Newest - Oldest)<\/option>\n            <option  value='age_increase'>Age (Oldest - Newest)<\/option>\n            <option  value='price_increase'>Price ($ - $$$)<\/option>\n            <option  value='price_decrease'>Price ($$$ - $)<\/option>\n            <option  value='title_z_to_a'>Title (Z to A)<\/option>\n            <option  value='title_a_to_z'>Title (A to Z)<\/option>\n            <option  value='length_ascending'>Length (Ascending)<\/option>\n            <option  value='length_descending'>Length (Descending)<\/option>\n            <option  value='stock_ascending'>Stock (Ascending)<\/option>\n            <option  value='stock_descending'>Stock (Descending)<\/option>\n            <option  value='images_count'>Images Count<\/option>\n    \n    \n\t\n\n<\/select>\n        <\/div>\n\n        \n        <div class=\"filters-wrap\">\n            <div class=\"filter-wrap\">\n                    <div class=\"filter-title search\" onclick=\"onFilterCategoryClick(event)\">\n                        <span>Search<\/span>\n                        <span class=\"filter-button\">\n                                <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                     xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                    <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                <\/svg>\n                            <\/span>\n                    <\/div>\n                    <div class=\"filter-content search\" style=\"display: none\">\n                        <div class=\"filter-item search\">\n                            <div id=\"stock-search\">\n                                <input id=\"stock-search-input\" placeholder=\"Keyword...\" type=\"text\">\n                                <span id=\"stock-search-button\" onclick=\"onSearchClick(event, 'search')\">\n                                        <span class=\"dashicons dashicons-search\"><\/span>\n                                <\/span>\n                            <\/div>\n                            <!--                        <input --><!-- class=\"custom-checkbox\"-->\n                            <!--                                                                                                    type=\"checkbox\"-->\n                            <!--                                                                                                    id=\"find_in_description\"-->\n                            <!--                                                                                                    style=\"display: none\">-->\n                            <label id=\"find_in_description_label\" for=\"find_in_description\" style=\"display: none\">Include search by description<\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div>\n\t\n\n<script>\n\n    var isMobile = !!\"\";\n\n    if (isMobile) {\n        var queryMobileUrl = window.location.search.length ? window.location.search : queryMobileUrl;\n    }\n\n    isMobile && jQuery('#stock-search-input').on('input', function () {\n        const searchValue = jQuery(this).val();\n        if (queryMobileUrl.search('search=') === -1) {\n            queryMobileUrl += (queryMobileUrl ? \"&\" : \"\") + `search=${searchValue}`;\n        } else {\n            let queryToArray = queryMobileUrl.split('&');\n            queryToArray.map((query, key) => {\n                if (query.search('search=') !== -1) {\n                    queryToArray[key] = searchValue.length ? `search=${searchValue}` : '';\n                }\n            })\n            queryMobileUrl = queryToArray.join('&');\n        }\n    })\n\n\n    jQuery('#stock-search-input').keypress(function (event) {\n        if(event.currentTarget.value){\n            event.key === \"Enter\" && onSearchClick(event, 'search', true);\n        }\n    });\n\n    function onSearchClick(event, type, button_pressed = false) {\n        \/\/ const isSearchBbyDescription = jQuery(\"#find_in_description\").prop('checked');\n        const searchValue = button_pressed ? event.currentTarget.value : jQuery(event.currentTarget).prev().val();\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search(`${type}=`) > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes(type)) {\n                    queryToArray[index] = searchValue ? `${type}=` + searchValue : '';\n\n                    \/\/ if(searchValue && isSearchBbyDescription){\n                    \/\/     if(! queryToArray.includes(`find_in_description=true`)){\n                    \/\/         queryToArray.push('find_in_description=true')\n                    \/\/     }\n                    \/\/ }\n\n                    \/\/ if( ! isSearchBbyDescription && queryToArray.find(element => element.search(`find_in_description=`) !== -1 )) {\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `find_in_description=true`)\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `?find_in_description=true`)\n                    \/\/ }\n                }\n            });\n\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            \/\/ let searchParams;\n            \/\/ searchParams = isSearchBbyDescription\n            \/\/     ? window.location.search.indexOf('find_in_description=') === -1\n            \/\/         ? querySymbol + `${type}=` + searchValue + '&find_in_description=true'\n            \/\/         : querySymbol + `${type}=` + searchValue\n            \/\/     : querySymbol + `${type}=` + searchValue;\n\n            let searchValueEncoded = searchValue.replaceAll(' ', '%20').replaceAll('\"', '%22').replaceAll('+', '%2B');\n            let searchParams = querySymbol + `${type}=` + searchValueEncoded;\n\n            const urlObj = new URL(window.location.href + searchParams);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n    }\n\n    jQuery(document).ready(() => {\n        jQuery('.filters-wrap input:checked').each(function () {\n            \/\/Displays full block in navbar filters section if the checkbox inside is checked\n            jQuery(this).closest(\".filter-wrap\").find(\".filter-content\").show();\n            \/\/ flip arrow for filter section\n            jQuery(this).closest(\".filter-wrap\").find('.filter-button').addClass('flip');\n        });\n\n        const isSearch = window.location.search.search('search=') !== -1;\n        if (isSearch) {\n            const formatQuery = window.location.search.replace(\/^[&?]\/, '');\n            let formatQueryToArray = formatQuery.split('&');\n            formatQueryToArray.map(queryParam => {\n                if (queryParam.search('search=') !== -1) {\n                    if (queryParam.split('=')[1].length) {\n                        jQuery('input#stock-search-input').val(decodeURIComponent(queryParam).split('=')[1].replaceAll('%20', ' ').replaceAll('%22', '\"').replaceAll('%2B', '+'));\n                        jQuery('.filter-content.search').show();\n                        jQuery('.filter-title.search').find('.filter-button').addClass('flip');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n                }\n            })\n        }\n        onSearchInputChange();\n        jQuery('input#stock-search-input').on('input', () => onSearchInputChange());\n\n            });\n\n    \/\/ Function to get a parameter by name from the URL\n    function getParamValue(paramName) {\n        let url = new URL(window.location.href);\n        return url.searchParams.get(paramName);\n    }\n\n    \/\/ Function to set the form field values\n    function setFormFieldValues() {\n        let zipCode = getParamValue('zip_code');\n        let radius = getParamValue('radius');\n\n        \/\/ If ZIP code is not present in the URL\n        if (!zipCode) {\n            document.querySelector('#zip_code').value = \"\";\n        } else {\n            document.querySelector('#zip_code').value = zipCode;\n        }\n\n        \/\/ If radius is present in the URL, set the value of the radius select\n        if (radius) {\n            document.querySelector('#distance').value = radius;\n        } else {\n            document.querySelector('#distance').value = 100;\n        }\n    }\n\n    function scrollToFilterContent(content) {\n        const contentTopPos = jQuery(content).offset().top;\n        if (content.offset().top >= jQuery('.modal-content').outerHeight() * 0.5) {\n            console.log(true)\n            console.log(true)\n            jQuery('.modal-content').animate({scrollTop: contentTopPos + parseInt(content.css('height')) \/ 2}, 500)\n        }\n    }\n\n    function onFilterCategoryClick(event) {\n        const content = jQuery(event.currentTarget).next();\n        const isVisible = content.css('display') !== 'none';\n        if (!isVisible) {\n            content.show();\n            \/\/ isMobile && scrollToFilterContent(content);\n            jQuery(event.currentTarget).find('span.filter-button').addClass('flip');\n        } else {\n            content.hide();\n            jQuery(event.currentTarget).find('span.filter-button').removeClass('flip');\n        }\n    }\n\n    function clearZipSearch(event) {\n        event.preventDefault();\n        window.location.href = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\";\n    }\n\n    \/\/ Function to handle the Save button click event\n    function searchBasedZipCode(event) {\n        \/\/ Prevent the regular form submission\n        event.preventDefault();\n\n        \/\/ Get the form field values\n        let zipCode = document.querySelector('#zip_code').value;\n        let radius = document.querySelector('#distance').value;\n\n        \/\/ Create a URL object from the current URL\n        let url = new URL(window.location.href);\n\n        \/\/ Get the URLSearchParams object from the URL\n        let params = new URLSearchParams(url.search);\n\n        \/\/ Set new values for \"zip_code\" and \"radius\". This will update the values if they already exist, or add them if they don't.\n        zipCode ? params.set('zip_code', zipCode) : '';\n        radius ? params.set('radius', radius) : '';\n\n        \/\/ Replace the old parameters with our new set of parameters\n        url.search = params.toString();\n\n        const urlObj = new URL(url.toString());\n        urlObj.searchParams.delete('pag_page');\n        window.location = urlObj.href;\n    }\n\n    function sortQueryProcessing(e) {\n\n        \/\/if (e.target.value === 'relevance_default') {\n        \/\/    let queryToArray = window.location.search.split('&');\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('sort=') < 0);\n        \/\/    let arrayToQuery = queryToArray.join('&');\n        \/\/\n        \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        \/\/    querySymbol = !arrayToQuery.length ? '' : querySymbol;\n        \/\/\n        \/\/    window.location = \"\/\/\" + querySymbol + arrayToQuery;\n        \/\/    return;\n        \/\/}\n\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search('sort=') > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes('sort')) {\n                    queryToArray[index] = \"sort=\" + e.target.value;\n                }\n            });\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            const urlObj = new URL(window.location.href + querySymbol + \"sort=\" + e.target.value);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n\n    }\n\n    jQuery('#user_sort').change(function (e) {\n        sortQueryProcessing(e);\n    });\n\n    function onSearchInputChange() {\n        const searchInput = jQuery('#stock-search-input');\n        const searchButton = jQuery('#stock-search-button');\n        if (jQuery(searchInput).length) {\n            if (jQuery(searchInput).val().length) {\n                searchButton.css({opacity: 1, pointerEvents: 'auto'});\n            } else {\n                searchButton.css({opacity: 0.5, pointerEvents: 'none'});\n            }\n        }\n    }\n\n<\/script>\n\n<style>\n    .search-container {\n        max-width: 300px;\n        background-color: #fff;\n        padding: 5px;\n    }\n\n    .input-group {\n        margin-bottom: 15px;\n        position: relative;\n    }\n\n    .input-group label {\n        display: block;\n        font-size: 12px;\n        color: #333;\n        margin-bottom: 5px;\n    }\n\n    .input-group input {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n    }\n\n    .settings-icon {\n        position: absolute;\n        right: 10px;\n        top: 35px;\n        font-size: 14px;\n        color: #333;\n    }\n\n    .input-group select {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        cursor: pointer;\n    }\n\n    .button-group {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 15px;\n    }\n\n    .clear-button,\n    .save-button {\n        width: 48%;\n        padding: 10px;\n        font-size: 14px;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n    }\n\n    .clear-button {\n        background-color: #eee;\n        color: #333;\n    }\n\n    .save-button {\n        background-color: #ff9b40;\n        color: #fff;\n    }\n\n    .clear-button:hover {\n        background-color: #ddd;\n    }\n\n    .save-button:hover {\n        background-color: #ff9b40;\n    }\n\n    #trailer_funnel #find_in_description_label {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .sort {\n        color: rgb(38, 77, 151);\n        display: flex;\n        flex-flow: nowrap;\n        align-items: center;\n        gap: 5px;\n        font-weight: bold;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .sort select {\n        color: rgb(38, 77, 151);\n        width: 100%;\n        border-color: rgb(38, 77, 151);\n        border-radius: 20px;\n        font-weight: 500;\n        padding: 8px 15px;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background: transparent;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg fill='rgb(38, 77, 151)' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/><\/svg>\");\n        background-repeat: no-repeat;\n        background-position-x: 98%;\n        background-position-y: center;\n        font-size: 14px;\n        min-height: 30px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap {\n        display: flex;\n        flex-flow: column;\n        row-gap: 15px;\n        margin-top: 15px;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-wrap {\n        display: flex;\n        flex-flow: column;\n        gap: 5px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title {\n        display: flex;\n        \/*justify-content: space-between;*\/\n        background: rgb(38, 77, 151);\n        border-radius: 3px;\n        color: white;\n        font-weight: bold;\n        padding: 8px 10px;\n        position: relative;\n        cursor: pointer;\n        align-items: center;\n        column-gap: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title span#category-count {\n        opacity: .6;\n        font-weight: lighter;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title.search {\n        margin: 0;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title .filter-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-left: auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content {\n        display: flex;\n        flex-flow: column;\n        border-radius: 3px;\n        gap: 5px;\n        background: #fbfbfb;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.search {\n        background-color: transparent;\n        border: unset;\n        padding: 0;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item {\n        display: flex;\n        flex-flow: column;\n        padding: 6px 10px;\n        row-gap: 3px;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count span#filter-count {\n        \/*min-width: 32px;*\/\n        \/*font-weight: bold;*\/\n        \/*border-radius: 20px;*\/\n        \/*border: 1px solid black;*\/\n        \/*font-size: 10px;*\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: .6;\n        font-weight: lighter;\n        \/*background-color: #f4eb49;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item.search {\n        padding: 0 !important;\n        border: none;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search * {\n        border-radius: 3px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 35px;\n        column-gap: 8px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n        padding: 0 8px;\n        background-color: #f7f6f6;\n        border: none;\n        font-size: 14px;\n        min-height: 100%;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n        background-color: rgb(38, 77, 151);\n        min-width: 20%;\n        cursor: pointer;\n        min-height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button .dashicons-search {\n        color: white;\n        scale: 1.3;\n    }\n\n    #trailer_funnel .navbar .flip {\n        transform: rotate(-180deg);\n        transform-origin: 60% 50%;\n    }\n\n    @media screen and (max-width: 600px) {\n        .search-container {\n            margin: 0 auto;\n            padding-bottom: 30px;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content.search {\n            padding: 2% 5% !important;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n            display: none;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n            min-width: 100%;\n            background-color: white;\n        }\n    }\n\n<\/style>\n                            <\/div>\n                    \n                    <div class=\"content\">\n                                                    <span id=\"units-count\"><span>0<\/span> units<\/span>\n                                                                                                    <div class=\"no-units-listed\">No matches were found based on your search criteria.<\/div>\n                                                                    <\/div>\n                <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <style>\n\n        .dashicons.dashicons-no-alt {\n            cursor: pointer;\n        }\n\n        @media screen and (min-width: 900px) {\n            span#empty-img {\n                border-color: transparent !important;\n            }\n        }\n\n        span#empty-img {\n            color: #ebebeb;\n            text-align: center;\n            border: 1.5px solid #ebebeb;\n            border-radius: 2px;\n            min-height: 200px;\n            max-height: 200px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            max-width: 75%;\n            margin: 0 auto;\n        }\n\n\n        #trailer_funnel {\n            max-width: 1440px;\n        }\n\n        #trailer_funnel .paginate {\n            margin-bottom: 30px;\n        }\n\n        #trailer_funnel hr {\n            background: #ebebeb;\n            border: none;\n            height: 1.5px;\n        }\n\n        #trailer_funnel hr:last-child {\n            margin-bottom: 2.5%;\n        }\n\n        #trailer_funnel .main-wrap {\n            background: white;\n            position: relative;\n            min-height: 100vh;\n        }\n\n        #trailer_funnel .header {\n            background: rgb(203, 222, 253);\n            height: 10%;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n        #trailer_funnel .wrap-content {\n            display: grid;\n            grid-template-areas: 'search search' 'navbar content';\n            grid-template-rows: minmax(0, max-content) 2fr;\n            grid-template-columns: 0.8fr 3fr;\n            column-gap: 4%;\n            padding: 0 2% 0 2%;\n        }\n\n        #trailer_funnel .navbar {\n            grid-area: navbar;\n            height: fit-content;\n            padding: 0;\n        }\n\n        #trailer_funnel .content {\n            grid-area: content;\n            padding-right: 3%;\n            display: flex;\n            flex-flow: column;\n            row-gap: 10px;\n        }\n\n        #trailer_funnel .content span#units-count{\n            color: rgb(38, 77, 151);\n        }\n\n        #trailer_funnel .content span#units-count span{\n            font-weight: bold;\n        }\n\n        #trailer_funnel .footer {\n            background: rgb(203, 222, 253);\n            height: 20%;\n            width: 100%;\n            margin-top: 200px;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n    <\/style>\n\n        \n\n        <!--main styles-->\n        <style>\n\n            @media print {\n\n                div.paginate {\n                    display: none !important;\n                }\n\n                header, footer {\n                    display: none !important;\n                }\n\n                a.edit-button.button {\n                    display: none !important;\n                }\n\n                button#print {\n                    display: none !important;\n                }\n\n                span#empty-img {\n                    border-color: transparent;\n                }\n\n                #trailer_funnel .item-info .item-stock {\n                    font-size: 11px !important;\n                }\n\n                #trailer_funnel .item-info .item-title div.price {\n                    font-size: 16px !important;\n                }\n\n                #trailer_funnel .item-info {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs .specs-buttons button {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .msrp {\n                    font-size: 12px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .navbar .sort select {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner {\n                    font-size: 9px !important;\n                    padding: 5px 10px 5px 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale {\n                    column-gap: 5px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale > span {\n                    scale: 1 !important;\n                }\n\n                #trailer_funnel .wrap-content .search, #trailer_funnel .wrap-content .navbar {\n                    display: none !important;\n                }\n\n                #trailer_funnel .wrap-content {\n                    grid-template-columns: 1fr !important;\n                    padding: 0 !important;\n                }\n            }\n\n            button#print {\n                position: fixed;\n                z-index: 1;\n                top: 60px;\n                right: 30px;\n                opacity: 0.2;\n                padding: 8px;\n                scale: 1.5;\n                background-color: darkgrey;\n                border-color: transparent;\n                outline: 1px solid white;\n                outline-offset: -2px;\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            button#print:hover {\n                opacity: 1;\n            }\n\n            button#print:focus {\n                box-shadow: none;\n            }\n\n            #trailer_funnel .item-img {\n                overflow: hidden;\n                text-align: center;\n                border: 1.5px solid #ebebeb;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            #trailer_funnel .item-info {\n                font-weight: 400;\n            }\n\n            #trailer_funnel .item-info .item-title span.prefix {\n                font-weight: 400;\n                color: #44a2f8;\n            }\n\n            #trailer_funnel .item-info .item-title span.label {\n                color: black;\n            }\n\n            #trailer_funnel .item-info .item-title span.price {\n                font-size: 24px;\n                font-weight: 800;\n                color: rgb(38, 77, 151);\n            }\n\n            #trailer_funnel .item-info .item-title span.price.red {\n                color: rgb(220, 76, 24);\n            }\n\n            #trailer_funnel .item-info .item-stock {\n                height: fit-content;\n                font-size: 10px;\n                color: #747474;\n            }\n\n            #trailer_funnel .item-info .item-stock .location {\n                font-weight: bold;\n                display: inline-flex;\n                column-gap: 2px;\n                justify-content: flex-start;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location>span:last-child {\n                word-break: break-word;\n                display: -webkit-box;\n                \/*overflow: hidden;*\/\n                \/*text-overflow: ellipsis;*\/\n                \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n                \/*-webkit-box-orient: vertical;*\/\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img {\n                display: inline-flex;\n                justify-content: center;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img svg {\n                position: relative;\n                top: 1px;\n            }\n\n            #trailer_funnel .item-info .item-specs {\n                font-size: 12px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-first * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-second * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                font-size: 12px;\n                color: white;\n                border-radius: 4px;\n                border: 1px solid rgb(38, 77, 151);\n                background-color: rgb(38, 77, 151);\n                width: 100%;\n            }\n\n            #trailer_funnel .specs-buttons button.view-details,\n            #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                color: rgb(38, 77, 151);\n                background: white;\n                text-transform: uppercase;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons button.outlined {\n                background: white!important;\n                color: rgb(38, 77, 151)!important;\n            }\n\n\n            .item-img .loader {\n                display: flex;\n                border-radius: 2px;\n                border: 2px solid var(--general_borders_color);\n                width: 100%;\n                height: 100%;\n                justify-content: center;\n                align-items: center;\n                overflow: hidden;\n                min-width: 100%;\n                background: white;\n                position: absolute;\n            }\n\n            .item-img .loader .lds-default {\n                display: inline-block;\n                position: relative;\n                width: 80px;\n                height: 80px;\n            }\n            .item-img .loader .lds-default div {\n                position: absolute;\n                width: 6px;\n                height: 6px;\n                background: #264d97;\n                border-radius: 50%;\n                animation: lds-default 1.2s linear infinite;\n            }\n            .item-img .loader .lds-default div:nth-child(1) {\n                animation-delay: 0s;\n                top: 37px;\n                left: 66px;\n            }\n            .item-img .loader .lds-default div:nth-child(2) {\n                animation-delay: -0.1s;\n                top: 22px;\n                left: 62px;\n            }\n            .item-img .loader .lds-default div:nth-child(3) {\n                animation-delay: -0.2s;\n                top: 11px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(4) {\n                animation-delay: -0.3s;\n                top: 7px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(5) {\n                animation-delay: -0.4s;\n                top: 11px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(6) {\n                animation-delay: -0.5s;\n                top: 22px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(7) {\n                animation-delay: -0.6s;\n                top: 37px;\n                left: 7px;\n            }\n            .item-img .loader .lds-default div:nth-child(8) {\n                animation-delay: -0.7s;\n                top: 52px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(9) {\n                animation-delay: -0.8s;\n                top: 62px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(10) {\n                animation-delay: -0.9s;\n                top: 66px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(11) {\n                animation-delay: -1s;\n                top: 62px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(12) {\n                animation-delay: -1.1s;\n                top: 52px;\n                left: 62px;\n            }\n            @keyframes lds-default {\n                0%, 20%, 80%, 100% {\n                    transform: scale(1);\n                }\n                50% {\n                    transform: scale(1.5);\n                }\n            }\n\n        <\/style>\n        <!---->\n\n        <!--styles for laptop-->\n        \n                            <style>\n\n                    #trailer_funnel .item-info .banners {\n                        grid-area: banners;\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-start;\n                        column-gap: 7px;\n                        padding-top: 5px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        color: black;\n                        padding: 5px 17px 5px 17px;\n                        border-radius: 20px;\n                        font-size: 11px;\n                        font-weight: bold;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                        padding-right: 20px !important;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.status {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale > span {\n                        scale: 1.2;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale svg {\n                        position: relative;\n                        fill: #444444;\n                        height: 12px;\n                        top: -2px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.featured {\n                        background-color: #ffa834;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.on-special {\n                        background-color: #f4eb49;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n\n                    #trailer_funnel .item-wrapper {\n                        margin-bottom: 35px;\n                        border-bottom: 2px solid #ebebeb;\n                    }\n\n                    #trailer_funnel .item {\n                        cursor: pointer;\n                        display: grid;\n                        grid-template-areas: 'img info';\n                        grid-template-columns: 1.1fr 2.5fr;\n                        grid-column-gap: 3%;\n                        margin-bottom: 35px;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-img {\n                        grid-area: img;\n                        min-height: 230px;\n                        max-height: 230px;\n                        position: relative;\n                    }\n\n                    #trailer_funnel .img-overlay {\n                        top:0;\n                    }\n\n\n                    #trailer_funnel .item-info {\n                        min-height: 230px;\n                        grid-area: info;\n                        display: grid;\n                        grid-template-areas: 'title' 'stock' 'banners' 'descr' 'specs';\n                        grid-template-rows: minmax(0, auto);\n                        font-size: 20px;\n                    }\n\n                    #trailer_funnel .item-info .item-title {\n                        grid-area: title;\n                        display: flex;\n                        justify-content: space-between;\n                        gap: 0.5%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price {\n                        display: flex;\n                        min-width: fit-content;\n                        align-items: flex-start;\n                        font-size: 24px;\n                        font-weight: 800;\n                        color: rgb(38, 77, 151);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price.red {\n                        color: rgb(220, 76, 24);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price span {\n                        margin-left: auto;\n                    }\n\n                    #trailer_funnel .item-info .item-stock {\n                        grid-area: stock;\n                        display: grid;\n                        grid-template-areas: 'stock location msrp';\n                        grid-template-columns: auto 1fr auto;\n                        grid-column-gap: 1%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .stock {\n                        grid-area: stock;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .location {\n                        grid-area: location;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp {\n                        align-self: end;\n                        grid-area: msrp;\n                        display: grid;\n                        grid-template-areas: 'msrp msrp-price' 'price price-value' 'savings savings-value' 'monthly monthly-value';\n                        grid-auto-columns: auto;\n                        grid-column-gap: 2rem;\n                        font-size: 12px;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span {\n                        text-decoration: line-through;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span.blue {\n                        color: #44a2f8;\n                        text-decoration: unset;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-stock .msrp span.green {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #72bb53;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext-decoration: unset;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-description {\n                        grid-area: descr;\n                        font-size: 13px;\n                        padding: 10px 0;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-description h1, h2, h3, h4, h5, p, ul {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   margin: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-specs {\n                        grid-area: specs;\n                        display: grid;\n                        grid-template-areas: 'specs-first specs-buttons';\n                        grid-template-columns: 3fr 1fr;\n                        grid-column-gap: 2%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first {\n                        grid-area: specs-first;\n                        display: flex;\n                        flex-direction: row;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        flex-wrap: wrap;\n                        column-gap: 11px;\n                        row-gap: 11px;\n                        \/*max-height: 45px;*\/\n                        align-self: center;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                        min-width: 47%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:first-child {\n                        white-space: nowrap;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:last-child {\n                        text-align: right;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-second {\n                        grid-area: specs-second;\n                        display: flex;\n                        flex-flow: column;\n                        gap: 5%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-second div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons {\n                        grid-area: specs-buttons;\n                        display: flex;\n                        flex-flow: column;\n                        align-items: flex-end;\n                        align-content: flex-end;\n                        row-gap: 0.5rem;\n                        align-self: end;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        width: 100%;\n                    }\n\n                <\/style>\n                    <!---->\n\n        <!--styles for mobile-->\n                <!---->\n\n        <script>\n            var isAuth = \"1\";\n            var design = \"hybrid\";\n            var apiToken = \"22971|nwtaMeeLHU8aTR4M3In86rpMOOAYFvx5iB0j6W57219ae2af\";\n            var wp_endpoint_prefix = \"\";\n            var wp_units_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-units';\n            var wp_pagination_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-pagination';\n            var shortcodeQuery = \"sort=relevance&manufacturer[0]=MISSION&with_filters=1&\";\n            shortcodeQuery = shortcodeQuery.replace(\/\\&$\/, '');\n            var pageFiltersQuery = \"sort=relevance&with_filters=1&\";\n            pageFiltersQuery = pageFiltersQuery.replace(\/\\&$\/, '');\n            var dealerOrderQuery = getDealerOrderQuery();\n\n            var searchQuery = false;\n            window.location.search.split('&').map(function (item, index){\n                if(item.indexOf(\"search=\") !== -1){\n                    searchQuery = item;\n                    return;\n                }\n            })\n            searchQuery = searchQuery ? searchQuery.replace (\"?\", \"\") : false;\n\n\n            jQuery(document).ready(function () {\n                imagesLazyLoading();\n                if (!jQuery('.content .items .item ').length) {\n                    jQuery('.content .paginate ').hide();\n                    const message = isAuth\n                        ? '<div>No results found ...<\/div>'\n                        : `<a href=\"${wp_endpoint_prefix}\/wp-admin\/admin.php?page=trailer-funnel\">Please, Sign in!<\/a>`\n                    jQuery('.content .items').append(message);\n                    jQuery('.content .items')\n                        .css({\n                            'min-height': '60vh',\n                            'justify-content': 'center',\n                            display: 'flex',\n                            'align-items': 'center',\n                            color: 'rgb(96, 96, 96)',\n                            'font-style': 'italic'\n                        });\n                }\n            });\n\n            function getDealerOrderQuery () {\n\n                const dealerOrderDbValue = `relevance`;\n\n                const queryDealerOrder = `sort=relevance&with_filters=1&`;\n\n                const sortStatusOption = [\n                    \"featured_available_on_order_pending_sale\",\n                    \"available_on_order_pending_sale_sold\",\n                    \"available_on_order_sold_pending_sale\",\n                    \"available_pending_sale_on_order_sold\",\n                    \"available_sold_on_order_pending_sale\",\n                    \"available_sold_pending_sale_on_order\"\n                ]\n\n                const windowQuery = window.location.search;\n\n                let query = \"\";\n\n                if(windowQuery.indexOf('sort=') !== -1){\n                    if( windowQuery.indexOf('sort=relevance') !== -1 && sortStatusOption.includes(dealerOrderDbValue) && windowQuery.indexOf('status=') === -1){\n                        query = queryDealerOrder;\n                    }\n                } else {\n                    query = queryDealerOrder;\n                    if(windowQuery.indexOf('status=') !== -1 ) {\n                        query = '';\n                        if(!sortStatusOption.includes(dealerOrderDbValue)){\n                            query = queryDealerOrder;\n                        }\n                    }\n                }\n\n                return query;\n            }\n\n            function imagesLazyLoading() {\n                jQuery(\"img#srp-preloaded\").each(function () {\n                    let url = jQuery(this).attr('url');\n                    let thumbUrl = jQuery(this).attr('src');\n                    if (thumbUrl) {\n                        checkImage(jQuery(this).parent(), thumbUrl, url);\n                    } else {\n                        jQuery(this).css('opacity', 0);\n                        jQuery(this).parent().find('.loader').css('z-index', 0);\n                        loadSrpFullImage(jQuery(this), $(this).parent().find('.loader'), url);\n                    }\n                })\n            }\n            function checkImage(element,thumbUrl, url) {\n                let image = new Image();\n\n                image.onload = function() {\n                    if (this.width > 0) {\n                        jQuery(element).find(\"img#srp-preloaded\").removeAttr('url');\n                        jQuery(element).find('.loader').remove();\n                    }\n                }\n                image.onerror = function() {\n                    jQuery(element).find(\"img#srp-preloaded\").css('opacity', 0);\n                    jQuery(element).find('.loader').css('z-index', 0);\n                    loadSrpFullImage(jQuery(element).find(\"img#srp-preloaded\"), jQuery(element).find('.loader'), url);\n                }\n                image.src = thumbUrl;\n            }\n\n            function loadSrpFullImage(img, loader, url) {\n                const image = new Image();\n\n                image.onload = () => {\n                    img.replaceWith(image);\n                    loader.remove();\n                }\n\n                image.src = url;\n            }\n\n        <\/script>\n\n                    <script>\n            jQuery(document).ready(function () {\n                    const currentSortOptions = \"\";\n                    let querySort;\n                    switch (currentSortOptions) {\n                        case \"age_increase\":\n                            querySort = \"sort=created_at&order=asc\";\n                            break;\n                        case \"age_decrease\":\n                            querySort = \"sort=created_at&order=desc\";\n                            break;\n                        case \"price_increase\":\n                            querySort = \"sort=price&order=asc\";\n                            break;\n                        case \"price_decrease\":\n                            querySort = \"sort=price\";\n                            break;\n                        case \"title_z_to_a\":\n                            querySort = \"sort=title\";\n                            break;\n                        case \"title_a_to_z\":\n                            querySort = \"sort=title&order=asc\";\n                            break;\n                        case \"length_ascending\":\n                            querySort = \"sort=length&order=asc\";\n                            break;\n                        case \"length_descending\":\n                            querySort = \"sort=length\";\n                            break;\n                        case \"stock_ascending\":\n                            querySort = \"sort=stock&order=asc\";\n                            break;\n                        case \"stock_descending\":\n                            querySort = \"sort=stock\";\n                            break;\n                        case \"images_count\":\n                            querySort = \"sort=images_count\"\n                            break;\n                    }\n\n                    const isEmptyData = \"1\"\n\n                    if (!isEmptyData) {\n                        let pagLinks = \"\"\n                        pagLinks = pagLinks.split('-');\n                        pagLinks = pagLinks.filter(url => url !== '');\n                        pagLinks[pagLinks.length - 1] = '';\n                        pagLinks[0] = '';\n                        pagLinks = pagLinks.filter(url => url !== '');\n\n                        let scrollFix = design === 'grid' ? 1.4 : 3.4;\n                        scrollFix = isMobile ? 1 : scrollFix;\n\n                        jQuery(window).on('scroll.once', function () {\n                            let pos = jQuery('.items .item').last().position().top - ( jQuery('.items .item').last().outerHeight() * scrollFix );\n                            if (jQuery(window).scrollTop() >= pos) {\n                                backendApiRequest();\n                            }\n                        });\n\n                        function backendApiRequest() {\n                            if (pagLinks.length) {\n                                const buildUrl = () => {\n                                    \n                                    \n                                    const baseUrl = pagLinks[0];\n                                    let queries = [\n                                        dealerOrderQuery && `&${dealerOrderQuery}`,\n                                        querySort && (dealerOrderQuery ? querySort : `&${querySort}`),\n                                        shortcodeQuery && `&${shortcodeQuery}`,\n                                        pageFiltersQuery && `&${pageFiltersQuery}`,\n                                        searchQuery && `&${searchQuery}`,\n                                    ].filter(Boolean).join('');\n\n                                    \n                                    \n                                    return `${baseUrl}${queries}`;\n                                };\n\n                                let url = buildUrl();\n\n                                jQuery.ajax({\n                                    url: url,\n                                    type: 'GET',\n                                    beforeSend: function (xhr) {\n                                        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);\n                                    },\n                                    data: {},\n                                    async: false,\n                                    success: function (result, status, xhr) {\n                                        itemsLazyLoading(result.data);\n                                    },\n                                    error: function (xhr, status, error) {\n                                        console.log('error first');\n                                    },\n                                });\n                            }\n                        }\n\n                        function itemsLazyLoading(items) {\n                            \/\/remove previous url\/page\n                            pagLinks[0] = '';\n                            pagLinks = pagLinks.filter(url => url !== '');\n                            \/\/\n\n                            items && getProcessedUnits(items)\n                        }\n\n                        function getProcessedUnits(units) {\n                            jQuery.ajax({\n                                url: `${wp_units_endpoint}\/${design}`,\n                                type: 'POST',\n                                data: {units: JSON.stringify(units)},\n                                dataType: \"html\",\n                                async: false,\n                                headers: '',\n                                success: function (result, status, xhr) {\n                                    appendUnits(result);\n                                    \/\/ console.log(result, status, xhr);\n                                },\n                                error: function (xhr, status, error) {\n                                    \/\/ console.log(xhr.responseText)\n                                    \/\/ console.log(xhr, status, error);\n                                },\n                            });\n                        }\n\n\n                        function appendUnits(units) {\n                            units = units.split('Warning:')[0];\n                            jQuery('.items').append(units);\n                            isMobile && recreateItemForMobile()\n\n                            imagesLazyLoading();\n\n                            if (pagLinks.length) {\n                                jQuery('.items .item').last().focus();\n                                window.scrollTo(0, jQuery(window).scrollTop())\n                                pos = jQuery('.items .item').last().position().top - jQuery('.items .item').last().outerHeight() * scrollFix;\n                            }\n                        }\n                    }\n                }\n            )\n        <\/script>\n            <script>\n    diviStylesLoadFix ();\n    function diviStylesLoadFix () {\n        let mainPage = document.createElement('div');\n\n        $.get(`https:\/\/www.thetrailerdepot.com`, function (data){\n            mainPage.innerHTML = data;\n        }).done(function( data ) {\n\n            let diviStyles1 = $(mainPage).find(\"style[id^='divi-']\");\n            let diviStyles2 = $(mainPage).find(\"style[id^='et-']\");\n            let diviStyles3 = $(mainPage).find(\"style[id^='css-divi-']\");\n\n            let diviLinks1 = $(mainPage).find(\"link[id^='divi-']\");\n            let diviLinks2 = $(mainPage).find(\"link[id^='et-']\");\n\n            let diviScripts1 = $(mainPage).find(\"script[id^='divi-']\")\n            let diviScripts2 = $(mainPage).find(\"script[id^='fitvids-']\");\n            let diviScripts3 = $(mainPage).find(\"script[id^='et-']\");\n\n            diviStyles1.length && diviStyles1.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles2.length && diviStyles2.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles3.length && diviStyles3.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviLinks1.length && diviLinks1.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n            diviLinks2.length && diviLinks2.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviScripts1.length && diviScripts1.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts2.length && diviScripts2.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts3.length && diviScripts3.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n        });\n    }\n<\/script>\n","protected":false},"author":8,"featured_media":0,"parent":4025,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-5131","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT<\/title>\n<meta name=\"description\" content=\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT\" \/>\n<meta property=\"og:description\" content=\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/\" \/>\n<meta property=\"og:site_name\" content=\"The Trailer Depot\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-12T17:57:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/mission-trailers\\\/\",\"url\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/mission-trailers\\\/\",\"name\":\"Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/#website\"},\"datePublished\":\"2024-05-08T21:24:00+00:00\",\"dateModified\":\"2024-05-12T17:57:05+00:00\",\"description\":\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/mission-trailers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/mission-trailers\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/mission-trailers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"All Inventory\",\"item\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mission Trailers for sale in Northford\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/#website\",\"url\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/\",\"name\":\"The Trailer Depot\",\"description\":\"Trailer Sales, Parts, Service, Accessories &amp; More Serving CT, MA, NY &amp; Greater New England\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT","description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/","og_locale":"en_US","og_type":"article","og_title":"Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT","og_description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","og_url":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/","og_site_name":"The Trailer Depot","article_modified_time":"2024-05-12T17:57:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/","url":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/","name":"Mission Trailers for sale in Northford - The Trailer Depot in Northford, CT","isPartOf":{"@id":"https:\/\/www.thetrailerdepot.com\/#website"},"datePublished":"2024-05-08T21:24:00+00:00","dateModified":"2024-05-12T17:57:05+00:00","description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Mission Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","breadcrumb":{"@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/mission-trailers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thetrailerdepot.com\/"},{"@type":"ListItem","position":2,"name":"All Inventory","item":"https:\/\/www.thetrailerdepot.com\/all-inventory\/"},{"@type":"ListItem","position":3,"name":"Mission Trailers for sale in Northford"}]},{"@type":"WebSite","@id":"https:\/\/www.thetrailerdepot.com\/#website","url":"https:\/\/www.thetrailerdepot.com\/","name":"The Trailer Depot","description":"Trailer Sales, Parts, Service, Accessories &amp; More Serving CT, MA, NY &amp; Greater New England","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thetrailerdepot.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/5131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/comments?post=5131"}],"version-history":[{"count":0,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/5131\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/4025"}],"wp:attachment":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/media?parent=5131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}