body {
   font-family: Century Gothic;
   color: #364655;
   background-color: #ffffff;
}

a {
  font-family: Century Gothic;
  color: #86C232;
} 

a:hover, a:focus {
  filter: brightness(0.85);
  color: #86C232;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Century Gothic;
  color: #86C232;
}

h5.card-header > a {
  font-family: Century Gothic;
  color: #86C232;	
}

/* Core */
* {  -webkit-font-smoothing: antialiased; }

/* Text */
.text-primary { color: #86C232 !important; }
.text-secondary { color: #364655 !important}
.text-uppercase { letter-spacing: .04em; }

a.text-primary:focus, a.text-primary:hover {
  color: #86C232 !important;
  filter: filter: brightness(0.85);	
} 

a.text-secondary:focus, a.text-secondary:hover {
  color: #364655 !important;
  filter: filter: brightness(0.85);	
} 

/* Btn */
.btn-primary {
  border: none !important;
  border-radius: 50px;
  padding: 10px 25px;
  background-color: #377bfe !important;
  color: #ffffff;
}

.btn-primary:hover { 
  border: none!important;
  filter: brightness(0.85);
}

/* Cards */
.card {
  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)!important;
  border: 0!important;
  background-color: #ffffff;
}
.card-header { border: 0!important; }
.card-footer { font-size: .8rem; }

/* Images for posts */
.post-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 21 / 9;
  margin-bottom: 20px;
}
.post-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.post-img-sm {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  aspect-ratio: 21 / 9;
}
.post-img-sm img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

nav.navbar, footer.bg-dark {
  background-color: #343a40 !important;	
}

nav.navbar .nav-link, footer a {
  color: #ffffff !important;	
}

nav.navbar .nav-link:hover, nav.navbar .nav-link:focus {
  filter: brightness(0.85);	
}

footer a:focus, footer a:hover {
  color: #ffffff !important;
  filter: brightness(0.85);	
} 

.navbar-dark .navbar-brand {
   color: #ffffff !important;
}

.card-footer.text-muted {
  color: #364655 !important;
  filter: opacity(80%);
}

.thisisbot {
  display: none;
}

.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li, .loading-skeleton a, .loading-skeleton .btn {
  color: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee;
}

.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder {
  color: transparent;
}

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}

.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}

ul.pagination {
  margin: 20px 0;
}

.page-item.active .page-link {
  background-color: #377bfe;
  border-color: #377bfe;
  color: #ffffff;
}

.page-link {
  color: #86C232;	
}

.page-item.disabled .page-link {
  color: #6c757d;
}