/*!
Theme Name: Melodica
Theme URI: https://themeforest.net/user/tavonline/portfolio
Author: tavonline
Author URI: https://themeforest.net/user/tavonline
Description: Melodica is a website building theme that can be used for musicians, DJs, music bands, and anyone who creates music.
Version: 1.0.0
Tested up to: 5.8.2
Requires PHP: 5.6
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: melodica
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Copyright: 2024 tavonline. All Rights Reserved.
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css');

.grid-containermusi {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 400px;
}

.grid-containermusi2 {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    max-width: none;
}
.grid-itemusi {
	position: relative;
    width: 180px;
    height: 180px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.grid-itemusi img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-itemusi2{
    width:120px;
    height:120px;
    margin-bottom:20px;
}

#devmusic {
    display: block;
  }

.contentmusic {
    display: none; /* Hide all by default */
    padding: 0px;
    margin-top: 0px;
  }
  
@media (max-width: 480px) {
    .grid-itemusi {
        width: 160px;
    }
    .slide_layers h1.mwt-elementor-main-slider-layer-1{
        font-size:70px !important;
    }
}

.hidetextsocial span[data-hover], .hidetextsocial .flip-effect:hover span[data-hover]{
    display:none;
}

.listen-on{
    display:none;
}