@media screen and (max-width:450px){.ct-hidden-xs{display:none!important}}@media screen and (min-width:450px){.ct-visible-xs{display:none!important}}@media screen and (max-width:689.98px){.ct-hidden-sm,.wp-demo-search-field-bar-divider,.wp-demo-search-field-bar-icon,.wp-demo-search-field-image-drop-area-drop-msg,.wp-demo-search-field-image-drop-area-prompt-msg,.wp-demo-search-field-image-drop-area-upload-button svg{display:none!important}}@media screen and (min-width:689.98px){.ct-visible-sm{display:none!important}}@media screen and (max-width:999.98px){.ct-hidden-md{display:none!important}}@media screen and (min-width:999.98px){.ct-visible-md{display:none!important}}@media screen and (max-width:1280px){.ct-hidden-lg{display:none!important}}@media screen and (min-width:1280px){.ct-visible-lg{display:none!important}}:root{–grey-grey-smoke:#F5F7FA;–grey-grey-lighter:#E6E9ED;–grey-grey-light:#CCD1D9;–grey-grey-main:#656D78;–grey-grey-dark:#353B48}body{font-family:Arial,Helvetica,sans-serif;font-size:16px}#loading,#noresults,.wp-demo-search-field-image-container input[type=file]{display:none}[data-prefix=single_page] .entry-header .page-title{–fontSize:65px;–heading-color:#ffffff}.wp-demo-layout-container{margin:0 auto;min-width:340px;max-width:1280px}.wp-demo-layout-container .handlebar-initial-fetch{padding-top:24px}.wp-demo-layout-container .tab-container{display:flex;flex-direction:column;gap:24px}.wp-demo-search-field-image-container h2,.wp-demo-search-field-image-container p{font-size:18px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:.2px}.wp-demo-search-field-image-container h2{display:block;margin:0 0 var(–padding-sm) 0;font-size:1.125rem;color:#353b48!important}.wp-demo-search-field-image-container p{color:#000;text-align:center}.wp-demo-search-field-image-dialog{display:flex;position:relative;box-sizing:border-box;width:100%;max-width:1280px;padding:32px;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;border-radius:25px;border:1px solid #119ff7;background:#fff}.wp-demo-search-field-image-dialog-title{display:flex;justify-content:space-between;width:100%}.wp-demo-search-field-image-dialog-body{display:flex;width:100%;flex-direction:column;gap:32px}.wp-demo-search-field-image-close{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0;position:absolute;top:1px;right:1px;box-sizing:border-box;vertical-align:top;border:0;background:#fff;border-radius:50%;cursor:pointer}.wp-demo-search-field-image-close:focus,.wp-demo-search-field-image-close:focus-visible,.wp-demo-search-field-image-close:focus-within,.wp-demo-search-field-image-close:hover,.wp-demo-search-field-image-close:target{background-color:#f5f7fa}.wp-demo-search-field-image-drop-area{display:flex;padding:20px 8px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;border-radius:8px;border:1px solid #e6e9ed}@media screen and (min-width:689.98px){.wp-demo-search-field-image-drop-area{padding:40px 24px}}.wp-demo-search-field-image-drop-area.active{border:1px dashed #119ff7;background:#f2faff}.wp-demo-search-field-image-drop-area.active .wp-demo-search-field-image-drop-area-error,.wp-demo-search-field-image-drop-area.active .wp-demo-search-field-image-drop-area-icon,.wp-demo-search-field-image-drop-area.active .wp-demo-search-field-image-drop-area-image-display,.wp-demo-search-field-image-drop-area.active label{visibility:hidden}.wp-demo-search-field-image-drop-area.active .wp-demo-search-field-image-drop-area-prompt-msg,.wp-demo-search-field-image-drop-area.active-upload-button{display:none}.wp-demo-search-field-image-drop-area.active .wp-demo-search-field-image-drop-area-drop-msg{display:block}.wp-demo-search-field-image-drop-area-icon{width:100px;height:100px}.wp-demo-search-field-image-drop-area-prompt-msg{display:block;pointer-events:none}.wp-demo-search-field-image-drop-area-drop-msg{display:none;pointer-events:none;color:#119ff7!important}.wp-demo-search-field-image-drop-area-image-display{text-align:center;width:220px;height:auto}.wp-demo-search-field-image-drop-area-image-display img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.wp-demo-search-field-image-drop-area-upload-button{display:flex;padding:12px 40px 12px 32px;align-items:center;gap:10px;color:#fff;background-color:#000;cursor:pointer}.wp-demo-search-field-image-drop-area-upload-button svg{width:20px;height:20px}.wp-demo-search-field-container{display:flex;justify-content:space-around;max-width:1280px;width:100%;gap:12px}.wp-demo-search-field-bar{display:flex;justify-content:space-around;background-color:#f5f7fa;padding:0 16px;align-items:center;flex:1 0 0;border-radius:100px;border:1px solid #e6e9ed;transition:all .25s ease-in-out}.wp-demo-search-field-bar:focus,.wp-demo-search-field-bar:focus-visible,.wp-demo-search-field-bar:focus-within,.wp-demo-search-field-bar:hover,.wp-demo-search-field-bar:target{border:1px solid #119ff7;background:#fff}.wp-demo-search-field-bar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;max-width:7.5rem;vertical-align:top}.wp-demo-search-field-bar-input{display:flex;padding:16px 12px;align-items:flex-start;gap:10px;flex:1 0 0;border:0;color:#353b48;background-color:transparent;font-size:16px;font-style:normal;line-height:100%}.wp-demo-search-field-bar-input:focus,.wp-demo-search-field-bar-input:focus-visible,.wp-demo-search-field-bar-input:focus-within,.wp-demo-search-field-bar-input:hover,.wp-demo-search-field-bar-input:target{outline:0}.wp-demo-search-field-bar-divider{display:flex;flex-shrink:0;border-left:1px solid #e6e9ed;height:100%}.wp-demo-search-field-bar-link{color:var(–grey-grey-main, #656D78);text-align:center;font-size:16px;font-style:normal;line-height:100%;text-decoration:none;padding:16px 24px;transition:all .25s ease-in-out}.wp-demo-search-field-bar-link:hover{color:var(–grey-grey-dark, #353B48)}.wp-demo-search-field-actions{display:flex;align-items:center;justify-content:space-between}.wp-demo-search-field-actions-button{display:flex;padding:16px;align-items:center;align-self:stretch;border-radius:100px;border:1px solid #e6e9ed;background:#f5f7fa;transition:all .25s ease-in-out}.wp-demo-search-field-actions-button:hover{border:1px solid #119ff7;background:#fff}.wp-demo-search-field-actions-icon{width:20px;height:20px}.wp-demo-result-list-container{display:grid;gap:24px;grid-template-columns:1fr}@media screen and (min-width:689.98px){.wp-demo-result-list-container{grid-template-columns:1fr 1fr}}@media screen and (min-width:999.98px){.wp-demo-result-list-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1280px){.wp-demo-result-list-container{grid-template-columns:1fr 1fr 1fr 1fr}}.wp-demo-search-result-item-container{display:flex;flex-direction:column;position:relative;padding:24px;border:1px solid #ccd1d9;background:#fff;text-align:center;gap:24px}.wp-demo-search-result-item-container:hover{border-color:#119ff7}.wp-demo-search-result-item-container img{width:200px;min-width:200px;height:200px}.wp-demo-search-result-item-container .details{display:flex;flex-direction:column;align-items:center}.wp-demo-search-result-item-container .name-price{display:flex;flex-direction:column}.wp-demo-search-result-item-container .name-price .name{display:block;margin:0 0 12px;font-size:1.125rem;font-weight:700;color:#353b48;text-decoration:none}.wp-demo-search-result-item-container .name-price .name:hover{color:#119ff7}.wp-demo-search-result-item-container .name-price .price{margin:0 0 12px;color:#353b48;font-size:16px;font-style:normal;line-height:20px}
input[type=”text”] {
border: none;
background-color: transparent;
}
input[type=”text”]:focus,
input[type=”text”]:hover,
input[type=”text”]:focus-within,
input[type=”text”]:target,
input[type=”text”]:focus-visible {
outline: none;
border: none;
background-color: transparent;
}
{{#if pinned}}
{{/if}} {{#if (lt salePrice price)}}
{{strings.sale}} {{/if}}
{{#if rating}}{{/if}} {{#unless (eq price undefined)}}
{{#if (lt salePrice price)}} {{currency price}} {{currency salePrice}} {{else}} {{currency price}} {{/if}}
{{/unless}}
var HawkSearch = HawkSearch || {};
HawkSearch.config = {
clientId: “fef9affe4b6b4717a6c606ac5eb43c15”,
components: {
‘search-field’: {
strings: {
placeholder: ‘Search with Keywords’
}
},
‘search-results-item’: {
template: ‘wp-demo-search-results-item-template’
}
},
search: {
url: window.location.pathname
},
css: {
customStyles: ‘wp-demo-hawksearch-custom-styles’
},
fieldMappings: {
url: ‘page_url’,
imageUrl: ‘image’
},
urlPrefixes: {
assets: “https://dev.hawksearch.net”,
content: “https://preview-dev.hawksearch.net/sandboxdocumentation”,
}
};
.stk-a77ea78{height:500px !important}
