.header-area {
    position: relative;
    z-index: 1;
}

.tournament-event  {
    width:auto;
}
.tournament-event.active button {
    background-color: #083846;
    color: white;
    font-weight: 600;
}
.tournament-event button {
    width:100%;
    text-align: center;
}
.tournament-event .nav-link {
    border-bottom: 1px solid grey;
}

.profile-category-person {
    align-items: center;
    padding: 5px;
    background: #c7d1ff;
    color: rgb(0, 20, 85);
    min-height: 50px;
    font-size: 17px;
}
.profile-category-person .rounded-circle, .profile-category-person-search .rounded-circle  {
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
}

.profile-category-person-empty,.profile-category-person-search {
    align-items: center;
    padding: 5px;
    background: #ffffff;
    color: rgb(51, 51, 51);
    min-height: 50px;
    font-size: 17px;
    border: 1px solid rgb(206, 206, 206);
}

.profile-category-person-empty-placeholder {
    align-items: center;
    padding: 5px;
    background: #f5f5f5;
    color: rgb(51, 51, 51);
    min-height: 50px;
    font-size: 17px;
    border: 1px solid rgb(240, 240, 240);
}


.profile-category-person-empty-placeholder  .rounded-img-circle {
     
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #cacaca;
}

.search-list.disabled, .search-list.disabled .profile-category-person-empty {
    pointer-events: none;
    background-color: #d7d7d754;
}



.te-2 {
    width: 50%;
}
.te-3 {
    width: 33.3%;
}
.te-4 {
    width: 25%;
}
.te-5 {
    width: 20%;
}

@media (max-width: 767px) {
    .dropdown-menu.show {
        display: flex;
        position: relative !important;
        flex-direction: column;
        /* margin: 10px !important; */
        margin-bottom: 50px !important;
    }

    .image-container .img-container-cover {
        position: relative;
    }
}

.editor-body p {
    margin-bottom: 0px;
}

.static-page-context a {
    text-decoration: underline!important;
	color: blue!important;
}


.static-page-context a:hover {
    text-decoration: none!important;
	font-weight: 600;
 }

.editor-body a {
    text-decoration: underline!important;
	color: blue!important;
}

.editor-body a:hover {
    text-decoration: none!important;
	font-weight: 600;
}


@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.moving-border {
  position: absolute;background: #f3f3f4; padding: 10px; bottom: 18px; border-radius: 10px;
}
/*
.moving-border::before,
.moving-border::after {
  border-radius: 10px;
  content: "";
  position: absolute;
  inset: -0.1rem;
  z-index: -1;
  background: linear-gradient(var(--angle), 
    #d3d4ff,  #ececec, #b00);
   animation: rotate 5s linear;
   animation-iteration-count: 2;
}
.moving-border::after {
  filter: blur(2px);
}
@keyframes rotate {
  0%     { --angle: 0deg; }
  100%   { --angle: 360deg;
  }
}*/