{"id":116,"date":"2023-08-14T11:01:57","date_gmt":"2023-08-14T08:01:57","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=116"},"modified":"2024-09-19T13:10:04","modified_gmt":"2024-09-19T10:10:04","slug":"search-form-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/search-form-widget\/","title":{"rendered":"Search Form widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"116\" class=\"elementor elementor-116\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eee8e4b e-flex e-con-boxed e-con e-parent\" data-id=\"1eee8e4b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42a41994 elementor-widget elementor-widget-heading\" data-id=\"42a41994\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add the widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29e121a8 e-flex e-con-boxed e-con e-child\" data-id=\"29e121a8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a33e015 elementor-widget elementor-widget-image\" data-id=\"1a33e015\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"163\" height=\"88\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\" class=\"attachment-large size-large wp-image-50099\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c5fa elementor-widget elementor-widget-n-accordion\" data-id=\"d50c5fa\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2230\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2230\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the widget to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2230\" class=\"elementor-element elementor-element-647e22f e-con-full e-flex e-con e-child\" data-id=\"647e22f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b734ecb elementor-widget elementor-widget-text-editor\" data-id=\"6b734ecb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available widgets are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the widget to the canvas. <span>For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-144e852e e-flex e-con-boxed e-con e-parent\" data-id=\"144e852e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d6b3e0d elementor-widget elementor-widget-heading\" data-id=\"5d6b3e0d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the Search Form widget?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce7d77 elementor-widget elementor-widget-text-editor\" data-id=\"1ce7d77\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"ltr\">A search bar helps users find information on your website. This is especially important as your website grows and incorporates more content.<\/p><p dir=\"ltr\"><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">Starting with Elementor 3.24,\u00a0 the Search form widget was replaced by the <a href=\"https:\/\/elementor.com\/help\/search-widget\/\">Search widget<\/a>.<\/p><p dir=\"ltr\">Existing Search Form widgets are not affected by this change. You can still use and edit existing Search Form widgets as described in this article.<\/div>\n                <\/div>\n            <\/div><\/p><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><a style=\"font-size: 1rem; letter-spacing: -0.02rem; text-align: var(--text-align); background-color: #ffffff;\" href=\"#settings\">See all the options available with the Search Form widget.\u00a0\u00a0<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62bfb503 e-flex e-con-boxed e-con e-parent\" data-id=\"62bfb503\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc7e531 elementor-widget elementor-widget-heading\" data-id=\"6cc7e531\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-715a6a22 elementor-widget elementor-widget-text-editor\" data-id=\"715a6a22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Rowan is webmaster of a large law firm Their site is quite large with a blog, lists of lawyers, Press Center and other content. They decide to add a search widget to the website header to make it easier for visitors to find the information they\u2019re looking for.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5129ffdb e-flex e-con-boxed e-con e-parent\" data-id=\"5129ffdb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a3a1d elementor-widget elementor-widget-image\" data-id=\"b1a3a1d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"120\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget-1024x153.png\" class=\"attachment-large size-large wp-image-50100\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget-1024x153.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget-300x45.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget-768x115.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget-1536x229.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Example-of-serach-form-widget.png 1924w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37b4b149 e-flex e-con-boxed e-con e-parent\" data-id=\"37b4b149\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2114ee04 elementor-widget elementor-widget-heading\" data-id=\"2114ee04\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional use case<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a568afd e-con-full e-flex e-con e-child\" data-id=\"1a568afd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b49e9b elementor-widget elementor-widget-text-editor\" data-id=\"73b49e9b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create a full page Search page.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6388ae64 elementor-widget elementor-widget-heading\" data-id=\"6388ae64\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53f674c4 elementor-widget elementor-widget-text-editor\" data-id=\"53f674c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>See a video demonstrating the widget in action.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-370420d0 elementor-widget elementor-widget-video\" data-id=\"370420d0\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/3yj3CN4ogPU?si=gUqHy9Ph8qe05qRr&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-461c30e9 elementor-widget elementor-widget-heading\" data-id=\"461c30e9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Adding a Search Form widget: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23cbebea elementor-widget elementor-widget-text-editor\" data-id=\"23cbebea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Hunter is building a website for his company. While the search form widget is normally added to the header of a website, they decide they want to create a full page search form. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4457880f elementor-widget elementor-widget-text-editor\" data-id=\"4457880f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Create a full page search form<\/h3><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open your website and create a page.<br \/><img decoding=\"async\" class=\"alignnone size-full wp-image-50103\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-Search-form-page.png\" alt=\"\" width=\"1318\" height=\"368\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-Search-form-page.png 1318w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-Search-form-page-300x84.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-Search-form-page-1024x286.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-Search-form-page-768x214.png 768w\" sizes=\"(max-width: 1318px) 100vw, 1318px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Add the Search Form widget to the page.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50102\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-Select-full-skin.png\" alt=\"\" width=\"1319\" height=\"342\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-Select-full-skin.png 1319w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-Select-full-skin-300x78.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-Select-full-skin-1024x266.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-Select-full-skin-768x199.png 768w\" sizes=\"(max-width: 1319px) 100vw, 1319px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, in the <\/span><b>Skin <\/b><span style=\"font-weight: 400;\">field, use the dropdown menu to select <\/span><b>Full<\/b><span style=\"font-weight: 400;\">.<br \/>The search box turns into a search toggle.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50104\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/4-Change-placeholder-text.png\" alt=\"\" width=\"1325\" height=\"366\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/4-Change-placeholder-text.png 1325w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/4-Change-placeholder-text-300x83.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/4-Change-placeholder-text-1024x283.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/4-Change-placeholder-text-768x212.png 768w\" sizes=\"(max-width: 1325px) 100vw, 1325px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">In the <\/span><b>Placeholder <\/b><span style=\"font-weight: 400;\">field, enter, <\/span><b>What are you looking for?<\/b><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">In the right corner of the top bar, save the page by selecting <\/span><b>Publish <\/b><span style=\"font-weight: 400;\">or <\/span><b>Save Draft<\/b><span style=\"font-weight: 400;\">.<\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">In the right corner of the top bar, click the view icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50105\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-view-icon.png\" alt=\"\" width=\"14\" height=\"9\" \/><\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50106\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Click-the-search-icon.png\" alt=\"\" width=\"1534\" height=\"397\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Click-the-search-icon.png 1534w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Click-the-search-icon-300x78.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Click-the-search-icon-1024x265.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Click-the-search-icon-768x199.png 768w\" sizes=\"(max-width: 1534px) 100vw, 1534px\" \/><\/span><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Click the search toggle.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50107\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-full-page-seach-form.png\" alt=\"\" width=\"1312\" height=\"894\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-full-page-seach-form.png 1312w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-full-page-seach-form-300x204.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-full-page-seach-form-1024x698.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-full-page-seach-form-768x523.png 768w\" sizes=\"(max-width: 1312px) 100vw, 1312px\" \/><br \/><\/span><\/li><\/ol><p><span style=\"font-weight: 400;\">A full page search opens up.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fe86a18 e-flex e-con-boxed e-con e-parent\" data-id=\"7fe86a18\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-291808e5 elementor-widget elementor-widget-heading\" data-id=\"291808e5\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Search form widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f98b32c elementor-widget elementor-widget-text-editor\" data-id=\"f98b32c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29ebdf53 elementor-widget elementor-widget-heading\" data-id=\"29ebdf53\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Content tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ae4e2cb elementor-widget elementor-widget-text-editor\" data-id=\"6ae4e2cb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Add, delete, and edit menu items and controls.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e183ef8 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"e183ef8\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"236470008\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2364700081\" data-tab-title-id=\"e-n-tab-title-2364700081\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2364700081\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tSearch Form\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2364700081\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2364700081\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-7b4e6815 e-con-full e-flex e-con e-child\" data-id=\"7b4e6815\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-661a4049 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"661a4049\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"491\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Content-tab.png\" class=\"attachment-full size-full wp-image-50112\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Content-tab.png 369w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Content-tab-225x300.png 225w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-495891f5 elementor-widget elementor-widget-n-accordion\" data-id=\"495891f5\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1230\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1230\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Skin <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1230\" class=\"elementor-element elementor-element-11bb9d22 e-con-full e-flex e-con e-child\" data-id=\"11bb9d22\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28080830 elementor-widget elementor-widget-text-editor\" data-id=\"28080830\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Search forms can have three skins:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Classic &#8211; A search box with a search button<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Minimal &#8211; A search box<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Full Screen &#8211; a toggle that when clicked turns into a full page search form.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1231\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1231\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Placeholder <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1231\" class=\"elementor-element elementor-element-1160b97f e-con-full e-flex e-con e-child\" data-id=\"1160b97f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240d4372 elementor-widget elementor-widget-text-editor\" data-id=\"240d4372\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Text that will appear in the Search box.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1232\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1232\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Button (Classic Skin) <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1232\" class=\"elementor-element elementor-element-7e27c5f6 e-con-full e-flex e-con e-child\" data-id=\"7e27c5f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39f14c1 elementor-widget elementor-widget-text-editor\" data-id=\"39f14c1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Determines the size and content of the search button. Does not appear if you select a Minimal skin and is replaced by a Toggle section if Full Screen skin is selected. Options include:<\/span><\/p><p><span style=\"font-weight: 400;\"><strong>Type<\/strong>: The classic search bar has a button that triggers the search. Use the dropdown menu to determine if the button will be represented by:<\/span><\/p><ul><li><span style=\"font-weight: 400;\"><strong>Icon<\/strong>: If you choose to represent the button with an icon, use this field to choose an icon. For details, see <a href=\"https:\/\/elementor.com\/help\/add-graphic-element\/\">Adding images and icons<\/a>.\u00a0<\/span><\/li><li><span style=\"font-weight: 400;\">Text: If you choose to represent the button with text, use the box to enter the text.\u00a0 \u00a0<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\"><strong>Size<\/strong>: Use the slider to increase and decrease the button size.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1233\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1233\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Toggle (Full Screen Skin) <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1233\" class=\"elementor-element elementor-element-158f3c1e e-con-full e-flex e-con e-child\" data-id=\"158f3c1e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25270047 elementor-widget elementor-widget-text-editor\" data-id=\"25270047\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Determines the size and content of the search toggle. Does not appear if you select a Minimal skin and is replaced by a Button section if Classic skin\u00a0 is selected.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Options include:<\/span><\/p><ul><li><b>Alignment<\/b><span style=\"font-weight: 400;\">: Set the toggle to appear on the right, left or center of the search box.<\/span><\/li><li><b>Size<\/b><span style=\"font-weight: 400;\">: Use the slider to increase and decrease the toggle size.\u00a0<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f163e3e e-flex e-con-boxed e-con e-parent\" data-id=\"6f163e3e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c8de857 elementor-widget elementor-widget-heading\" data-id=\"7c8de857\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bcec1f elementor-widget elementor-widget-text-editor\" data-id=\"3bcec1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Determine the look and feel of menu items and controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73386e1f elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"73386e1f\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1933078047\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-19330780471\" data-tab-title-id=\"e-n-tab-title-19330780471\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-19330780471\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tClassic Skin - Input\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-19330780472\" data-tab-title-id=\"e-n-tab-title-19330780472\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-19330780472\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tClassic Skin - Button\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-19330780473\" data-tab-title-id=\"e-n-tab-title-19330780473\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-19330780473\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tMinimal Skin\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-19330780474\" data-tab-title-id=\"e-n-tab-title-19330780474\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-19330780474\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tFull Screen Skin - Input\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-19330780475\" data-tab-title-id=\"e-n-tab-title-19330780475\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-19330780475\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tFull Screen Skin - Toggle\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-19330780471\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19330780471\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-381eb367 e-con-full e-flex e-con e-child\" data-id=\"381eb367\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-108d881b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"108d881b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"595\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Classic-Input.png\" class=\"attachment-large size-large wp-image-50125\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Classic-Input.png 365w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Classic-Input-184x300.png 184w\" sizes=\"(max-width: 365px) 100vw, 365px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70ce01ed elementor-widget elementor-widget-n-accordion\" data-id=\"70ce01ed\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1890\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1890\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Input <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1890\" class=\"elementor-element elementor-element-6fb3cea2 e-con-full e-flex e-con e-child\" data-id=\"6fb3cea2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a2bec9 elementor-widget elementor-widget-text-editor\" data-id=\"9a2bec9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Control the look and feel of the text visitors enter in the text box:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Typography <\/b><span style=\"font-weight: 400;\">&#8211; Choose the font and size of the text in the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Normal:<\/b><span style=\"font-weight: 400;\"> How the text appears by default<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Focus: <\/b><span style=\"font-weight: 400;\">How the text appears when the search box is selected.<\/span><b>\u00a0<\/b><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Background Color<\/b><span style=\"font-weight: 400;\">: Select a color for the search box. For details, see <\/span><a href=\"http:\/\/elementor.com\/help\/create-background\"><span style=\"font-weight: 400;\">Create a Background<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border Color<\/b><span style=\"font-weight: 400;\">: Select a color for the border of the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Box Shadow<\/b><span style=\"font-weight: 400;\">: Give the search box more depth by adding a shadow. For details, see, <\/span><a href=\"https:\/\/elementor.com\/help\/shadow\/\"><span style=\"font-weight: 400;\">What is Shadow?<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border width<\/b><span style=\"font-weight: 400;\">: Determine the width of the four borders around the search box.<\/span><\/li><li aria-level=\"1\"><b>Border Radius<\/b>: Round the edges of the text box by adding a border radius. For details, see <a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\">Border radius tools<\/a>.<b>\u00a0<\/b>\u00a0<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-19330780472\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19330780472\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-4096c0ac e-con-full e-flex e-con e-child\" data-id=\"4096c0ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68089ca1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"68089ca1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"491\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/StyleClassic-Button.png\" class=\"attachment-large size-large wp-image-50126\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/StyleClassic-Button.png 371w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/StyleClassic-Button-227x300.png 227w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc909 elementor-widget elementor-widget-n-accordion\" data-id=\"4bc909\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4960\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4960\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Button <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4960\" class=\"elementor-element elementor-element-2642c7a9 e-con-full e-flex e-con e-child\" data-id=\"2642c7a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37214920 elementor-widget elementor-widget-text-editor\" data-id=\"37214920\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00a0Control the look and feel of the search button:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Normal<\/b><span style=\"font-weight: 400;\">: The default setting for the icon or text<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hover<\/b><span style=\"font-weight: 400;\">: The settings for the icon or text when a visitors mouses over them.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Text Color<\/b><span style=\"font-weight: 400;\"> (for buttons that contain text): Set a color for the text in the button.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Icon Size<\/b><span style=\"font-weight: 400;\">: (for buttons that use icons): Set the size for search icon.<\/span><\/li><li aria-level=\"1\"><b>Width<\/b>: Set the width of the search button. A larger button may help users find the button.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-19330780473\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19330780473\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-366df9c6 e-con-full e-flex e-con e-child\" data-id=\"366df9c6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d64d831 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2d64d831\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"671\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Minimal.png\" class=\"attachment-large size-large wp-image-50127\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Minimal.png 364w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Minimal-163x300.png 163w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63cc0a64 elementor-widget elementor-widget-n-accordion\" data-id=\"63cc0a64\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1670\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1670\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Input <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1670\" class=\"elementor-element elementor-element-4170ca2 e-con-full e-flex e-con e-child\" data-id=\"4170ca2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a0a555 elementor-widget elementor-widget-text-editor\" data-id=\"4a0a555\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Set the look and feel of the icon in the search box, the placeholder text and the text entered in the search box:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Icon Size<\/b><span style=\"font-weight: 400;\">: Set a size for the icon in the search box.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Typography<\/b><span style=\"font-weight: 400;\">: Set the font and size of the placeholder text and the text entered in the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Text Color<\/b><span style=\"font-weight: 400;\">: Set the color of the icon, placeholder text and the text entered in the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Background Color<\/b><span style=\"font-weight: 400;\">: Select a color for the search box. For details, see <\/span><a href=\"http:\/\/elementor.com\/help\/create-background\"><span style=\"font-weight: 400;\">Create a Background<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border Color<\/b><span style=\"font-weight: 400;\">: Select a color for the border of the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Box Shadow<\/b><span style=\"font-weight: 400;\">: Give the search box more depth by adding a shadow. For details, see, <\/span><a href=\"https:\/\/elementor.com\/help\/shadow\/\"><span style=\"font-weight: 400;\">What is Shadow?<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border Width<\/b><span style=\"font-weight: 400;\">: Determine the width of the four borders around the search box.<\/span><\/li><li aria-level=\"1\"><b>Border Radius<\/b>: Round the edges of the text box by adding a border radius. For details, see <a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\">Border radius tools<\/a>.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-19330780474\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19330780474\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-174f6a37 e-con-full e-flex e-con e-child\" data-id=\"174f6a37\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11afe63c elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"11afe63c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"558\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Full-Screen-INput.png\" class=\"attachment-large size-large wp-image-50136\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Full-Screen-INput.png 359w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Style-Full-Screen-INput-193x300.png 193w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71384063 elementor-widget elementor-widget-n-accordion\" data-id=\"71384063\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1890\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1890\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Input <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1890\" class=\"elementor-element elementor-element-74f67a27 e-con-full e-flex e-con e-child\" data-id=\"74f67a27\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387d0c2c elementor-widget elementor-widget-text-editor\" data-id=\"387d0c2c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Control the look and feel of the text visitors enter in the text box:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Overlay Color:<\/b><span style=\"font-weight: 400;\"> When visitors open a full page search form it fills with a color. This is called the overlay color. Use this field to set the overlay color.<\/span><\/li><\/ul><ul><li aria-level=\"1\"><b>Typography: <\/b><span style=\"font-weight: 400;\">Set the font and size of the placeholder text and the text entered in the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><\/ul><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Normal:<\/b><span style=\"font-weight: 400;\"> How the text appears by default<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Focus: <\/b><span style=\"font-weight: 400;\">How the text appears when the search box is selected<\/span><b>.<\/b><\/li><\/ul><ul><li aria-level=\"1\"><b>Text Color: <\/b><span style=\"font-weight: 400;\">Set the color of the placeholder text and the text entered in the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><\/ul><ul><li aria-level=\"1\"><b>Border Color<\/b><span style=\"font-weight: 400;\">: Select a color for the border of the search box. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><\/ul><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border Width<\/b><span style=\"font-weight: 400;\">: Determine the width of the four borders around the search box.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Border Radius<\/b><span style=\"font-weight: 400;\">: Round the edges of the text box by adding a border radius. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400;\">Border radius tools<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-19330780475\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19330780475\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-3c3269d6 e-con-full e-flex e-con e-child\" data-id=\"3c3269d6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0ee4e1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5b0ee4e1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"552\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Style-Dropdown-menu-1.jpg\" class=\"attachment-large size-large wp-image-41394\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Style-Dropdown-menu-1.jpg 294w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Style-Dropdown-menu-1-160x300.jpg 160w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f651b43 elementor-widget elementor-widget-n-accordion\" data-id=\"2f651b43\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-7950\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-7950\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Toggle <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-7950\" class=\"elementor-element elementor-element-30725643 e-con-full e-flex e-con e-child\" data-id=\"30725643\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbb041c elementor-widget elementor-widget-text-editor\" data-id=\"7dbb041c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Set the look and feel of the toggle that will open the full screen search form:<\/span><\/p><ul style=\"margin-top: 0; margin-bottom: 0; padding-inline-start: 48px;\"><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Normal<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">: How the toggle will appear by default.<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Hover<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"> : How the toggle will appear when visitors mouse over it.<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Color<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">: Set the color for the toggle. For details, see <\/span><a style=\"text-decoration: none;\" href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #1155cc; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; -webkit-text-decoration-skip: none; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;\">Choose a color<\/span><\/a><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"> or <\/span><a style=\"text-decoration: none;\" href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #1155cc; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; -webkit-text-decoration-skip: none; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;\">Use global fonts and colors<\/span><\/a><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">.<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Background Color<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">: Set a background color for the toggle. For details, see <\/span><a style=\"text-decoration: none;\" href=\"http:\/\/elementor.com\/help\/create-background\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #1155cc; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; -webkit-text-decoration-skip: none; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;\">Create a Background<\/span><\/a><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">.<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Icon Size<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">: Control the size of the toggle<\/span><\/p><\/li><li dir=\"ltr\" style=\"list-style-type: disc; font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre;\" aria-level=\"1\"><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" role=\"presentation\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Border Width<\/span><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">: Set the width of the border around the toggle.\u00a0<\/span><\/p><\/li><li dir=\"ltr\" aria-level=\"1\"><span style=\"background-color: transparent; font-size: 11pt; font-family: Arial, sans-serif; color: #000000; font-weight: bold; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;\">Border Radius<\/span><span style=\"background-color: transparent; font-size: 11pt; font-family: Arial, sans-serif; color: #000000; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;\">: Round the corners of the border around the toggle. For details, see <\/span><a style=\"text-decoration-line: none;\" href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-size: 11pt; font-family: Arial, sans-serif; color: #1155cc; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;\">Border radius tools<\/span><\/a><span style=\"background-color: transparent; font-size: 11pt; font-family: Arial, sans-serif; color: #000000; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;\">.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-742074c5 e-flex e-con-boxed e-con e-parent\" data-id=\"742074c5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21844189 elementor-widget elementor-widget-heading\" data-id=\"21844189\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advanced tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-358c827e elementor-widget elementor-widget-text-editor\" data-id=\"358c827e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Control the placement of your widget, insert links, add custom code and more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c3e77 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"82c3e77\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"137117303\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1371173031\" data-tab-title-id=\"e-n-tab-title-1371173031\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1371173031\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdvanced\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1371173031\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1371173031\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-78835002 e-con-full e-flex e-con e-child\" data-id=\"78835002\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0f294d elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7b0f294d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"836\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Advanced-tab.png\" class=\"attachment-large size-large wp-image-50161\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Advanced-tab.png 365w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Advanced-tab-131x300.png 131w\" sizes=\"(max-width: 365px) 100vw, 365px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7548476c elementor-widget elementor-widget-n-accordion\" data-id=\"7548476c\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1960\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1960\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1960\" class=\"elementor-element elementor-element-2c7a071c e-con-full e-flex e-con e-child\" data-id=\"2c7a071c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a5cb7 elementor-widget elementor-widget-text-editor\" data-id=\"d0a5cb7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Learn more about the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab settings<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d650f35 e-flex e-con-boxed e-con e-parent\" data-id=\"7d650f35\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Learn how to add search anywhere on your site with the Search Form widget<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3cfce69386dc77b8b2961"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-116","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Search Form widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Search Form widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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:\/\/elementor.com\/help\/search-form-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Search Form widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Search Form widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/search-form-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-14T08:01:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-19T10:10:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"163\" \/>\n\t<meta property=\"og:image:height\" content=\"88\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Search Form widget\",\"datePublished\":\"2023-08-14T08:01:57+00:00\",\"dateModified\":\"2024-09-19T10:10:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/\"},\"wordCount\":3158,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/search-form-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/search-form-widget\/\",\"name\":\"Search Form widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\",\"datePublished\":\"2023-08-14T08:01:57+00:00\",\"dateModified\":\"2024-09-19T10:10:04+00:00\",\"description\":\"Learn everything about Search Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/search-form-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png\",\"width\":163,\"height\":88},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/search-form-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Search Form widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Search Form widget | Elementor","description":"Learn everything about Search Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & 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:\/\/elementor.com\/help\/search-form-widget\/","og_locale":"en_US","og_type":"article","og_title":"Search Form widget | Elementor","og_description":"Learn everything about Search Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/search-form-widget\/","og_site_name":"Help","article_published_time":"2023-08-14T08:01:57+00:00","article_modified_time":"2024-09-19T10:10:04+00:00","og_image":[{"width":163,"height":88,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/search-form-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Search Form widget","datePublished":"2023-08-14T08:01:57+00:00","dateModified":"2024-09-19T10:10:04+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/"},"wordCount":3158,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/search-form-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/search-form-widget\/","url":"https:\/\/elementor.com\/help\/search-form-widget\/","name":"Search Form widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png","datePublished":"2023-08-14T08:01:57+00:00","dateModified":"2024-09-19T10:10:04+00:00","description":"Learn everything about Search Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/search-form-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/search-form-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/search-form-widget\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Search-form-widget.png","width":163,"height":88},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/search-form-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Search Form widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":61,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":52863,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/116\/revisions\/52863"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}