html.dark-layout,
body.horizontal-layout {
  background: #161616 !important;
}

.horizontal-layout.navbar-sticky .app-content.content {
  margin-top: 0 !important;
  padding: 0 !important;
}

.header-navbar,
.horizontal-menu-wrapper,
.header-navbar-shadow {
  display: none !important;
}

.enclosed-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  width: 100%;
  border-bottom: 1px solid #1f1f1f;
  background: #050505;
}

.enclosed-header__inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: min(1440px, calc(100% - 3rem));
  min-height: 66px;
  margin: 0 auto;
}

.enclosed-brand {
  display: inline-flex;
  align-items: center;
  color: #f4f4f5;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: 0;
}

.enclosed-brand:hover {
  color: #fff;
}

.enclosed-brand img {
  max-height: 34px;
  width: auto;
}

.enclosed-tagline {
  color: #9ca3af;
  font-size: 1rem;
  font-weight: 500;
}

.enclosed-actions {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-left: auto;
}

.enclosed-button,
.enclosed-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 5px;
  font-weight: 700;
}

.enclosed-button {
  gap: .35rem;
  padding: 0 1.15rem;
  color: #f5f5f5;
  background: #262626;
}

.enclosed-button:hover {
  color: #fff;
  background: #303030;
}

.enclosed-icon {
  width: 38px;
  color: #e5e7eb;
  background: transparent;
}

.enclosed-icon:hover {
  color: #fff;
  background: #171717;
}

.enclosed-button svg,
.enclosed-icon svg,
.enclosed-primary svg,
.enclosed-secondary svg {
  width: 18px;
  height: 18px;
}

.enclosed-shell {
  width: min(1440px, calc(100% - 3rem));
  margin: 0 auto;
  padding: 30px 0 48px;
}

.enclosed-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 20px;
  min-height: calc(100vh - 132px);
}

.enclosed-editor {
  min-width: 0;
}

.enclosed-native-editor,
.enclosed-editor .CodeMirror,
.enclosed-editor #editor {
  width: 100% !important;
  min-height: calc(100vh - 132px) !important;
  border: 1px solid #1f1f1f !important;
  border-radius: 6px !important;
  background: #050505 !important;
  color: #e5e7eb !important;
  font-size: 1.05rem;
  line-height: 1.65;
  box-shadow: none !important;
  outline: none !important;
}

.enclosed-native-editor {
  padding: 1.35rem 1.45rem;
  resize: vertical;
}

.enclosed-native-editor::placeholder {
  color: #8b949e;
}

.enclosed-native-editor:focus,
.enclosed-editor textarea:focus,
.enclosed-editor .CodeMirror-focused {
  border-color: #1f1f1f !important;
  box-shadow: none !important;
  outline: none !important;
}

.enclosed-editor .ace_gutter {
  display: none !important;
}

.enclosed-editor .ace_scroller {
  left: 0 !important;
}

.enclosed-editor .ace_active-line,
.enclosed-editor .ace_gutter-active-line,
.enclosed-editor .CodeMirror-activeline-background {
  background: transparent !important;
}

.enclosed-editor .CodeMirror {
  padding: 1.1rem 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.enclosed-editor .CodeMirror-lines {
  padding: 0 1.35rem;
}

.enclosed-editor .CodeMirror-gutters {
  background: transparent;
  border-right: 1px solid #1f1f1f;
}

.enclosed-editor .ace_editor {
  font-size: 1rem !important;
}

.enclosed-panel {
  align-self: start;
  color: #e5e7eb;
}

.enclosed-panel #load_file {
  display: none !important;
}

.enclosed-field {
  margin-bottom: 1.25rem;
}

.enclosed-field label,
.enclosed-switch-row label {
  margin-bottom: .45rem;
  color: #e5e7eb;
  font-size: 1rem;
  font-weight: 700;
}

.enclosed-panel .form-control,
.enclosed-panel .select2-container--default .select2-selection--single,
.enclosed-panel .bootstrap-tagsinput {
  min-height: 48px;
  border: 1px solid #1f1f1f !important;
  border-radius: 6px !important;
  background: #050505 !important;
  color: #d1d5db !important;
  box-shadow: none !important;
}

.enclosed-panel .form-control:focus {
  border-color: #3f3f46 !important;
}

.enclosed-panel .form-control::placeholder {
  color: #8b949e;
}

.enclosed-panel .input-group-text {
  border-color: #1f1f1f !important;
  background: #050505 !important;
  color: #a1a1aa !important;
}

.enclosed-panel .select2-container {
  width: 100% !important;
}

.enclosed-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #d1d5db !important;
  line-height: 46px !important;
}

.enclosed-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
}

.select2-dropdown {
  border-color: #27272a !important;
  background: #101010 !important;
  color: #e5e7eb !important;
}

.select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #27272a !important;
}

.enclosed-switch-row {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin-bottom: 1.25rem;
}

.enclosed-panel .custom-control-label::before {
  border-color: #262626;
  background: #171717;
}

.enclosed-panel .custom-control-input:checked~.custom-control-label::before {
  border-color: #f5f5f5;
  background: #f5f5f5;
}

.enclosed-primary,
.enclosed-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  width: 100%;
  min-height: 48px;
  margin-bottom: .8rem;
  border-radius: 6px !important;
  font-weight: 700;
}

.enclosed-primary {
  border: 1px solid #f5f5f5 !important;
  color: #111 !important;
  background: #f5f5f5 !important;
}

.enclosed-primary:hover {
  background: #fff !important;
}

.enclosed-secondary {
  border: 1px solid #262626 !important;
  color: #f5f5f5 !important;
  background: #262626 !important;
}

.enclosed-secondary:hover {
  background: #303030 !important;
}

.enclosed-extra {
  margin-top: .35rem;
}

.enclosed-extra > a {
  display: inline-flex;
  margin-bottom: 1rem;
  color: #a1a1aa;
  font-weight: 600;
}

.enclosed-extra > a:hover {
  color: #fff;
}

.enclosed-ad {
  margin: 0 0 1rem;
  text-align: center;
}

@media (max-width: 991.98px) {
  .enclosed-header__inner,
  .enclosed-shell {
    width: min(100% - 1.5rem, 720px);
  }

  .enclosed-compose {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .enclosed-native-editor,
  .enclosed-editor .CodeMirror,
  .enclosed-editor #editor {
    min-height: 52vh !important;
  }

  .enclosed-panel {
    padding-bottom: 2rem;
  }
}

@media (max-width: 575.98px) {
  .enclosed-header__inner {
    gap: .75rem;
    min-height: 58px;
  }

  .enclosed-brand {
    font-size: 1.15rem;
  }

  .enclosed-actions {
    gap: .25rem;
  }

  .enclosed-button {
    min-height: 38px;
    padding: 0 .7rem;
    font-size: .9rem;
  }

  .enclosed-icon {
    width: 34px;
    min-height: 38px;
  }

  .enclosed-shell {
    padding-top: 18px;
  }
}

.thread-shell,
.trend-shell {
  width: min(780px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 34px 0 64px;
}

.thread-post,
.trend-panel {
  border: 1px solid #1f1f1f;
  border-radius: 10px;
  background: #050505;
}

.thread-author {
  display: flex;
  gap: 14px;
  padding: 22px;
  border-bottom: 1px solid #1f1f1f;
}

.thread-avatar {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
  background: #262626;
}

.thread-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thread-author__body {
  min-width: 0;
  flex: 1;
}

.thread-author__top,
.thread-meta,
.thread-actions,
.thread-owner-actions {
  display: flex;
  align-items: center;
}

.thread-author__top {
  gap: 8px;
  color: #8b949e;
  font-size: .92rem;
}

.thread-name {
  color: #f4f4f5;
  font-weight: 700;
}

.thread-author h1 {
  margin: .35rem 0 .45rem;
  color: #f4f4f5;
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: 700;
  word-break: break-word;
}

.thread-meta {
  flex-wrap: wrap;
  gap: 10px;
  color: #8b949e;
  font-size: .88rem;
}

.thread-meta a {
  color: #a78bfa;
}

.thread-meta svg,
.thread-actions svg,
.trend-item svg {
  width: 15px;
  height: 15px;
}

.thread-meta span,
.thread-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.thread-owner-actions {
  gap: 8px;
}

.thread-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #d4d4d8;
  background: #171717;
}

.thread-action-button:hover {
  color: #fff;
  background: #262626;
}

.thread-content {
  padding: 0;
}

.thread-content pre,
.thread-content .ace_editor,
.thread-content .CodeMirror {
    min-height: auto !important;
    height: auto !important;

    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;

    background: #050505 !important;
    color: #e5e7eb !important;

    font-size: 1rem;
    line-height: 1.7;

    white-space: pre-wrap;
    word-break: break-word;
}
.thread-content pre {
  padding: 22px;
}

.thread-content .ace_gutter,
.thread-content .CodeMirror-gutters {
  display: none !important;
}

.thread-content .ace_scroller {
  left: 0 !important;
}

.thread-content .ace_active-line,
.thread-content .ace_gutter-active-line,
.thread-content .CodeMirror-activeline-background {
  background: transparent !important;
}

.thread-actions {
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 22px;
  border-top: 1px solid #1f1f1f;
}

.thread-action {
  border: 0;
  border-radius: 999px;
  padding: .55rem .85rem;
  color: #a1a1aa;
  background: #111;
  font-weight: 700;
}

.thread-action:hover {
  color: #fff;
  background: #1f1f1f;
}

.modal-content {
  border: 1px solid #262626;
  background: #080808;
  color: #e5e7eb;
}

.modal-header,
.modal-footer {
  border-color: #1f1f1f;
}

.modal .form-control {
  border-color: #262626;
  background: #050505;
  color: #e5e7eb;
}

.trend-shell {
  width: min(1100px, calc(100% - 2rem));
}

.trend-panel {
  padding: 18px;
}

.trend-tabs {
  gap: 12px;
  margin-bottom: 18px;
}

.trend-tabs.nav-pills .nav-link {
  min-height: 46px;
  border-radius: 6px;
  color: #a1a1aa;
  font-weight: 700;
}

.trend-tabs.nav-pills .nav-link.active {
  color: #111;
  background: #f4f4f5;
  box-shadow: none;
}

.trend-list {
  overflow: hidden;
  border: 1px solid #1f1f1f;
  border-radius: 8px;
}

.trend-item {
  display: flex;
  gap: 13px;
  padding: 18px 20px;
  color: #e5e7eb;
  border-bottom: 1px solid #1f1f1f;
}

.trend-item:last-child {
  border-bottom: 0;
}

.trend-item:hover {
  color: #fff;
  background: #0d0d0d;
}

.trend-item__icon {
  color: #a78bfa;
}

.trend-item__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.trend-item__body strong {
  color: inherit;
  font-size: 1rem;
}

.trend-item__body span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: #8b949e;
  font-size: .9rem;
}

.trend-empty {
  padding: 34px 20px;
  color: #8b949e;
  text-align: center;
}

@media (max-width: 575.98px) {
  .thread-author {
    padding: 18px;
  }

  .thread-owner-actions {
    flex-direction: column;
  }

  .thread-actions {
    padding: 14px 18px;
  }

  .thread-action {
    flex: 1 1 auto;
    justify-content: center;
  }

  .trend-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
/* ===========================
   Mobile Fix
=========================== */

@media (max-width: 768px){

    .enclosed-compose{
        display:block !important;
    }

    .enclosed-editor,
    .enclosed-panel{
        width:100% !important;
        max-width:100% !important;
    }

    .enclosed-native-editor,
    .enclosed-editor,
    .enclosed-editor #editor,
    .enclosed-editor .CodeMirror{
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        min-height:300px !important;
        height:300px !important;
    }

    .CodeMirror-scroll{
        overflow:auto !important;
    }

    .CodeMirror{
        width:100% !important;
    }

    .CodeMirror-sizer{
        border-right:none !important;
    }

    .CodeMirror-lines{
        padding:12px !important;
    }
}

/* ===========================
   Premium Editor Box
=========================== */

.enclosed-native-editor,
.enclosed-editor .CodeMirror,
.enclosed-editor #editor{
    background:#111111 !important;

    border:1px solid #3a3a3a !important;
    border-radius:14px !important;

    padding:22px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(255,255,255,.03),
        0 10px 30px rgba(0,0,0,.45),
        0 30px 80px rgba(0,0,0,.70) !important;

    transition:.3s ease;
}

/* Focus glow */

.enclosed-native-editor:focus,
.enclosed-editor .CodeMirror-focused,
.enclosed-editor #editor:focus{

    border-color:#6b7280 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 0 2px rgba(255,255,255,.05),
        0 0 25px rgba(255,255,255,.08),
        0 20px 60px rgba(0,0,0,.80) !important;
}

/* Placeholder */

.enclosed-native-editor::placeholder{
    color:#777;
}
/* ==============================
   PasteGram Profile Theme
==============================*/

.profile-header{
    background:#111 !important;
    border:1px solid #222 !important;
    border-radius:14px !important;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.45);
}

/* Cover */

.user-cover-paste{
    height:220px !important;

    background:
    linear-gradient(135deg,#0d0d0d,#181818,#242424) !important;

    position:relative;
}

.user-cover-paste:before{
    content:"";
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.05),transparent 25%),
    radial-gradient(circle at 80% 60%,rgba(255,255,255,.04),transparent 30%);
}

/* Avatar */

.profile-img img{

    width:120px !important;
    height:120px !important;

    border-radius:18px !important;

    border:5px solid #111 !important;

    box-shadow:
    0 12px 30px rgba(0,0,0,.45);
}

/* Username */

.profile-title h2{

    color:#fff !important;

    font-size:34px;

    font-weight:700;
}

.profile-title p{

    color:#9ca3af !important;

    font-size:15px;
}

/* Bottom bar */

.profile-header-nav{

    background:#161616 !important;

    border-top:1px solid #232323;
}

/* Button */

.profile-tabs .btn{

    background:#262626 !important;

    border:1px solid #3a3a3a !important;

    color:#fff !important;

    border-radius:10px !important;
}

.profile-tabs .btn:hover{

    background:#333 !important;
}

/* Cards */

.card{

    background:#111 !important;

    border:1px solid #232323 !important;

    border-radius:12px !important;

    box-shadow:
    0 12px 30px rgba(0,0,0,.35);
}

/* Card header */

.card-header{

    background:#181818 !important;

    border-bottom:1px solid #232323 !important;

    color:#fff !important;
}

/* List */

.list-group-item{

    background:#111 !important;

    border-color:#232323 !important;

    transition:.25s;
}

.list-group-item:hover{

    background:#191919 !important;
}

/* Search */

.input-group-text{

    background:#191919 !important;

    border-color:#2a2a2a !important;

    color:#999;
}

.form-control{

    background:#111 !important;

    border-color:#2a2a2a !important;

    color:#fff !important;
}

.form-control:focus{

    border-color:#555 !important;

    box-shadow:none !important;
}

/* Footer */

.card-footer{

    background:#111 !important;

    border-top:1px solid #232323 !important;
}

/* Social buttons */

.btn-outline-primary{

    border-color:#333 !important;

    color:#ddd !important;
}

.btn-outline-primary:hover{

    background:#262626 !important;

    color:#fff !important;
}/* Circle avatar */

.profile-img{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

.profile-img img{
    width:120px !important;
    height:120px !important;

    border-radius:50% !important;

    border:none !important;
    outline:none !important;
    background:transparent !important;

    object-fit:cover;

    box-shadow:none !important;
}

/* Remove Bootstrap border/rounded */
.profile-img img.rounded,
.profile-img .rounded{
    border:none !important;
    border-radius:50% !important;
    box-shadow:none !important;
}

/* Trending menu item */

.header-trending{
    display:flex;
    align-items:center;
    gap:8px;

    padding:10px 18px;

    background:#242424;
    border-radius:10px;

    color:#fff;
    text-decoration:none;

    transition:.2s;
}

.header-trending:hover{
    background:#333;
    color:#fff;
}
/* Desktop */
.featured-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:nowrap;
}

.featured-logos img{
    max-width:220px;
    max-height:60px;
    width:auto;
    height:auto;
    object-fit:contain;
}

/* Mobile */
@media (max-width:768px){

    .featured-title{
    display:block;
    width:100%;

    text-align:center !important;

    font-size:38px;
    font-weight:600;

    color:#d8d8d8;

    margin:0 auto 45px auto;
}
    .featured-logos{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:30px;
    }

    .featured-logos img{
        max-width:180px;
        max-height:50px;
        width:100%;
        height:auto;
    }

    /* Squad logo is taller */
    .featured-logos img:nth-child(3){
        max-width:140px;
    }

}

.featured-section{
    width:100%;
    text-align:center;
}

.featured-section h2.featured-title{
    display:block;
    width:100%;
    text-align:center !important;
    margin:0 auto 45px;
}

.featured-container{
    max-width:1200px;
    margin:0 auto;
}

.featured-title{
    text-align:center;
}
/* Featured Card */
.featured-card{
    max-width:1200px;
    margin:70px auto;
    padding:50px 45px;

    background:#101010;
    border:1px solid rgba(255,255,255,.06);
    border-radius:22px;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.02),
        0 18px 50px rgba(0,0,0,.75),
        inset 0 1px 0 rgba(255,255,255,.03);

    position:relative;
    overflow:hidden;
}

/* subtle top glow */
.featured-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;

    background:linear-gradient(
        90deg,
        transparent,
        #7c5cff,
        transparent
    );

    opacity:.5;
}

/* title */
.featured-title{
    text-align:center;
    font-size:44px;
    font-weight:700;
    color:#fff;
    margin-bottom:50px;
    letter-spacing:.5px;
}

/* logos */
.featured-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:90px;
    flex-wrap:wrap;
}

.featured-logos img{
    max-width:250px;
    max-height:65px;
    width:auto;
    height:auto;
    object-fit:contain;

    opacity:.75;
    filter:grayscale(100%);
    transition:.35s ease;
}

.featured-logos img:hover{
    opacity:1;
    filter:none;
    transform:translateY(-4px);
}

/* Mobile */
@media(max-width:768px){

    .featured-card{
        margin:40px 15px;
        padding:35px 20px;
    }

    .featured-title{
        font-size:32px;
        margin-bottom:35px;
    }

    .featured-logos{
        gap:35px;
    }

    .featured-logos img{
        max-width:170px;
        max-height:50px;
    }
}