body {
	/* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	background:#fafbfd;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/*
.pb-5, .py-5 {
    padding-top: 0rem!important;	
    padding-bottom: 0rem!important;
}
*/

.card {
	margin:10px;
	padding:10px;
	background:transparent;
}

.ResultsCard {
	background:white;
	margin:5px;
}

.card-small .card-small-img {
	margin-bottom:5px;
}

.card-headline {
	margin-top:-5px;
	font-size:1.2rem;
	color:black;
	font-weight:400;
    line-height: 1.1!important;	
}

.card-text {
	color:black;
	font-weight:400;	
    line-height: 1.1!important;	
}

/* The snackbar */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 30px; /* 30px from the bottom */
}

/* Show the snackbar with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;} 
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;} 
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

/* twitter typeahead */

.input-group>.twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3
 }

.thumbn {
	border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:96px;height:72px;
}

.resfav {
	font-size:1rem;line-height:16px;margin:5px 0px 5px 0px;
}

.tgo {
	font-size:.875rem;line-height:1rem;color:orangered;margin:0px 10px 5px 10px;white-space:nowrap;
}

.restitle {
	font-size:16px;
	color:#0060a9;
	margin-top:.5rem;
	margin-bottom:3px;
}

.resurl {
	font-size:13px;
	color:green;
}

.resdesc {
	font-size:13px;
	text-overflow: ellipsis;
}

.morelikethis {
	margin:10px;
	font-size:.9rem;
	font-weight:400;
	color:#0060a9;
	border:1px solid #0060a9;
}

.zerospace {
	margin:0px;padding:0px;
}

.bannerheadline {
	margin:0px 10px 0px 10px;
	padding:5px;
	font-size:1.2rem;
	font-weight:400;
	color:white;
	letter-spacing:-.5px;
	line-height:21px;
}

.bannerheadline2 {
	margin:0px 0px 0px 0px;
	padding:10px;
	font-size:1.2rem;
	line-height:24px;
	font-weight:400;
	color:white;
	letter-spacing:-1px;
}

.aboutshort {font-size:1.1rem;font-weight:700;color:#353748;}

.aboutshort a {color:#0060a9;}

/* unvisited link */
a:link {
  color: #0060a9;
}

/* visited link */
a:visited {
  color: #8B008B;
}

/* mouse over link */
a:hover {
  color: #0060a9;
  font-weight:700;
}

/* selected link */
a:active {
  color: #00BFFF;
  font-weight:700; 
}

#myTab li a { background-color:transparent; }

.navbar-toggler {color:white;}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.highlight {
	background-color:yellow;
}

.cardcats {
	margin:0px 0px 0px 0px;
	font-size:1.1rem;
	padding:0px 0px 5px 0px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	text-align:center;
	border:none;
}

.cardcats i {
	padding:0px 0px 5px 0px;
	font-size:1.1rem;
	margin:0px;
	float:left;
	color:#0060a9;
	width: 40px !important;	
}

.cardcats h3 {
    margin:0px;
	padding:0px 0px 5px 0px;
	font-size:1rem;
	color:#0060a9;
	text-align:left	
}

.text-white {
	font-size:1rem;
}

p {
	font-size:1rem;
}

.addbut {
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Roboto",sans-serif;
    background: #f2f2f2;
    color: #444746;
    border-radius: 14px;
    align-self: flex-end;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    text-align: center;
    margin-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
    padding: 4px 12px;
	border:0px;
}