/**
Theme color: Gray
Primary: White (#FFFFFF)
Secondary: Dark Gray (#1f2937)
Accent: Gray (#374151) or Green (#28A745)
*/
body {color: #1f2937;}
.text-primary {color: #1f2937 !important;}
a, .nav-link{ color: #374151; text-decoration: none;}
.btn-primary{ background-color: #e5e7eb;color: #1f2937;border-color: #d1d5db;}
.btn-danger { background-color: #dc2626;color: #ffffff;border-color: #b91c1c;}
.btn:hover, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active,
.btn:focus-visible
{color: #1f2937;background-color: #d1d5db;border-color: #d1d5db;}
.btn.btn-danger:hover {color: #ffffff;background-color: #b91c1c;border-color: #b91c1c;}
.bg-light, .alert-secondary, .card-header {background-color: #f3f4f6 !important;color: #1f2937;}
.nav-link:focus, .nav-link:hover, a:hover, a:focus{color: #111827;}
h1, h2, h3, h4, h5, h6, p { color: #1f2937;}
.text-body{ color: #1f2937 !important;}
.form-check-input:checked {
  background-color: #374151;
  border-color: #111827;
}
.btn:focus-visible { box-shadow: unset;}
.nav-link:focus-visible, .main-logo a:focus-visible {box-shadow: 0 0 0 3px rgba(68, 70, 84, 0.2);}
.form-control:focus {border-color: #d1d5db;box-shadow: 0 0 0 3px rgba(68, 70, 84, 0.2);}
.form-check-input:focus {box-shadow: 0 0 0 3px rgba(68, 70, 84, 0.2);border-color: var(--bs-border-color);}
#navbarTogglemenu{ position: absolute; right: 45px; width: 175px; }
.navbar-toggler:focus{box-shadow: none;}
.user-menu{ width: 100%;}
.main-logo a{color: #1f2937;padding: 5px 0 5px 0;display: inline-block;text-decoration: none;font-size: 25px;font-weight: bold;}
#navbarTogglemenu ul{padding: 0; list-style: none; margin: 0;}
#navbarTogglemenu .nav-link{padding: 5px 0;}
.typo3-messages{margin: 0;padding: 0;list-style: none;}
.typo3-messages p{padding: 0;margin: 0;}
main.main {margin-top: 46px;}
.main-top-header {background-color: #fff !important;}
.profile-pic .fa-user{font-size: 135px; padding: 18px; color: #1f2937;}
.user-menu .fa-user, a .fa-brands{ color: #1f2937; }
.copyright span{font-size: 12px;}
a.verify-username:focus{color: #111827;}
.img-border-round {width: 180px; border-radius: 10px;border: 1px solid #d1d5db;}
form#profileImage .profile-image-upload, form#profileImageDelete .profile-image-upload{display: none;}
form#profileImage, form#profileImageDelete {display: inline-block;}
form#profileImage i.fa-file-upload, form#profileImageDelete i.fa-trash{font-size: 25px;padding: 5px 5px 5px 10px; cursor: pointer;}
form#profileImageDelete i.fa-trash {padding-left: 5px;}
.profile-pic-inner {position: relative;}
.profile-footer {width: 100%;}
.profile-pic-inner.no-profile-pic {border-radius: 10px; border: 1px solid #d1d5db;}
.email_verification {height: 0; width: 0;margin: 0;position: absolute;left: -9999px;}
.card-header span{float: right;font-size: 14px;}
.note-toolbar .dropdown-toggle::after{ content: none;}
div + [data-readmore-toggle], div[data-readmore] {
  display: block;
  width: 100%;
  overflow: hidden;
}
a[data-readmore-toggle] {font-weight: bold;}
@media (min-width: 768px) {
    .main-content, .main-header, .main-footer {width: 576px; margin: 0 auto;}
}
@media (max-width: 767px) {
    .main-logo a{font-size: 18px;padding: 11px 0 5px 0;}
    .main-footer .justify-content-end {justify-content: center !important; margin-top: 15px;}
    .main-footer .copyright {width: 100%; text-align: center;}
}

.btn-icon-split {
    padding: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
  }
  
  .btn-icon-split .icon {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 0.375rem 0.75rem;
  }
  
  .btn-icon-split .text {
    display: inline-block;
    padding: 0.375rem 0.75rem;
  }
  
  .btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {
    padding: 0.25rem 0.5rem;
  }
  
  .btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {
    padding: 0.25rem 0.5rem;
  }
  
  .btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {
    padding: 0.5rem 1rem;
  }
  
  .btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {
    padding: 0.5rem 1rem;
  }
  .btn-danger .text-white-50 {color: rgba(255,255,255,.5) !important;}
  .text-white-50 {
    color: #1f2937 !important;
  }
.text-muted {color: #6b7280;}
.text-blue {
  color: #0d6efd !important;
}
label.error {color: #dc2626; font-size: 14px;}
#username-check {display: block; width: 100%;}
.tx-powermail .powermail_form ul.powermail-errors-list {margin: 0; padding: 0;}
.footer-social-media a.instagram:hover i {
  color: #E4405F; /* Instagram pink */
}
.footer-social-media a.youtube:hover i {
  color: #FF0000; /* Instagram pink */
}
.pwa-install-wrapper {
  position: fixed;
  bottom: 24px;
  left: 24px;
  right: auto;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.install-app-btn {
  font-weight: 600;
  box-shadow: 0 10px 25px rgb(17 24 39 / 20%);
  border-radius: 999px;
}
.ios-install-hint {
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  color: #1f2937;
  box-shadow: 0 12px 30px rgb(15 23 42 / 15%);
  max-width: 320px;
}
.ios-install-hint svg {
  vertical-align: text-bottom;
  color: #374151;
}
.ios-install-hint .ios-share-icon {
  display: inline-flex;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid #9ca3af;
  margin: 0 2px;
}
@media (max-width: 767px) {
  .pwa-install-wrapper {
    left: 12px;
    bottom: 12px;
    gap: 0.5rem;
  }
  .ios-install-hint {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .pwa-install-wrapper {
    left: auto;
    right: 24px;
    align-items: flex-end;
  }
}
body.has-install-prompt {
  padding-bottom: 120px;
}
@media (min-width: 992px) {
  body.has-install-prompt {
    padding-bottom: 0;
  }
}