.themes {
  background: var(--bs-body-bg); }
  .themes .list-card {
    position: relative;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    min-width: 0;
    margin: 16px; }
    .themes .list-card .card {
      padding: 0;
      font-size: 14px;
      border-radius: 4px;
      border: none;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -ms-flex-direction: column;
      flex-direction: column; }
      .themes .list-card .card .btn-preview {
        display: none; }
      .themes .list-card .card .info {
        float: left; }
      .themes .list-card .card .buttons {
        float: right; }
      .themes .list-card .card .card-img-top {
        display: flex;
        flex: 1 1 auto;
        object-fit: cover;
        vertical-align: middle;
        align-items: center;
        background: rgba(var(--bs-body-color-rgb), 0.02);
        box-shadow: #cccccc 0 0 16px;
        box-shadow: rgba(var(--bs-body-bg-rgb), 0.1) 0 0 6px inset, rgba(var(--bs-body-color-rgb), 0.2) 1px 1px 32px -6px;
        border: 1px solid rgba(var(--bs-body-color-rgb), 0.075); }
        .themes .list-card .card .card-img-top img {
          margin: auto; }
      .themes .list-card .card .card-body {
        flex: none; }
        .themes .list-card .card .card-body a {
          text-decoration: none; }
      .themes .list-card .card .card-title {
        font-size: 1rem;
        color: var(--bs-body-color);
        margin-bottom: 0; }
      .themes .list-card .card .card-footer {
        opacity: 0;
        border-top: none;
        position: absolute;
        width: 100%;
        transition: opacity 0.3s;
        text-align: center;
        height: 70px;
        bottom: 100px; }
      .themes .list-card .card:hover .card-footer {
        opacity: 1; }
      .themes .list-card .card:hover .btn-preview {
        display: inline-block; }

.list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none; }

@supports (display: grid) {
  .list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
  @media only screen and (min-width: 1600px) {
    .list {
      grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); } }
  @media only screen and (min-width: 2100px) {
    .list {
      grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); } } }

@media (min-width: 640px) {
  .list-card {
    min-width: 320px; } }

.img-fluid {
  image-rendering: -webkit-optimize-contrast; }

.theme-img {
  box-shadow: #cccccc 0 0 16px;
  box-shadow: rgba(var(--bs-body-bg-rgb), 0.1) 0 0 6px inset, rgba(var(--bs-body-color-rgb), 0.2) 1px 1px 32px -6px;
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.075); }

#content {
  padding-top: 2rem; }

.sticky {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-self: flex-start; }

/*
.container-fluid {
	max-width:1600px;
}
*/
body {
  position: relative; }

#vvveb-admin + nav {
  margin-top: 35px; }

.theme-img {
  box-shadow: rgba(var(--bs-body-bg-rgb), 0.1) 0 0 6px inset, rgba(var(--bs-body-color-rgb), 0.2) 1px 1px 32px -6px; }

/*
select[name=orderby] {
	font-size: 14px;
    border-color: var(--bs-border-color);
	padding:0.7rem 1rem;
}
*/
.pagination {
  --bs-pagination-border-color: transparent;
  --bs-pagination-active-border-color: var(--bs-primary-border-subtle);
  --bs-pagination-color: var(--bs-secondary);
  --bs-pagination-active-color: var(--bs-primary);
  --bs-pagination-active-bg: transparent; }

.btn-primary, .btn-light {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 1px rgba(0, 0, 0, 0.08); }

.btn-light {
  --bs-btn-bg:var(--bs-body-bg);
  --bs-btn-border-color:rgba(var(--bs-body-color-rgb),0.1); }

.details {
  position: sticky;
  top: 10rem;
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.08);
  border-radius: 8px;
  padding: 2rem;
  margin: 2rem; }

@media screen and (min-width: 767px) {
  .navigation-1 {
    box-shadow: none;
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.08); } }

.menutree a {
  font-size: 14px; }

.menutree img {
  opacity: 0.5; }


img {
	max-width:100%;
}