/*horizontal-list*/

.space-header-wrap
{
	border-bottom:2px solid rgba(109,141,173,.20);
	box-shadow:unset;
}

.space-organizations-3-archive-item-count-2
{
	z-index:1
}
/*closebutton*/
.close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: black;
    color: white;
    border: none;
    padding: 2px 8px;
	border-radius:100%;
    cursor: pointer;
    z-index: 100; /* Ensures button is on top */
	font-size:1rem;
}

.close-button:hover {
    background-color: darkred;
}
/*closebutton*/

.last-list-item
{
	flex:0 0 55px;

	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	height:52px;
	width:45px !important;

	background:#f1f3f4;
	border-radius:100%;
}
.last-list-item a
{
	color:black;
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
}
.space-header-height
{
	margin-bottom:62px;
}
.horizontal-list {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.horizontal-list
{
/* Bottom shadow */
	width:100%;
	background:white;
	height:63px;
	
	display:flex;
	padding:31px 0;
	justify-content:center;
	align-items:center;
	position:relative;
	
		
		position: absolute; /* Position absolutely to overlay content */
  top: 0; /* Align to the top of the parent container */
  left: 0;
   
  transform: translateY(-100%); /* Hide above the viewport */
  transition: transform 0.5s ease; /* Smooth slide-down effect */
  z-index: -1; /* Ensure it appears above other content */
}

.horizontal-list.visible {
  transform: translateY(82px); /* Slide down into view */
	z-index:2;
	position:fixed;
	
}
.list-wrapper 
{
	display:flex;
	justify-content:start;
	padding:0 15px;
	gap:15px;
	width:1200px;
	overflow-y:hidden;
	overflow-x:auto;


}



.list-wrapper .space-organizations-3-logo-box img
{
	border-radius:100%;
	
}
.list-wrapper .space-organizations-3-logo-box .space-organizations-3-archive-item-count-2 
{
	width:20px;
	height:20px;
	top:0px;
	left:35px;
	border:2px solid white;
	font-size:10px;
}
.list-wrapper .space-organizations-3-logo-box .space-organizations-3-archive-item-count-2 span
{
	padding-right:12px;
	padding-top:2px;
}

@media (max-width:1200px)
{
	.horizontal-list
	{
		height:60px
	}
	.close-button
	{
		right:10px;
		top:unset;
		bottom:-10px;
		font-size:0.7rem;
		padding: 2px 6px;
	}
	.horizontal-list.visible {
  transform: translateY(60px); /* Slide down into view */
	z-index:2;
		
}

.list-wrapper 
{
	display:flex;
	justify-content:start;
	align-items:center;
	padding:0 15px;
	gap:8px;
	width:1200px;
	overflow-y:hidden;
	overflow-x:auto;
	padding:15px;


}
.list-wrapper {
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.list-wrapper::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
.horizontal-list::after, .horizontal-list::before {
    content: '';
    position: absolute;
    top: 0;

    height: 100%;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none; /* So it doesn't block scrolling */
}	
	

	
	
.horizontal-list::before
	{
		width: 20px;
		left: 0;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
		z-index:1;
	}
.horizontal-list::after	
	{
		width: 45px;
		right: 0;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));

	}

	

}


/*horizontal-list*/

/*aces-custom-list*/

.casino-items
{
	display:flex;
	gap:15px;
align-items:center;
	
}

.last-list-item a
{
	text-decoration:none;
	line-height:1.6em
}

.casino-item
{
	flex: 0 0 65px;
}
.casino-item .item-count 
{
	width:20px;
	height:20px;
	top:0px;
	left:35px;
	border:2px solid white;
	font-size:10px;
	background:#dd3333;
	border-radius:100%;
	
}
.casino-item .item-count span
{
	    position: relative;
    display:flex;
    justify-content:center;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
}

.casino-item img
{
	border-radius:100% !important;
	box-shadow: 0px 5px 10px 0px rgb(109 141 173 / 25%);
}

/*aces-custom-list*/