/*-- Tailwind overwrite --*/
@import url(./transicorn.tailwind.min.css);

html.hidden {
    display: block !important;
}
.bx-def-unit.absolute {
    position: relative;
}
.bx-base-profile-cover-block-wrapper .bx-menu-custom.bx-menu-custom-hor{
    justify-content: center !important;
}

.bx-base-profile-cover-block-wrapper .bx-menu-custom.bx-menu-custom-hor{
    justify-content: center !important;
}

.bx-menu-item.bx-menu-item-about.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-menu-item.bx-menu-item-terms.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-menu-item.bx-menu-item-privacy.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-menu-item.bx-menu-item-switch_language.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-menu-item.bx-menu-item-switch_template.bx-stl-mil-wo-bg-gaps {
    color:black;
}
.bx-menu-item.bx-menu-item-copyright.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-menu-item.bx-menu-item-contact.bx-stl-mil-wo-bg-gaps{
    color:black;
}
.bx-cover-title {
position: absolute;
    top: 5.3rem;
    left: 49%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

@media (max-width:640px) {
.bx-cover-title span {
    color: black;
    font-weight: bolder;
    font-size: 22px;
    padding-top: 0;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bx-cover-title {
       top: 5.3rem
left: 49%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bx-cover-title span {
        font-size: 19px;
        
    }
}

@media (min-width: 1024px) {
  .bx-layout-cell {
    max-width: 100%;
    width: 100%;
  }

  .bx-search-results-container {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
  }
}

.bx-cover-title span {
  color: black;
    text-shadow: 1px -2px 4px #9E5FC8, 0px -4px 8px #9E5FC8;
    font-weight: bolder;
    font-size: 22px;
}

.bx-cover-wrapper {
  width: 100%;
    /* padding-top: 20%; */
    background-image: url(../images/cover-default.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
    image-rendering: auto;
    position: relative;
    box-sizing: border-box;
}
.bx-menu-item.bx-stl-mil-wo-bg-gaps {
  color: black;
  font-size: 14px;
  padding: 0 10px;
  white-space: nowrap;
}
span.bx-mi-title.bx-stl-mit {
  color: white;
}
/* Responsive tweaks for smaller screens */
@media (max-width: 486px) {
  .bx-menu-item.bx-stl-mil-wo-bg-gaps {
    font-size: 9px;       
    padding: 0 2px;       
    white-space: normal;    
    text-align: center;    
  }
}
 /*.bx-layout-row  {
margin-top:30px;
}*/
#bx-footer-wrapper {
  position: relative;
  background-color: #E4CBF5;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 0;
}


/* Left purple background (responsive) */
#bx-footer-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30vw; /* 30% of viewport width */
  max-width: 600px;
  min-width: 150px;
  
height: 100%;
  background-image: url('./leftImage.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}



/* Right purple background (responsive) */
#bx-footer-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw; 
  max-width: 600px;
  min-width: 150px;
  height: 100%;
  background-image: url('./rightImage.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.bx-def-font-inputs {
    border: 1px solid #e5e7eb;
}

/* Left rainbow on top of purple */
/*#bx-footer-left-rainbow {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 440px;*/
/*  width: 190px;*/
/*  height: 100px;*/
/*  background: repeating-linear-gradient(*/
/*    90deg,*/
/*    #004DFF 0px 38px,*/
/*    #5DC54D 38px 76px,*/
/*    #FEED01 76px 114px,*/
/*    #FF8B00 114px 152px,*/
/*    #E30303 152px 190px*/
/*  );*/
/*  transform: skewX(-45deg);*/
/*  transform-origin: top left;*/
/*  z-index: 1;*/
/*}*/

/* Right rainbow on top of purple */
/*#bx-footer-right-rainbow {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 440px;*/
/*  width: 190px;*/
/*  height: 100px;*/
/*  background: repeating-linear-gradient(*/
/*    90deg,*/
/*    #E30303 0px 38px,*/
/*    #FF8B00 38px 76px,*/
/*    #FEED01 76px 114px,*/
/*    #5DC54D 114px 152px,*/
/*    #004DFF 152px 190px*/
/*  );*/
/*  transform: skewX(45deg);*/
/*  transform-origin: top right;*/
/*  z-index: 1;*/
/*}*/

.bx-db-title {
  position: relative; 
  z-index: 1;
  color: white !important;
margin-left:30px;
}

.bx-db-content.bx-content-padding-block.relative {
  position: relative;
  background: white;
  /*border-bottom-left-radius: 30px;*/
  overflow: hidden;
  z-index: 1;
}

.bx-db-content.bx-content-padding-block.relative::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(
    87.64deg,
    #f463ea 0%,
    #fe82dd 30%,
    #feed01 100%
  );
  /*border-bottom-left-radius: 30px 30px; */
  z-index: -1;
}

/*.bx-db-header.px-3.md\:px-4 {
  position: relative;
  color: black !important;
  z-index: 1;
  width: 100% !important;
  height: 50px;
  background-image: url('https://transicorn.de/modules/boonex/transicorn/template/css/1000005800.png'); 
  background-size: cover;      
  background-position: center;   /* Centers the image 
  overflow: hidden;
 border-bottom-left-radius: 40px;
 
}*/

.bx-btn {
  position: relative;
  z-index: 1;
  padding: 16px 32px;
  font-size: 18px;
  color: #444;
  border: none;
  border-radius: 45px;
  /*background: transparent !important; */
  overflow: hidden;
}

/* Gradient border only for disabled button */
.bx-btn.bx-btn-disabled::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 3px; /* thickness of gradient border */
  border-radius: 45px;
  background: linear-gradient(87.64deg, #E463EA 4.91%, #FE82DD 50.03%, #FEED01 95.14%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}

/* Completely remove any unwanted white fill or mask */
.bx-btn.bx-btn-disabled::after {
  content: none !important;
  background: none !important;
}

/*.bx-db-content.bx-content-padding-block.relative {*/
/*    background: #E4CBF5;*/

/*}*/
.bx-db-content.relative {
    margin:6px;
}

.bx-tl-item-cnt {
  position: relative;
  /*border-bottom-left-radius: 50px !important;*/
  overflow: hidden; /* ensure ::after doesn't leak */
}

.bx-tl-item-cnt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px; /* border thickness */
  /*border-bottom-left-radius: 50px !important;*/
  background: linear-gradient(90deg, #E363EB, #F4C900);
}

.bx-tl-item-owner {
  background-color: #9b59b6;
  position: relative;
  height: 60px;
  overflow: hidden;
  border-radius: 2 0 0 40px;
  z-index: 0;
}

.bx-tl-item-owner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 700px;
  max-width: 90vw;
  height: 100%;
  background-color: white;
  z-index: 1;
  border-left: 10px solid #ff69b4;
  border-right: 10px solid #ff69b4;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-sizing: border-box;
  transition: width 0.3s ease;
}

.bx-tl-item-owner * {
  position: relative;
  z-index: 2;
gap:2px;
}

/* Large screens */
@media (min-width: 1440px) {
  .bx-tl-item-owner::before {
   width: 354px;
        left: 8px;
        right: 500px;
  }
}

/* Medium screens (tablets/laptops) */
@media (max-width: 1024px) {
  .bx-tl-item-owner::before {
    width: 295px;
  }
}

/* Small screens (phones) */
@media (max-width: 768px) {
  .bx-tl-item-owner::before {
    width: 88%;
    max-width: 95vw;
    border-left: 5px solid #ff69b4;
    border-right: 5px solid #ff69b4;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

/* Ensure text content is on top */
.bx-tl-item-owner * {
  position: relative;
  z-index: 2;
  
}


/* Text color */
a.bx-tl-owner-name,
a.bx-def-font-meta,
span.mr-1 {
  color: black;
font-size:12px;
}

.bx-profile-avatar-cnt {
    margin:3px;
    padding:2px;
}
img.bx-base-pofile-unit-thumb {
    height:30px;
    width:30px;
}
/* Common style reset for all tabs */
a.bx-stl-mil-sm {
  background: none !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  padding-bottom: 4px;
  position: relative;
}

/* Yellow underline effect on hover or active */
a.bx-stl-mil-sm:hover::after,
a.bx-stl-mil-sm.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #FFD700;
}

/* ✅ Force underline on first tab (Album) by default */
.bx-menu-tab-headers a.bx-stl-mil-sm:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #FFD700;
}

/* Ensure only one button has the active underline at a time */
.bx-menu-tab-headers a.bx-stl-mil-sm.active {
  /* Keep the yellow underline when active */
  border-bottom: 3px solid #FFD700;
}

/* Remove the active underline from other buttons */
.bx-menu-tab-headers a.bx-stl-mil-sm:not(.active)::after {
  content: none; /* This removes the underline from inactive buttons */
}
.bx-pai-line {
    color:black;
}

#bx-toolbar {
	background: #E4CBF5;
}

.bx-menu-item .bx-menu-floating-blocks-icon i {
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: black;
  transition: transform 0.3s ease, -webkit-text-fill-color 0.3s ease;
  font-size: 30px;
}

.bx-menu-item:hover .bx-menu-floating-blocks-icon i {
  background: linear-gradient(
    to bottom,
    #e30303,
    #ff8b00,
    rgba(254, 237, 1, 0.63),
    #5dc54d,
    #004dff,
    #d022dd
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: scale(1.1);
  z-index: 1;
  position: relative;
}

.bx-menu-item:hover {
  background-color: transparent !important;
  box-shadow: none !important;
}

/*.transicorn-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background-color: white;
  border-radius: 9999px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border: 3px solid transparent;
  background-clip: padding-box;
  position: relative;
}

.transicorn-logo::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 9999px;
  padding: 2px;
  background: conic-gradient(red, orange, yellow, green, blue, indigo, violet, red);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}

.transicorn-logo img {
  width: 300px;
  height: 70px;
  background-image: url('https://transicorn.de/modules/boonex/transicorn/template/css/Logo.png'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.transicorn-logo span {
  font-size: 1.1rem;
  font-weight: 600;
  font-family: sans-serif;
}*/

.bx-toolbar-content.relative.flex.items-center.justify-between.w-full {
    height:82px;
}

/*#bx-logo-wrapper {
  padding: 4px; 
  border-radius: 9999px;
  background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
} */


#bx-logo-container {
  width: 160px;
  height: 62px;
  background-image: url('https://transicorn.de/modules/boonex/transicorn/template/css/Logo.png'); /* replace with actual logo path */
  background-size: contain;
  
  background-repeat: no-repeat;
  border-radius: 9999px;
  /*background-color: white;*/
   /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

.rainbow-btn {
  position: relative;
  background: linear-gradient(
    87.64deg,
    #E30303 0%,
    #FF8B00 16%,
    #FEED01 32%,
    #5DC54D 50%,
    #004DFF 68%,
    #D022DD 84%
  );
  color: white !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  padding: 16px 40px !important;
  border: none;
  border-radius: 9999px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
  transition: transform 0.2s ease-in-out;
  top: 287px;
  left: 5px;
}

@media (max-width: 768px) {
  .rainbow-btn {
    padding: 5px 10px !important;
    top:67px !important;
 font-size: 14px !important;
  }
}

@media (max-width: 375px) {
  .rainbow-btn {
    padding: 5px 10px !important;
    top:12px !important;
 font-size: 14px !important;
  }
}

.rainbow-btn:hover {
  transform: scale(1.05);
}

/*  .relative.mx-auto.py-16.text-center {
height:380px;
}*/

.bx-messenger-block-menu-align-right.bx-menu-item a{
background:#9E5FC8;
}
.bx-page-block-container {
width:97%
}

.bx-page-block-container.bx_post_feed .bx-db-title , .bx-page-block-container.bx_add_new .bx-db-title{
 color:white !important
}
.bx-page-block-container.bx_shoutbox .bx-db-title,
.bx-page-block-container.bx_login .bx-db-title {
 color:#575757 !important
}
.bx-page-block-container.bx-db-title,
.bx-page-block-container .bx-db-title {
 color:white !important
}
/*.bx-db-header.px-3.md\:px-4 {
  position: relative;
  color: black !important;
  z-index: 1;
  width: 100% !important;
  height: 50px;
  background-image: url('https://transicorn.de/modules/boonex/transicorn/template/css/1000005800.png'); 
  background-size: cover;      
  background-position: center;  
  overflow: hidden;
 border-bottom-left-radius: 40px;
 
}*/

.bx-page-block-container:not(.bx_shoutbox):not(.bx_login) .bx-db-header.px-3, 
.bx-page-block-container:not(.bx_shoutbox):not(.bx_login) .bx-db-header.md\:px-4 {
  position: relative;
  color: white !important;
  z-index: 1;
  width: 100%;
  height: 50px;
  background: #FF63BE;
  overflow: hidden;
  border-radius: 1px;
  border-bottom-left-radius: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.bx-page-block-container:not(.bx_shoutbox):not(.bx_login) .bx-db-header.px-3::before, 
.bx-page-block-container:not(.bx_shoutbox):not(.bx_login) .bx-db-header.md\:px-4::before {
  content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #9E5FC8;
clip-path: polygon(0 0, 90% 0, 95% 100%, 0% 100%)
}

.bx-page-block-container.bx_login .bx-db-header.px-3,
.bx-page-block-container.bx_login .bx-db-header.md\:px-4 {
  background-color: #9b59b6; /* purple */
  position: relative;
  height: 60px;
  overflow: hidden;
  border-radius: 0px 0 0 35px;
}

/* U-shaped white box with pink curved left and right borders */
.bx-page-block-container.bx_login .bx-db-header.px-3::before,
.bx-page-block-container.bx_login .bx-db-header.md\:px-4::before {
   content: "";
    position: absolute;
  top: 0;
  left: 45%;
  transform: translateX(-100%);
  width: 42%;
  max-width: 700px;
  height: 100%;
  background-color: white;
  z-index: 1;
  border-left: 10px solid #ff69b4;
  border-right: 10px solid #ff69b4;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .bx-page-block-container.bx_login .bx-db-header.px-3::before,
  .bx-page-block-container.bx_login .bx-db-header.md\:px-4::before {
    width: 50%;
    left: 29%;
    transform: translateX(-50%);
  }
}

@media (max-width: 640px) {
  .bx-page-block-container.bx_shoutbox .bx-db-header.px-3::before,
  .bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4::before {
    width: 45%;
    left: 26%;
    transform: translateX(-50%);
  }
}

/*@media (max-width: 1024px) {
  .bx-page-block-container.bx_shoutbox .bx-db-header.px-3,
  .bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4 {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 640px) {
  .bx-page-block-container.bx_shoutbox .bx-db-header.px-3::before,
  .bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4::before {
    width: 45%;
    left: 26%;
    transform: translateX(-50%);
  }
} */


.bx-page-block-container.bx_shoutbox .bx-db-header.px-3,
.bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4 {
  background-color: #9b59b6; /* purple */
  position: relative;
  height: 60px;
  overflow: hidden;
  border-radius: 0px 0 0 40px;
}

/* U-shaped white box with pink curved left and right borders */
.bx-page-block-container.bx_shoutbox .bx-db-header.px-3::before ,
.bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4::before 
 {
    content: "";
  position: absolute;
  top: 0;
  left: 45%;
  transform: translateX(-100%);
  width: 42%;
  max-width: 700px;
  height: 100%;
  background-color: white;
  z-index: 1;
  border-left: 10px solid #ff69b4;
  border-right: 10px solid #ff69b4;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .bx-page-block-container.bx_shoutbox .bx-db-header.px-3::before,
  .bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4::before {
    width: 50%;
    left: 29%;
    transform: translateX(-50%);
  }
}

@media (max-width: 640px) {
  .bx-page-block-container.bx_shoutbox .bx-db-header.px-3::before,
  .bx-page-block-container.bx_shoutbox .bx-db-header.md\:px-4::before {
    width: 45%;
    left: 26%;
    transform: translateX(-50%);
  }
}
.bx-db-header * {
  position: relative;
  z-index: 2;
}

.bx-page-block-container.bx_add_new .bx-db-header.px-3,
.bx-page-block-container.bx_add_new .bx-db-header.md\:px-4 {
position: relative;
  color: white !important;
  z-index: 1;
  width: 100%;
  height: 50px;
background: #FF63BE;
overflow: hidden;
  border-radius: 12px;
  border-bottom-left-radius: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.bx-page-block-container.bx_add_new .bx-db-header.px-3::before,
.bx-page-block-container.bx_add_new .bx-db-header.md\:px-4::before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9E5FC8;
clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%);
  z-index: 0; /* stays behind */
}

.bx-page-block-container.bx_post_feed .bx-db-header.px-3,
.bx-page-block-container.bx_post_feed .bx-db-header.md\:px-4 {
  position: relative;
  color: white !important;
  z-index: 1;
  width: 100%;
  height: 50px;
background: #FF63BE;
overflow: hidden;
  border-radius: 12px;
  border-bottom-left-radius: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.bx-page-block-container.bx_post_feed .bx-db-header.px-3::before,
.bx-page-block-container.bx_post_feed .bx-db-header.md\:px-4::before {
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9E5FC8;
clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%);
  z-index: 0; /* stays behind */
}

.bx-page-wrapper.bx-def-page-width.mx-auto.px-3.md\:px-4.lg\:px-6.box-border {
  max-width: 1800px;
}

.sys-icon.ellipsis-v {
color:white;
}

.bx-menu-toolbar .bx-menu-object-sys_toolbar_member .flex .items-center .pr-0 .md\:pr-2 {
gap:10px
}