/* 
 * Topbar Fix
 * -----------------------------------------------------------------------------
 */
header .group-selector .top-menu > li { padding-bottom:0px; }

/*
 * shortcode:search
 * -----------------------------------------------------------------------------
 */
.search-box { display:flex; flex-direction:row; flex-wrap:nowrap; position:relative; background:white; align-items:center; box-shadow:none; border:1px #333333 solid; border-radius:0px; line-height:1;}
.search-box .search-wrapper:not(:last-of-type) { margin-bottom:0; margin-right:0; }
.search-box .search-wrapper.search-wrapper-expand { flex:1; }
.search-box .search-wrapper .search-input { position:relative; }
/*.search-box .search-wrapper .search-input .clear-search { display:none; position:absolute; right:-10px; top:50%; transform:translateY(-50%); font-family:arial, sans-serif; font-size:0.7rem; font-weight:bold; line-height:1; width:24px; height:24px; border-radius:0; align-items:center; justify-content:center; background:#e30613; color:#fff; text-align:center; line-height:1; }*/
.search-box .search-wrapper .search-input .clear-search { display:none; position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.search-box .search-wrapper .search-input .clear-search img { display:inline-block; width:24px; height:24px; }
.search-box .search-wrapper .search-input input[type="text"] { width:100%; color:#333333; border:0; border-radius:0px; padding:1rem; background-color:transparent; background-repeat:no-repeat; background-position:right 10px center; }
.search-box .search-wrapper .search-input input[type="text"]:focus { outline:none; }
.search-box .search-wrapper .search-button input[type="submit"] { display:inline-block; color:#333333; background:#fff; align-items:center; box-shadow:none; border:0; border-radius:0px; padding:1rem 2rem; }
.search-box .search-wrapper .search-button input[type="submit"].supersearch-button { padding:0; background:#FFFFFF url('btn_search_magnifying_glass_icon.webp') center center / contain no-repeat; color:transparent; height:3.5rem; width:3.5rem; overflow:hidden; }
.search-box .search-wrapper .search-button input[type="submit"].supersearch-button:hover { background-color:#fff; }
.search-box .search-wrapper .search-button input[type="submit"].supersearch-button:focus { outline:none; }
.search-box .search-wrapper .search-description { margin:0 !important; font-size:0.85em; font-style:italic; color:#ffffff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

@media only screen and (min-width:1281px)
{
	.search-box.search-box-supersearch { min-width:300px; }
}

/* search input and button same row */
.search-box.search-box-nowrap { flex-direction:row; }
.search-box.search-box-nowrap .search-wrapper:not(:last-of-type) { margin-bottom:0; margin-right:0.5rem; }

/* small box */
.search-box.search-box-small .search-wrapper .search-input input[type="text"] { padding:0.2rem 0.4rem; }
.search-box.search-box-small .search-wrapper .search-button input[type="submit"].supersearch-button { padding:0; width:2rem; height:2rem; }

/*
 * supersearch
 * -----------------------------------------------------------------------------
 */
#supersearch-results { display:none; position:fixed; z-index:9997; left:0; right:0; top:79px; bottom:0; overflow:auto; }
#supersearch-results .supersearch-box { margin:0; padding:0px; max-width:100%; background:#F6F6F6; box-shadow:0px 0px 10px 0p rgba(0,0,0,1); border-radius:0px; }
#supersearch-results .supersearch-box .supersearch-close { position:absolute; right:0.75rem; top:24px; }
#supersearch-results .supersearch-box .supersearch-close img { display:inline-block; width:30px; height:30px; }
/*#supersearch-results .supersearch-box .supersearch-close { position:absolute; right:0; top:0; font-family:arial, sans-serif; font-size:1.2rem; font-weight:bold; color:#fff; text-decoration:none; background-color:var(--bs-body-color); width:2.5rem; height:2.5rem; display:flex; align-items:center; justify-content:center; }
#supersearch-results .supersearch-box .supersearch-close:hover { background-color:#e30613; text-decoration:none; }*/
#supersearch-results .supersearch-box .supersearch-inner { position:relative; padding:24px 0.75rem 40px 0.75rem; /*background:#fff;*/ }

body.admin-bar #supersearch-results { top:111px; }

/* on search loading */
#supersearch-results.searching .supersearch-box .supersearch-inner .supersearch-inner-results { position:relative; min-height:60px; }
#supersearch-results.searching .supersearch-box .supersearch-inner .supersearch-inner-results::after { position:absolute; content:''; z-index:9998; left:0; top:0; right:0; width:100%; height:50px; background:transparent url('loading_circle.gif') center center no-repeat; background-size:50px 50px; }

#supersearch-results.searching .supersearch-inner-default-content { display:none; }
#supersearch-results.has-results .supersearch-inner-default-content { display:none; }

/* content styles */
#supersearch-results h3 { font-size:1rem; font-family:"FrutigerLtBold", sans-serif; color:var(--bs-heading-color); margin-bottom:1rem; }

#supersearch-results .supersearch-info { margin-bottom:2rem; }

#supersearch-results .supersearch-popular-searches-wrapper { display:flex; flex-direction:row; flex-wrap:nowrap; margin-bottom:2rem; }
#supersearch-results .supersearch-popular-searches-wrapper .popular-searches-subtitle { color:#2E495C; margin:0 1rem 0 0; }
#supersearch-results .supersearch-popular-searches-wrapper .supersearch-popular-searches { display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
#supersearch-results .supersearch-popular-searches-wrapper .supersearch-popular-searches a { color:#000000; font-size:1rem; text-decoration:none; padding:16px 8px; }
#supersearch-results .supersearch-popular-searches-wrapper .supersearch-popular-searches a:hover { color:#e30613 }
#supersearch-results .supersearch-popular-searches-wrapper .supersearch-popular-searches a:active { color:#e30613 }

#supersearch-results .supersearch-categories { list-style:none; margin:0; padding:0; }
#supersearch-results .supersearch-categories li { margin-bottom:0.5rem; }
#supersearch-results .supersearch-categories li a { color:#000000; font-size:0.85rem; text-decoration:none; }
#supersearch-results .supersearch-categories li a:hover { color:#e30613 }
#supersearch-results .supersearch-categories li a:active { color:#e30613 }

#supersearch-results .supersearch-posts { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; list-style:none; margin:0; padding:0; }
#supersearch-results .supersearch-posts .supersearch-post-item { box-sizing:border-box; }
#supersearch-results .supersearch-posts .supersearch-post-item a { color:#000000; font-size:1rem; text-decoration:none; }
#supersearch-results .supersearch-posts .supersearch-post-item a:hover { color:#e30613 }
#supersearch-results .supersearch-posts .supersearch-post-item a:active { color:#e30613 }
#supersearch-results .supersearch-posts .supersearch-post-item a:active { color:#e30613 }
#supersearch-results .supersearch-posts .supersearch-post-item a .search-post-thumb { position:relative; background-size:cover; background-position:center; width:100%; height:180px; }
#supersearch-results .supersearch-posts .supersearch-post-item a .post-type-badge { position:absolute; top:10px; left:10px; background:#FCE6E7; padding:4px 10px; font-size:12px; font-weight:bold; color:#e30613; text-transform:uppercase; }

@media (min-width:1025px)
{
	#supersearch-results .supersearch-posts { grid-template-columns:repeat(5, 1fr); }
}

#supersearch-results .supersearch-inner-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; }
#supersearch-results .supersearch-inner-wrapper .supersearch-inner-wrapper-first { width:200px; padding-right:20px; }
#supersearch-results .supersearch-inner-wrapper .supersearch-inner-wrapper-second { flex:1; }

@media (min-width:1025px)
{
	#supersearch-results .supersearch-box .supersearch-inner { max-width:1320px; margin:0 auto; }
}

/* show the supersearch popover */
body.supersearch-show { overflow:hidden; }
body.supersearch-show #supersearch-results { display:block; }

/* Container */
#supersearch-results .pager { margin-top:2rem; }
#supersearch-results .pager > .page-numbers { display:inline-flex; flex-direction:row; list-style:none; margin:0; padding:0; border:1px solid #ddd; }
#supersearch-results .pager > .page-numbers li { margin:0; padding:0; }
#supersearch-results .pager > .page-numbers li a,
#supersearch-results .pager > .page-numbers li span { display:flex; align-items:center; justify-content:center; width:40px; height:40px; text-decoration:none; color:#000; border-right:1px solid #ddd; background:#fff; }
#supersearch-results .pager > .page-numbers li:last-child a,
#supersearch-results .pager > .page-numbers li:last-child span { border-right:none; }
#supersearch-results .pager > .page-numbers li span.current { background:#333; color:#fff; }
#supersearch-results .pager > .page-numbers li a:hover { background:#f5f5f5; color:#000; }