.t-descr_xxs {
    font-size: 26px;
    line-height: 1.55;
}
.t938__background-image {
    background-color: #180001; 
    background-size: contain;
    margin-top: -40px;
    margin-bottom: -70px;
}
/*.t-rec_pb_150 {
    background-image: linear-gradient(to top, rgba(27, 12, 12, .9), rgba(27, 12, 12, .28)), url("https://static.tildacdn.com/tild6361-3835-4564-b038-643266653237/rules_2.jpg");
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}*/
/*.t-store__filter__options, .t-store__filter__search-and-sort, .t-store__filter__sort {
        display: block;
    }*/
    
.t1050__container {
text-align: center;
}
#rec617367329 {
    padding-top: 45px;
    padding-bottom: 45px;
    /* background-color: #180000; */
    background-image: linear-gradient(to top, rgba(27, 12, 12, .99), rgba(27, 12, 12, .67)), url("https://static.tildacdn.com/tild6361-3835-4564-b038-643266653237/rules_2.jpg");
    background-position: center center;
    position: relative;
    /* background-attachment: fixed; */
    background-size: cover;
    
}  


.t1000__background-image {
    
    background-color: #561415;
}

.t338__btn {
    height: 70px;
    font-size: 18px;
}
.t694 .t694__bg {

    background-color: #180001;
}
.t228 a, #allrecords .t228 a {
    text-decoration: none;
    color: #ff0000;
}



/* Hover effect (specific to your block) */
.t-sociallinks__item a {
    transition: transform 0.3s ease;
    display: inline-block;
}
.t-sociallinks__item a:hover {
    transform: scale(1.2);
}
.t-sociallinks__svg {
    transition: fill 0.3s ease;
}
.t-sociallinks__item a:hover .t-sociallinks__svg {
    fill: #ffffff;
}

.t339__blocklogo {
    transition: transform 0.3s ease, filter 0.3s ease;
}
.t339__blocklogo:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7));
}
.t339__logo-link {
    display: inline-block;
    transition: opacity 0.3s ease;
}
.t339__logo-link:hover {
    opacity: 0.9;
}

.t338__btn {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffcf03;
    border-radius: 5px;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}
.t338__btn:hover {
    color: #000000;
    background-color: #ffcf03;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 207, 3, 0.3);
}

/* Next element */

.t-descr_xxs {
    font-size: 26px;
    line-height: 1.55;
}

.t938__background-image {
    background-color: #180001; 
    background-size: contain;
    margin-top: -40px;
    margin-bottom: -70px;
}

.t1050__container {
    text-align: center;
}

#rec617367329 {
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: linear-gradient(to top, rgba(27, 12, 12, .99), rgba(27, 12, 12, .67)), url("https://static.tildacdn.com/tild6361-3835-4564-b038-643266653237/rules_2.jpg");
    background-position: center center;
    position: relative;
    background-size: cover;
}

.t1000__background-image {
    background-color: #561415;
}

.t338__btn {
    height: 70px;
    font-size: 18px;
}

.t694 .t694__bg {
    background-color: #180001;
}

.t228 a, #allrecords .t228 a {
    text-decoration: none;
    color: #ff0000;
}

/* Hover effect for social links */
.t-sociallinks__item a {
    transition: transform 0.3s ease;
    display: inline-block;
}

.t-sociallinks__item a:hover {
    transform: scale(1.2);
}

.t-sociallinks__svg {
    transition: fill 0.3s ease;
}

.t-sociallinks__item a:hover .t-sociallinks__svg {
    fill: #ffffff;
}

.t339__blocklogo {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.t339__blocklogo:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7));
}

.t339__logo-link {
    display: inline-block;
    transition: opacity 0.3s ease;
}

.t339__logo-link:hover {
    opacity: 0.9;
}

.t338__btn {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffcf03;
    border-radius: 5px;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.t338__btn:hover {
    color: #000000;
    background-color: #ffcf03;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 207, 3, 0.3);
}

/* New Hover Effect for .t107__link and .t107__width */
.t107__link {
    transition: transform 0.3s ease;
}

.t107__link:hover {
    transform: scale(1.05);
}

.t107__width {
    transition: filter 0.3s ease;
}

.t107__width:hover {
    filter: brightness(1.2);
}

/* Hover effect for the t396__elem */
.t396__elem .tn-atom {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.t396__elem .tn-atom:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.t396__elem .tn-atom__img {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.t396__elem .tn-atom:hover .tn-atom__img {
    transform: scale(1.05);
    filter: brightness(1.2);
}

/* Generic hover effect for an element with the class date-20240725 */
.date-20240725 {
    transition: all 0.3s ease; /* Smooth transition for all properties */
}

/* Hover effect */
.date-20240725:hover {
    transform: scale(1.05); /* Slightly increase the size */
    background-color: #f0f0f0; /* Change the background color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

/* Specific class styling (if needed) */
.date-20240725.en_US {
    /* Additional styling for elements with en_US class */
}

.date-20240725.ltr {
    /* Additional styling for elements with ltr class */
}

.date-20240725.site-center-aligned {
    /* Additional styling for center alignment */
}

.date-20240725.site-as-giant-card {
    /* Styling for card appearance */
}

.date-20240725.webkit {
    /* Styling specific to webkit browsers */
}

/* Base style for the button */
.t-btn {
    color: #000000; /* Initial text color */
    background-color: #ffcf03; /* Initial background color */
    text-decoration: none; /* No underline for the link */
    display: inline-block;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Hover effect for the button */
.t-btn:hover {
    background-color: #e6b800; /* Change background color on hover */
    color: #ffffff; /* Change text color on hover */
    transform: translateY(-2px); /* Slightly move the button up */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

/* Additional styles for the table if needed */
.t-btn table {
    width: 100%;
    height: 100%;
}

/* Base style for the links */
.t977__menu .t977__descr a {
    color: inherit; /* Use the inherited color */
    text-decoration: none; /* Remove underline by default */
    position: relative; /* Needed for the pseudo-element */
    display: inline-block; /* Makes pseudo-element underline effect possible */
    transition: color 0.3s ease; /* Smooth transition for color */
}

/* Hover effect for the links */
.t977__menu .t977__descr a:hover {
    color: #ffcf03; /* Change the text color on hover (optional) */
}

/* Underline effect using a pseudo-element */
.t977__menu .t977__descr a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjusts the position of the underline */
    width: 100%;
    height: 2px; /* Thickness of the underline */
    background-color: #ffffff; /* White color for the underline */
    transform: scaleX(0); /* Start with the line hidden */
    transform-origin: bottom right; /* Start animation from the right */
    transition: transform 0.3s ease; /* Smooth transition */
}

/* Reveal the underline on hover */
.t977__menu .t977__descr a:hover::after {
    transform: scaleX(1); /* Scale the line to full width */
    transform-origin: bottom left; /* Animate towards the left */
}

/* Drop down menu */
html body.t-body.t282_opened div#allrecords.t-records header#t-header.t-records div#rec618106978.r.t-rec div#nav618106978.t282.t282__menu_static div.t282__menu__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8); /* Optional: Semi-transparent background */
  z-index: 99999;
  /*transform: translateY(-100%); /* Hide the menu initially 
  transition: transform 0.5s cubic-bezier(0, 1, 0.5, 1);
}

html body.t-body.t282_opened div#allrecords.t-records header#t-header.t-records div#rec618106978.r.t-rec div#nav618106978.t282.t282__menu_static div.t282__menu__container.t-active {
  transform: translateY(0); /* Show the menu when active */
}

.t-menuburger[aria-expanded="true"] + div.t282__menu__container {
  transform: translateY(0); /* Show menu when hamburger button is expanded */
}

div.t282__menu__container .t282__menu__close-button {
  position: absolute;
  top: 20px; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
  background: transparent;
  border: none;
  color: #fff; /* Adjust as needed */
  font-size: 24px; /* Adjust as needed */
  cursor: pointer;
}

div.t282__menu__container .t282__menu__close-button::before {
  content: "×"; /* Or use an icon */
}

/* Menu Wraper - skipped */


/* Footer icons elements in one line. */

.t977__col_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.t977__socials, .t-sociallinks, .t-sociallinks__wrapper {
    display: flex;
    align-items: center;
}

.t-sociallinks__item {
    margin-right: 10px; /* Adjust spacing between icons as needed */
}

.t-sociallinks__item:last-child {
    margin-right: 0;
}

/* Text size */
/* Reduce font size for search input and sort select */
.t-store__filter__input,
.t-store__sort-select,
.t-descr.t-descr_xxs {
    font-size: 12px !important; /* Adjust this value as needed */
}

/* Menu resolution trigger */
/* Show #nav618107222 above 1342px */
#nav618107222 {
    display: none;
}

@media (min-width: 1342px) {
    #nav618107222 {
        display: block;
    }
}

/* Show #nav618115008 > div.t282__container.t282__big.t282__closed.t282__positionfixed below 1342px */
#nav618115008 > div.t282__container.t282__big.t282__closed.t282__positionfixed {
    display: none;
}

@media (max-width: 1341px) {
    #nav618115008 > div.t282__container.t282__big.t282__closed.t282__positionfixed {
        display: block;
    }
}

@media (max-width: 650px) {
.t543__text div {
    
    color:white!important;
}}