@font-face {
    font-family: "Apple";
    src: url("../font/sf-pro-text_regular.woff2");
}

body{
	background:lightgrey;
	text-transform: lowercase;
	font-family: 'Apple', sans-serif !important;
	background-image:url('../img/body-bg.jpg');
	background-repeat:repeat;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 80%;
	}
}

.toast-header{
  background:#5675ed !important;
}

.text-icon{
  color:rgb(0, 113, 227) !important;
}

.text-accent{
  color:#e00f94 !important;
}

.bg-accent{
  border:none !important;
  background:#e00f94 !important;
}

.carousel-indicators li {
  visibility: hidden;
}

.navbar-light .navbar-nav .nav-link{
  color:black !important;
}

.carousel {
    border-radius: 6px;
    overflow: hidden;
}

/*scroll bar*/

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}

.shell{
	margin:0 auto;
}

.activity-card{
    width: 100%;
    height: auto;
    margin-top: 8px;
    min-height: 320px;
    margin-bottom: 8px;
}

.tab-content{
    height: 332px;
    overflow: hidden;
    overflow-y: auto;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

@media(min-width:600px){
	.spinner{
		display:block;
	}
	.view-text{
		display:none;
	}
}

@media(max-width:600px){

	.shell{
		width:100%;
	}
}

.card-background{
	color:white;
	width:100%;
	color:white;
	background:rgb(16,16,16);
	text-shadow:1px 1px black;
	border-radius:3px 3px 0px 0px;
}

#highlights{
	color:white;
	overflow:hidden;
	overflow-y:auto;
	height:100vh;
	background-size: cover;
	text-shadow:1px 1px black;
	background-image: url('august.jpg');
}

.centered {
  position: relative;
  top: -80%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.nav-item{
	cursor:pointer;
}

.input-buttons{
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px;
    position: absolute;
}

.activity-filter{
	margin:8px;
	cursor:pointer;
}

.golden{
	color:gold;
}

img.card-option{
	display:inline;
	margin:0 auto;
	width:auto;
	height:236px;
	max-width:100%;
	border-radius:3px;
	border:solid 2px white;
}

img.billboard{
	width:auto;
	height:284px;
	max-width:100%;
	border-radius:3px 3px 0px 0px;
}

.view-card-button{
	width:100%;
	cursor:pointer;
	margin-top:14px;
}

.activity-option{
	padding:4px;
	border-bottom:1px solid rgb(223, 227, 233);
}

.fa{
	font-size:16px;
}

.section-data .fa{
	font-size:12px;
}

.social-stuff .fa{
	margin-left:8px;
}

.share-buttons{
	text-align:right;
}

.card-body{
	padding:0px !important;
}
.card-body .list-group-flush, .card-body .card-text.faded, .card-body p, .card-title{
	padding:8px;
}

h5.card-title, p{
	margin-bottom:0px !important;
}
.list-group-flush .list-group-item{
	padding:0px;
	border:none;
}

.card-text.faded{
	margin-bottom:0px;
	background:rgb(240,243,247);
}

.carousel{
	background:rgb(64,65,66);
}
.carousel img{
	margin:0px;
	border-radius:3px;
}
#category-selector{
	margin-top:8px;
}

.card-header,.card-footer{
	padding:4px !important;
}

/* SITE */
.sol{
  color:rgb(0,0,0);
  background:rgb(255,255,255);
}

.luna{
  background:rgb(0,0,0);
  color:rgb(255,255,255);
}

.product-yes{
  color:white !important;
}
.product-background{
  background-size: cover;
  min-height:50vh !important;
}

.hipster{
  border:solid 1px rgb(245, 245, 247);
  min-height:25vh;
  border-radius:0px;
}

.hipster .product-icon{
  font-size:32px;
}

.btn{
  border:none;
  cursor:pointer;
  border-radius:20px;
}

.btn-vote,.btn-hollow{
	text-align:center;
  color:#000 !important;
  border:solid 1px #000;
}

.btn-vote{
  background:#000 !important;
  color:white !important;
}

.btn-hollow{

  background:none;
}

.carousel-inline{
  float:left;
  display:inline;
}