/* HOME */
#home-maintitle {
	display : block;
    margin: 0 0 1em 0;
	text-align : center;
	font-family : monospace;
    color: var(--maintitle);
	font-size : 1em;
}

#home-searchform {
    width : 100%;
    padding : 0px 20px;
    margin : 0px 0px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;

}
#home-searchform input {
    width : 90%;
    max-width : 600px;
    padding : 9px 5px 8px 5px;
    margin-right : 10px;
    border-radius : 0px;
    border : 1px solid var(--asListBorder);
    color : var(--mainContentColor);
}
#home-searchform input::placeholder{
    color : var(--mainContentColor);
    opacity: 0.8;     /* Ensures color is visible in Firefox */
}
#home-searchform-searchbutton {
    height : 2rem;
    opacity : 0.9;
    border : 0px solid #ccc;
}

#home-searchform-searchbutton:hover {
    opacity : 1;
    background-color : transparent;

}

.home-lastinserted-maincontainer {
    display : flex;
    flex-direction : column;
    margin : 0px 0px 10px 0px;
    font-size : 0.9em;
}
.home-lastinserted-maincontainer ul{
    margin-left : 10px;
}
.home-lastinserted-container-item {
    flex : 1;
    margin : 0px 0px 10px 0px;
}
.home-lastinserts-title {
    font-weight : bold;
    display : block;
    margin : 10px 0px 0px 5px;
    font-size : 1.2em;
	color : var(--homeSongsListsTitleColor);
}

.home-lastinserts-artistname {
}

#home-songscarousels .home-songscarousels-li {
	list-style: none;
	flex: 0 0 20%;
	aspect-ratio: 1 / 1; /* Ensures height equals width */
	border : 1px solid var(--homeSongsListsItemBorder);
	border-radius: 5%;
	background-color : var(--homeSongsListsItemBg);
	background-image: url('https://wijaam.com/content/medias/css-images/home-catbg1.png');
}
#home-songscarousels .home-songscarousels-li:nth-of-type(2) {
	background-image: url('https://wijaam.com/content/medias/css-images/home-catbg2.png');
}
#home-songscarousels .home-songscarousels-li:nth-child(3n) {
	background-image: url('https://wijaam.com/content/medias/css-images/home-catbg3.png');
}
#home-songscarousels .home-songscarousels-li:nth-of-type(4) {
	background-image: url('https://wijaam.com/content/medias/css-images/home-catbg4.png');
}
#home-songscarousels .home-songscarousels-li:nth-of-type(5) {
	background-image: url('https://wijaam.com/content/medias/css-images/home-catbg5.png');
}
#home-songscarousels .home-songscarousels-li:hover {
	background-color : var(--homeSongsListsItemHoverBg);
}
#home-songscarousels .home-songscarousels-li a{
    height: 100%;
	aspect-ratio: 1 / 1; /* Ensures height equals width */
    display: flex;
    justify-content: center;
    align-items: center;
	transition: transform 0.2s ease;
    color: var(--carouselColor);
	text-decoration : none;
	font-size : 0.7em;
	font-family : monospace;
	font-weight : bold;
 	text-align : center;
}
#home-songscarousels .home-songscarousels-li a:hover {
  transform: scale(1.3); /* Zooms text to 130% of original size */
}
/*-- -------------------------- -->
<---       RESPONSIVE           -->
<--- -------------------------- -*/
/* From 490px */
/* First Responsive Step */
@media only screen and (min-width: 30.6rem) {
    .home-lastinserted-maincontainer {
        flex-direction : row;
    }
    #home-songscarousels .home-songscarousels-li {
		flex: 0 0 5em;
		font-size : 1.5em;
	}

	.home-lastinserts-artistname {
        padding-bottom : 1.54em !important;

    }


}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
    .artistssongs-item-homeartists {
        display : inline-block;
    }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
	#home-maintitle {
		margin: 0.7em 0 2em 0;
		font-size : 1.5em;
	}
	#home-songscarousels .carousel {
		gap: 0.5rem;
	}
	#home-songscarousels .home-songscarousels-li {
		flex: 0 0 10%;
	}
	#home-songscarousels .home-songscarousels-li a{
	}
}