@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Source+Code+Pro');


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


/* basics */

.tipue_search_group:after {
     content: "";
     display: table;
     clear: both;
}

/* fonts, colors */

.tipue_search_icon {
	font: 300 24px/1 'Open Sans', sans-serif;
	color: #777;   
}
#tipue_search_results_count, .tipue_search_related, .tipue_search_note {
	font: 12px/1.3 'Source Code Pro', monospace;
	text-transform: uppercase;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#tipue_search_replace, #tipue_search_error, .tipue_search_content_text {
	font: 400 16px/1.6 'Open Sans', sans-serif;
	color: #666; 
}
#tipue_search_replace a {
     color: #337ab7;
     text-decoration: none;
}
#tipue_search_replace a:hover {
	color: #AA0000;
	text-decoration: underline; 
}
.tipue_search_related_btn {
     font: 11px/1 'Source Code Pro', monospace;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #f7f7f7;
}
.tipue_search_content_title {
     font: 400 22px/1.2 'Open Sans', sans-serif;
     color: #1b3453;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tipue_search_content_title a {
     color: #1b3453;
     text-decoration: none;
}
.tipue_search_content_url, .tipue_search_content_debug {
     font: 400 15px/1.7 'Open Sans', sans-serif;
     color: #333;
}
.tipue_search_content_url a {
     color: #337ab7;
     text-decoration: none;
}
.tipue_search_content_url a:hover {
	color: #AA0000;
	text-decoration: underline;
}
.tipue_search_content_bold {
     font-weight: 600;
     color: #111;
}
.tipue_search_note a {
     color: #999;
     text-decoration: none;
}
.tipue_search_image_close {
     font: 22px/1 'Source Code Pro', monospace;
	color: #ccc;     
}
#tipue_search_zoom_text {
     font: 11px/1.7 'Source Code Pro', monospace;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#tipue_search_zoom_text a {
     color: #ccc;
     text-decoration: none;
     border-bottom: 2px solid #f7f7f7;
}
#tipue_search_zoom_text a:hover {
     border: 0;
}
#tipue_search_foot_boxes {
    font: 13px/1 'Source Code Pro', sans-serif;
	text-transform: uppercase;
	color: #333;     
}
#tipue_search_foot_boxes li a {
    background-color: #f7f7f7;
	color: #444;
}
#tipue_search_foot_boxes li.current {
    background: #1b3453;
	color: #ccc;
}
#tipue_search_foot_boxes li a:hover, .tipue_search_related_btn:hover {
    background: #1b3453;
    color: #ccc;
}


/* search box */

#tipue_search_input {
	font: 15px/1 'Open Sans', sans-serif;
	color: #333;     
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #999;
}
::placeholder { /* Most modern browsers support this now. */
   color:    #999;
}
#tipue_search_input {
	float: left;
	width: 150px;
	background-color: #f3f3f3;
	border: none;
	padding: 4px 6px 4px 15px;
	height: 26px;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	box-shadow: none;
	outline: 0;
	margin: 1px 0 0;
}
.tipue_search_button {
	position: relative;
	float: left;
	width: 40px;
	height: 26px;
	margin: 1px 0 0 -4px;
	background-color: #f3f3f3;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	outline: 0;
}
.tipue_search_icon {
	float: left;
	transform: rotate(-45deg);
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	box-shadow: none;
	outline: 0;	
	margin: -1px 0 0 8px;
}


/* search results */


#tipue_search_content {
	max-width: 100%;
	margin: 0;
}
.tipue_search_result {
	padding-top: 21px;
}
#tipue_search_results_count {
	padding-top: 9px;
}
.tipue_search_related {
	padding-top: 13px;
}
.tipue_search_related_block {
	padding-bottom: 6px;
}
#tipue_search_warning {
	padding-top: 10px;
}
.tipue_search_related_btn {
	display: inline-block;
	padding: 9px 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	margin: 9px 9px 0 0;
	outline: 0;
	transition: 0.2s; 
	cursor: pointer;
}
#tipue_search_replace {
	padding-top: 13px;
}
#tipue_search_error {
	padding-top: 13px;
}
.tipue_search_content_url {
	padding-top: 3px;
	word-wrap: break-word;
	hyphens: auto;
}
.tipue_search_content_text {
	word-wrap: break-word;
	hyphens: auto;
	margin-top: 1px;
}
.tipue_search_note {
	padding-top: 5px;
}
.tipue_search_content_debug {
	margin: 5px 0;
}


/* images */


.tipue_search_image {
	padding: 9px 0 6px 0;
}
.tipue_search_img {
	width: 200px;
	max-width: 100%;
	height: auto;
	transition: 0.5s;
	border-radius: 1px;
}
.tipue_search_img:hover {
	opacity: 0.7;
}
.tipue_search_image_zoom {
	cursor: pointer;     
}
#tipue_search_image_modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
}
.tipue_search_image_close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px 30px;
	cursor: pointer;
}
.tipue_search_image_block {
	margin: 0 auto;
	max-width: 900px;
	padding: 73px 30px 30px 30px;
	box-sizing: border-box;
	color: #fff;
}
#tipue_search_zoom_img {
	max-width: 100%;
	height: auto;
}
#tipue_search_zoom_text, .tipue_search_zoom_options {
	padding-top: 9px;
}


/* footer */


#tipue_search_foot {
	margin: 51px 0 21px 0;
}
#tipue_search_foot_boxes {
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#tipue_search_foot_boxes li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tipue_search_foot_boxes li a {
	padding: 10px 17px 11px 17px;
	border-radius: 3px;
	margin-right: 7px;
	text-decoration: none;
	text-align: center;
	transition: 0.2s;
}
#tipue_search_foot_boxes li.current {
	padding: 10px 17px 11px 17px;
	border-radius: 3px;
	margin-right: 7px;
	text-align: center;
}