/* ============================================
   N-Club Theme #3
   Auto-generated: 2026-03-05 13:39:10
   ============================================ */

:root.theme-3,
.theme-3 {
  /* Overskriftbokse (card-header baggrunde) */
  --nclub-primary: #c478ff;
  --nclub-secondary: #3ad1ee;
  --nclub-accent: #c2e963;
  --nclub-bg: #ffffff;
  --nclub-text: #333333;
  --nclub-container: #e3e3e3;
  /* Nye farvevariabler */
  --nclub-link: #333333;
  --nclub-heading-text: #333333;
  --nclub-footer: #3ad1ee;
  --nclub-menu-bg: #e3e3e3;
  --bs-body-bg: #ffffff;
  --bs-link-color-rgb: 51, 51, 51;
  --bs-link-hover-color-rgb: 51, 51, 51;
}

/* Body/Main Background */
.theme-3,
.theme-3 main {
  background-color: var(--nclub-bg) !important;
}

/* Main Container Background */
.theme-3 main > .container,
.theme-3 header .navbar-top > .container {
  background-color: var(--nclub-container) !important;
}

/* Header Navbar Background Image */
.theme-3 header .navbar.navbar-expand-lg > .container {
  background-image: url('../../../img/themes/3/background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Transparent Header (show background image) */
.theme-3 header .navbar-top,
.theme-3 header .navbar {
  background-color: transparent !important;
}

/* Menubaggrund - pseudo-element bag nav links */
.theme-3 header .navbar .navbar-nav {
  position: relative;
  padding: 0 0.75rem;
}

.theme-3 header .navbar .navbar-nav::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 2.5rem;
  background-color: var(--nclub-menu-bg);
  border-radius: 0.5rem;
  z-index: 0;
}

.theme-3 header .navbar .navbar-nav .nav-item {
  position: relative;
  z-index: 1;
}

/* Logo Override */
.theme-3 .navbar-brand img {
  content: url('../../../img/themes/3/logo.png');
}

/* Overskriftbokse - Alle card-header baggrunde */
.theme-3 .card-header.bg-success,
.theme-3 .card-header.bg-info,
.theme-3 .card-header.bg-warning,
.theme-3 .card-header.bg-light,
.theme-3 .card-header.bg-primary,
.theme-3 .card-header.bg-danger,
.theme-3 .card-header.bg-dark,
.theme-3 .card-header.bg-secondary {
  background-color: var(--nclub-primary) !important;
  color: #fff !important;
}

/* Pagination Styling */
.theme-3 .pagination .page-link {
  color: var(--nclub-primary);
  border-color: var(--nclub-primary);
}

.theme-3 .pagination .page-item.active .page-link,
.theme-3 .pagination-bordered .page-item.active .page-link {
  background-color: var(--nclub-primary) !important;
  border-color: var(--nclub-primary) !important;
  color: #fff !important;
}

.theme-3 .pagination-bordered .page-item:hover .page-link,
.theme-3 .pagination .page-item:hover .page-link {
  background-color: var(--nclub-primary) !important;
  color: #fff !important;
}

/* Primary Color Applications */
.theme-3 .btn-primary {
  background-color: var(--nclub-primary) !important;
  border-color: var(--nclub-primary) !important;
}

.theme-3 .btn-primary:hover {
  background-color: color-mix(in srgb, var(--nclub-primary) 85%, black) !important;
  border-color: color-mix(in srgb, var(--nclub-primary) 85%, black) !important;
}

.theme-3 .text-primary {
  color: var(--nclub-primary) !important;
}

.theme-3 .bg-primary:not(.bg-opacity-10) {
  background-color: var(--nclub-primary) !important;
}

.theme-3 .border-primary {
  border-color: var(--nclub-primary) !important;
}

/* Link farve */
.theme-3 a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.card-overlay-link) {
  color: var(--nclub-link) !important;
}

.theme-3 a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.card-overlay-link):hover {
  color: color-mix(in srgb, var(--nclub-link) 80%, black) !important;
}

.theme-3 .card-header a {
  color: inherit !important;
}

/* Secondary Color Applications */
.theme-3 .btn-secondary {
  background-color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
}

.theme-3 .text-secondary {
  color: var(--nclub-secondary) !important;
}

.theme-3 .bg-secondary {
  background-color: var(--nclub-secondary) !important;
}

/* Outline Button - Primary (bruger secondary for konsistens) */
.theme-3 .btn-outline-primary {
  color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
  background-color: transparent !important;
}

.theme-3 .btn-outline-primary:hover,
.theme-3 .btn-outline-primary:focus {
  color: #fff !important;
  background-color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
}

/* Outline Button - Secondary */
.theme-3 .btn-outline-secondary {
  color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
  background-color: transparent !important;
}

.theme-3 .btn-outline-secondary:hover,
.theme-3 .btn-outline-secondary:focus {
  color: #fff !important;
  background-color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
}

/* Outline Button - Success (bruger primary for tema-konsistens) */
.theme-3 .btn-outline-success {
  color: var(--nclub-primary) !important;
  border-color: var(--nclub-primary) !important;
  background-color: transparent !important;
}

.theme-3 .btn-outline-success:hover,
.theme-3 .btn-outline-success:focus {
  color: #fff !important;
  background-color: var(--nclub-primary) !important;
  border-color: var(--nclub-primary) !important;
}

/* Outline Button - Info (bruger secondary) */
.theme-3 .btn-outline-info {
  color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
  background-color: transparent !important;
}

.theme-3 .btn-outline-info:hover,
.theme-3 .btn-outline-info:focus {
  color: #fff !important;
  background-color: var(--nclub-secondary) !important;
  border-color: var(--nclub-secondary) !important;
}

/* Accent Color Applications */
.theme-3 .badge-primary,
.theme-3 .badge.bg-primary {
  background-color: var(--nclub-accent) !important;
}

/* Navigation Styling */
.theme-3 .navbar-nav .nav-link {
  color: var(--nclub-text) !important;
}

.theme-3 .navbar-nav .nav-link:hover {
  color: var(--nclub-primary) !important;
}

/* Cards and Content */
.theme-3 .card {
  background-color: var(--nclub-bg);
  color: var(--nclub-text);
}

body.theme-3 {
  color: var(--nclub-text);
}

/* Muted tekst - bruger tema tekstfarve med reduceret opacity */
.theme-3 .text-muted,
.theme-3 .text-body-secondary {
  color: color-mix(in srgb, var(--nclub-text) 65%, transparent) !important;
}

/* Overskrift tekstfarve - generelt */
.theme-3 h1,
.theme-3 h2,
.theme-3 h3,
.theme-3 h4,
.theme-3 h5,
.theme-3 h6,
.theme-3 .h1,
.theme-3 .h2,
.theme-3 .h3,
.theme-3 .h4,
.theme-3 .h5,
.theme-3 .h6 {
  color: var(--nclub-heading-text) !important;
}

/* Overskrift tekstfarve - i card-headers */
.theme-3 .card-header h1,
.theme-3 .card-header h2,
.theme-3 .card-header h3,
.theme-3 .card-header h4,
.theme-3 .card-header h5,
.theme-3 .card-header h6,
.theme-3 .card-header .card-title,
.theme-3 .card-header .card-title a {
  color: var(--nclub-heading-text) !important;
}

/* Footer baggrund */
.theme-3 footer.bg-dark {
  background-color: var(--nclub-footer) !important;
}

/* Footer tekst - bruger tema tekstfarve */
.theme-3 footer.bg-dark,
.theme-3 footer.bg-dark .text-muted,
.theme-3 footer.bg-dark .text-muted.small,
.theme-3 footer.bg-dark .text-body-secondary {
  color: var(--nclub-text) !important;
}

/* Bootstrap Utility Overrides */
.theme-3 .bg-light {
  background-color: var(--nclub-bg) !important;
}

.theme-3 .py-5.bg-light {
  background-color: var(--nclub-container) !important;
}

.theme-3 .bg-light-subtle {
  background-color: var(--nclub-accent) !important;
}

/* Custom Theme CSS */
.mt-5 {
margin-top:0 !important;
}
.mt-4 {
  margin-top: 0 !important;
  padding-top: 2rem;
}
.row {
margin-bottom:15px !important;
}
.navbar .container {
height:160px;
}

/* End of Theme CSS */
