#resultsText {
    color: #333;
    font-style: italic;
}
.search-page em {
    background: rgba(255, 215, 95, 0.5);
    padding: 2px 4px;
}

#suggestionResults {
    display: block;
    width:600px;
    height:300px;
    overflow:auto;
    /* border: 1px solid #ccc; */
}


ol.link-list {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}

ol.link-list > li {
	position:relative; /* Create a positioning context */
	margin:0 0 12px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}

ol.link-list > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:5px;
    border-radius: 50%;
	color:#fff;
	background:#ffd75f;
	font-weight:bold;
	text-align:center;
    font-size: 16px;
    line-height: 22px;
}

li ol,
li ul {margin-top:6px;}
ol.link-list ol li:last-child {margin-bottom:0;}


ol.link-list > li a:link {
    color: #7a0019;
}


ol.link-list > li.hover,
ol.link-list > li:hover {
	color: #ffd75f;
}


ol.link-list > li.hover:before, 
ol.link-list > li:hover:before{
    color: #ffd75f;
	background: #7a0019;
}

ol.link-list > li a:hover {
    color: #000;
}

@media screen and (max-width: 599px) { 
  ol.link-list > li:before {
      padding:3px;
    font-size: 12px;
    line-height: 18px;
}  
}

/* #searchByName {
   width:500px;
   background: #7a0019;
   color: white;
   font-weight: bolder;
} */


#modalResults {
    display: block;
    width:95%;
    
    max-height: 600px;
    overflow:auto;
    border: 1px solid #ccc;
    margin: 20px;
    padding: 20px;
}

#modalResults:empty {
    display: none;
}

.autoResult {
    display: block;
    border-top: 1px solid #ccc;
    padding: 15px 10px;
}

.autoResult em {
    background: rgba(255, 215, 95, 0.50);
    padding: 2px;
}

.autoResult a {
    font-weight: bold;
}

/* Landscape - tablet */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
    #modalResults {
        max-height:300px;
    }
}



/* Portrait - phone */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #modalResults {
        max-height:375px;
    }
}

/* Landscape - phone */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #modalResults {
        max-height:150px;
    }

}

.btn-results {
    font-family: AvenirNextLTPro-Medium, Avenir, "Avenir", Arial, sans-serif;
    font-weight: normal;
	font-style: normal;
    border-radius: 0;
    color: #fff;
    /* background: rgba(8, 173, 213, 1); */
    background: rgba(183, 31, 57, 1);
    border-color: rgba(183, 31, 57, 1);
    width: 100%;
}