/*
Tipue Search 6.1
Copyright (c) 2017 Tipue
Tipue Search is released under the MIT License
http://www.tipue.com/search
*/


/* fonts */

#tipue_search_input, #tipue_search_foot_boxes { /*font: 300 14px/1 Roboto, sans-serif;*/
	font-family: 'Nunito Sans', Segoe, "Segoe UI", sans-serif;
	font-weight:normal; font-size:1.2em; line-height:1; color:#e6e6e6;
}
#tipue_search_results_count, #tipue_search_warning, .tipue_search_content_url, .tipue_search_content_debug, .tipue_search_related_text { font: 300 14px/1.7 Roboto, sans-serif; }
.tipue_search_content_title { /*font: 100 26px/1.7 Roboto, sans-serif;*/
	font-family: 'Nunito Sans', Segoe, "Segoe UI", sans-serif;
	font-weight:normal; font-size:2.4em; line-height:1.7; font-style:italic; color:#e6e6e6;
}
.tipue_search_content_text, .tipue_search_related_title { /*font: 300 15px/1.7 Roboto, sans-serif;*/
	font-family: 'Nunito Sans', Segoe, "Segoe UI", sans-serif;
	font-weight:normal; font-size:1em; line-height:1.7; padding-bottom:1em; color:#e6e6e6;
}
.tipue_search_content_bold, .tipue_search_related_bold { font-weight: bold; color:white; }


/* search box */

#tipue_search_input { color: #333; max-width: 210px; padding: 17px; border: 1px solid #e3e3e3; border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
    box-shadow: none; outline: 0; margin: 0; }
.tipue_search_icon { width: 24px; height: 24px; }
.tipue_search_left { float: left; padding: 15px 9px 0 0; }
.tipue_search_right { float: left; }


/* search results */

#tipue_search_content { /*max-width: 750px; padding-top: 15px;*/ }
#tipue_search_results_count { color: #B9E0DF; }
#tipue_search_warning { color: #CCC; margin: 7px 0; }
#tipue_search_warning a { color: #5396ea; text-decoration: none; }
#tipue_search_warning a:hover { color: #CCC; }
.tipue_search_content_title { color: #CCC; margin-top: 21px; }
.tipue_search_content_title a { color: #e6e6e6; text-decoration: none; }
.tipue_search_content_title a:hover { color: #666; }
.tipue_search_content_url { word-wrap: break-word; hyphens: auto; }
.tipue_search_content_url a, .tipue_search_related_text a { color: #5396ea; text-decoration: none; }
.tipue_search_content_url a:hover, .tipue_search_related_text a:hover, .tipue_search_related_before, .tipue_search_related_after { color: #555; }
.tipue_search_content_text { color: #CCC; word-wrap: break-word; hyphens: auto; margin-top: 5px; }
.tipue_search_content_bold { color: #CCC; }
.tipue_search_content_debug { color: #CCC; margin: 5px 0; }
.tipue_search_related_title { color: #CCC; margin: 26px 0 7px 0; }
.tipue_search_related_cols { 
	-webkit-columns: 230px 2;
	-moz-columns: 230px 2;
	columns: 230px 2;
}

#tipue_search_foot { margin: 51px 0 21px 0; }
#tipue_search_foot_boxes { padding: 0; margin: 0; cursor: pointer; }
#tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; }
#tipue_search_foot_boxes li a { padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; 	text-decoration: none; text-align: center; }
#tipue_search_foot_boxes li.current { padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; }
#tipue_search_foot_boxes li a:hover { background: #f6f6f6; }


/* spinner */

.tipue_search_spinner {
     width: 50px;
     height: 28px; }
.tipue_search_spinner > div {
     background-color: #e3e3e3;
     height: 100%;
     width: 2px;
     display: inline-block;
     margin-right: 2px;
     -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
     animation: stretchdelay 1.2s infinite ease-in-out; }
.tipue_search_spinner .tipue_search_rect2 {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s; }
.tipue_search_spinner .tipue_search_rect3 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s; }

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	}  
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes stretchdelay {
	0%, 40%, 100% { 
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}
	20% { 
		-webkit-transform: scaleY(1.0);
		transform: scaleY(1.0);
	}
}