/**
 * Theme Name:  Lush Child - Music Band & Musician WordPress Theme
 * Theme URI:   http://irontemplates.com/wp-demos/lush/
 * Description: Lush a complete solution for everybody in the music industry. If you are a jazz master, punk rocker, soprano singer, piano player, band manager or even a webmaster, this theme is for you.
 * Tags:        3d menu, music, blog, artist, musician, dj, club, responsive, html5, css3, design, irontemplates, ironband, lush 
 *
 * Author:      IronTemplates
 * Author URI:  http://irontemplates.com
 *
 * Version:     1.0.0
 * Template:    lush
 * Text Domain: lush-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */
 
 @import url("../lush/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
.impressum-link{
    text-align: center;
    color: #fff!importnt;
}
.news-grid-wrap{
    width: 100%;
}
.news-grid-tab{
    padding: 40px 40px 40px 10px;
}
.tab-text{
    line-height: 1.8em;
}
.text-box h2, .excerpt > p{
    text-align: left!important;
    max-width: 500px!important;
    margin-top:15px;
}
/* Video Grid Styles */
.audiotheme-archive-title{
    display: none;
}
    .audiotheme-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        list-style-type: none;
        margin: 200px 25px 25px 25px;
        padding: 0;
    }

    .audiotheme_video {
        flex: 1 1 calc(33.333% - 20px);
        box-sizing: border-box;
        max-width: 33%;
    }
    .audiotheme-grid .audiotheme_video img {
    width: 100%; /* Stellt sicher, dass das Bild die volle Breite des Containers einnimmt */
    aspect-ratio: 16 / 9; /* Erzwingt ein 16:9 Seitenverhältnis, ideal für Video-Thumbnails */
    object-fit: cover;    /* Füllt den Raum, schneidet Überstände ab, aber verzerrt nicht */
    height: auto;         /* Überschreibt eventuelle Inline-Höhenangaben */
}

    @media (max-width: 768px) {
        .video-item {
            flex: 1 1 calc(50% - 20px);
        }
    }

    @media (max-width: 480px) {
        .video-item {
            flex: 1 1 100%;
        }
    }

/* Custom layout for UAGB containers within single-record template */
.audiotheme-record-single .uagb-container-inner-blocks-wrap {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line if needed */
    gap: 20px; /* Adjust gap between columns as needed */
}

.audiotheme-record-single .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:nth-child(1) {
    flex: 0 0 25%; /* First column: 25% width */
    max-width: 25%;
}

.audiotheme-record-single .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:nth-child(2) {
    flex: 0 0 50%; /* Second column: 50% width */
    max-width: 50%;
}

.audiotheme-record-single .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:nth-child(3) {
    flex: 0 0 25%; /* Third column: 25% width */
    max-width: 25%;
}

/* Optional: Add responsive adjustments */
@media (max-width: 768px) {
    .audiotheme-record-single .uagb-container-inner-blocks-wrap > .wp-block-uagb-container {
        flex: 0 0 100%; /* On smaller screens, stack columns */
        max-width: 100%;
    }
}

.audiotheme-buy-button {
    display: inline-block;
    padding: 12px 25px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(to right, #E60073, #2E0854);
    border: none;
    border-radius: 8px;
    text-decoration: none;
    margin: 5px;
    cursor: pointer;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.audiotheme-buy-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    color: #fff;
    text-decoration: none;
}

/* Record Archive - 3 Column Layout */
@media (min-width: 768px) {
    .audiotheme-records.audiotheme-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .audiotheme-records.audiotheme-grid .post {
        flex: 1 1 calc(33.333% - 20px);
        box-sizing: border-box;
        max-width: calc(33.333% - 20px);
    }
}


/* Releases Page - 3 Column Layout */
@media (min-width: 768px) {
    .two_column_album {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .two_column_album .media-block {
        flex: 1 1 calc(33.333% - 20px);
        box-sizing: border-box;
        max-width: calc(33.333% - 20px);
    }
}