/* overlay */
#search{display:none;opacity:0}
#search.active{display:block!important;position:fixed;z-index:20;top:0;width:100%;height:100%;min-height:100%;min-width:100%;opacity:1!important;background-color:#fff}

/*Search background hero */

#sol{display:block;position:absolute;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0.1}

/* Disable selection */

#close-search{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

#close-search{position:relative;display:inline-block;width:auto;float:right;text-align:center;cursor:pointer}

#close-search{font-size:10px;line-height:10px}

#search[data-dt="m"] #close-search i{opacity:0}

#close-search:before{display:block}
#close-search:before{font-family:"RockMtr";font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#close-search:before{content:"\e80c";color:#000;text-align:center}

#search h6{display:block;clear:both;font-family:"Permanent Marker",cursive;font-weight:400;letter-spacing:1px;text-align:center;color:#000;font-size:30px}

/*
#search-logo i{display:block;transform:skew(-3deg);color:#000}
*/

/* FORM */
#search form{display:block;margin-top:30px;margin-left:auto;margin-right:auto}

#search input{
outline:0;
font-family:inherit;
font-size:16px;
font-weight:300;
color:#858585;
vertical-align:middle;
}

#ajax-search div:first-child:after,#ajax-search div:first-child:before{display:table;content:" "}
#ajax-search div:first-child:after{clear:both}
#ajax-search > div:first-child + div{margin-top:15px}

#search button{outline:0;font-family:inherit;font-size:16px;font-weight:400;color:#000;vertical-align:middle;cursor:pointer}
#search button:hover{background-color:#e95050;color:#fff}

.mini-go{font-family:'RockMtr'!important;font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#000}
#search button:hover .mini-go{color:#fff}

/* Search form multitrack results */
#dropdown-menu.with-results.scroll{overflow-y:scroll}
.ajxh-s,.ajxh-a{display:block;padding:5px 0 5px 10px}
.ajxh-s:before,.ajxh-a:before{font-family:"RockMtr";font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ajxh-s:before,.ajxh-a:before{margin-right:10px}
.ajxh-s:before{content:"\e820";color:#000;text-align:center}
.ajxh-a:before{content:"\e830";color:#000;text-align:center}

#dropdown-menu{color:#000;font-size:14px;line-height:18px;display:block;clear:both;font-weight:600}
#dropdown-menu.with-results{background-color:#fff}

.list-group-item{font-weight:300}
#dropdown-menu a{white-space:normal!important;color:#000;text-decoration:underline;display:block;width:100%;font-weight:400}

.list-group-item{
    padding:5px;
    margin-bottom:-1px;
    border:1px solid #eaeef1;
}

.empty-search,.sr-error{width:100%;font-size:16px;color:#ef1130;text-align:left;padding:5px 0 0 0}
.art-fnd{padding:8px 0 0 5px}

#asr:has(span.ajxh-a){padding-bottom:15px}

#ajx:focus{border:1px solid #ed5252}

/* Search await animation */
#asl:not(.hide) i:before{display:block;font-family:"RockMtr";font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;color:#000;text-align:center}
#asl:not(.hide) i:before{content:"\e838"}

#asl:not(.hide) i:before{-webkit-animation:awaitspin 2s infinite linear;animation:awaitspin 2s infinite linear}

@-webkit-keyframes awaitspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes awaitspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

/* ANIMATION FOR MOBILE MENU */

@-moz-keyframes spin{0%{-moz-transform:rotate(0);opacity:.3} 100%{-moz-transform:rotate(360deg);opacity:1}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);opacity:.3} 100%{-webkit-transform:rotate(360deg);opacity:1}}
@keyframes spin{0%{-webkit-transform:rotate(0);opacity:.3;transform:rotate(0)}100%{-webkit-transform:rotate(360deg);opacity:1;transform:rotate(360deg)}}

@media(max-width:2000px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxl.jpg)}
}

@media(max-width:2000px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxlv.jpg)}
}

@media(max-width:1600px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xl.jpg)}
}

@media(max-width:1600px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xlv.jpg)}
}

@media(max-width:1200px){
	/*
	#search form{width:90%}
	#search input[type="text"]{width:75%;float:left}
	#search button{width:24%;float:right}
	*/
}


@media(max-width:1200px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-l.jpg)}
}

@media(max-width:1200px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-lv.jpg)}
}

@media(min-width:1024px){
	#search form{width:50%}
	#search input[type="text"]{width:73%;float:left}
	#search button{width:25%;float:right}
}

@media(min-width:1024px){
	#search input{border:2px solid #d2d2d2}
	#search input:focus{border:2px solid #000}

	#search button{border:2px solid #d2d2d2}
	#search button:hover{border:2px solid #000}

	#search-logo{display:block;width:100%;margin:15px auto 0 auto;clear:both;text-align:center;white-space:pre-line;word-wrap:break-word;text-transform:uppercase;line-height:1em;letter-spacing:2px;font-weight:900}

	#search-logo:after{display:block;font-family:"RockMtr";font-style:normal;speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300}
	#search-logo:after{content:"\e81b";font-size:60px;line-height:60px;color:#000}	
}

@media(max-width:1023px){
	#search input{border:1px solid #d2d2d2}
	#search input:focus{border:1px solid #000}

	#search button{border:1px solid #d2d2d2}
	#search button:hover{border:1px solid #000}
}

@media(max-width:1023px){
	#search-logo{display:none}

	#search form{width:90%}
	#search input[type="text"]{width:75%;float:left}
	#search button{width:24%;float:right}
}

@media(max-width:1000px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-m.jpg)}
}

@media(max-width:1000px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-mv.jpg)}
}

@media(max-width:800px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-sh.jpg)}
}

@media(max-width:800px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-s.jpg)}
}

@media(min-width:769px){
	#search-logo{font-size:42px}
	#search button{padding:15px 25px}

	#close-search{margin-right:30px}
	#close-search:before{width:66px;padding-top:10px;line-height:66px;font-size:50px}
}

@media(max-width:768px){
	#search-logo{font-size:30px}

	/* Search form */
	#search form{width:96%}

	#search input[type="text"]{width:calc(98% - 60px);display:inline-block;float:left}

	#search button{width:60px;display:inline-block;float:right;margin:0;padding:15px 0}

	#close-search{margin-right:10px}
	#close-search:before{width:50px;line-height:50px;font-size:24px}
}

@media(max-width:600px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xsh.jpg)}
}

@media(max-width:600px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xs.jpg)}
}

@media(max-width:400px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxsh.jpg)}
}

@media(max-width:400px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxs.jpg)}
}

@media(max-width:300px){
	#search form{width:98%}
	#search input[type="text"]{width:99%;margin:0 auto}
	#search button{display:none}
}

@media(max-width:300px) and (orientation:landscape){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxxsh.jpg)}
}

@media(max-width:300px) and (orientation:portrait){
	#sol{background-image:url(https://rockmtr.com/assets/img/search-hero/hero-search-xxxs.jpg)}
}

@media(min-width:201px){
	#search input{padding:15px 25px}
	#search input{color:#000}
}

@media(max-width:200px){
	#search-logo{font-size:24px}
	#search input{font-size:12px}
	#search input{padding:10px 5px}
}

#dropdown-menu.th{visibility:hidden;position:absolute;top:-10000px;left:-10000px}