/*
	Theme Name: Angio Child
	Theme URI: https://rascalsthemes.com
	Description: Creative Music 
WordPress Theme 
	Template: angio
	Version: 1.0.0
	Author: You
	Author URI: http://your-site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: angio-child
*/


/*------------------------------------------------------------------
Add here your own styles
-------------------------------------------------------------------*/

/* Hides the icon from the button
.album-button__icon {display: none !important;} */


/* Removes any left-side spacing/offset from the button text 
.album-button_title {
    margin-left: 0 !important;
    padding-left: 0 !important;
}*/

/* Centers the text within the button and resets fixed dimensions to ensure the button wraps tightly around the text. */
.album-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  /*   padding: 10px 25px !important; */
    min-width: 0 !important; 
}


/* Hover state: Fixed the spacing and increased specificity to override the pink color */
body .album-button:hover {
    border: 1px solid #E6A520 !important;
    color: #E6A520 !important; }

/* Hide nav_links, date, category for post gategory artists */
.custom-category-artists .b-style-1 {display: none !important;}
.custom-category-artists .nav-links .nav-direction {display: none !important;}
.custom-category-artists .meta__date {display: none !important;}

/* Hide player in tracks */
.audio-player__row {display:none!important;}

/*--------------------------------------------new function--------------------------------------------------------------*/



===========================================
   Custom CSS - Προσθέστε εδώ το δικό σας CSS
=========================================== 
*/

/* Παράδειγμα: Αλλαγή Brand Color */
/*
.site .color,
.site .brand-color {
    color: #your-color-here;
}
.brand-bg-color {
    background-color: #your-color-here;
}
*/


/* Παράδειγμα: Custom Header Style */
/*
#header {
    background-color: rgba(0, 0, 0, 0.8);
}
*/


/* Παράδειγμα: Custom Typography */
/*
body {
    font-size: 16px;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
*/


/* Container για τα εικονίδια */
.artist-social-icons {
    display: block !important; /* Αλλάζουμε σε block το container */
    width: 100%;
    margin-top: 30px;
    clear: both;
}

/* Στυλ για τους συνδέσμους */
.custom-icon-link {
    display: inline-block !important; /* Αναγκάζει τα εικονίδια να κάθονται δίπλα-δίπλα */
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 26px !important; 
    color: #ffffff !important; 
    transition: all 0.3s ease;
		margin-right: 10px !important; /* Η εναλλακτική για το gap */
    line-height: 1 !important;
}

/* Hover εφέ */
.custom-icon-link:hover {
    color: #e6a520 !important; 
    transform: scale(1.1);
}

/* Σωστή γραμματοσειρά icomoon */
.custom-icon-link .icon {
    font-family: 'icomoon' !important;
    display: inline-block !important;
}

/* Hide share in artists*/
.share { display: none!important;}


/* Remove Spaces artists*/
@media only screen and (max-width: 479.98px) {
	 .pt-simple {padding-top: 100px!important;}}

@media (max-width: 767.98px) {
    a:hover .g, .b-trigger:hover .g {color: #e6a520!important;}}

 @media only screen and (max-width: 479.98px) {
  .pt-image { padding-top: 140px!important;}
  .pt-image .meta__cats {margin-bottom: 0!important;}}


/* Διόρθωση κενών μόνο για κινητά */
@media only screen and (max-width: 767px) {
    
    /* Μειώνουμε το min-height που σπρώχνει το περιεχόμενο */
    .post-content::before {
        min-height: 200px !important; /* από 500 που ήταν */
    }

    /* Μειώνουμε τα μεγάλα περιθώρια στα containers */
    .content {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /* Αν το div.pt-meta.meta δημιουργεί κενό πάνω από τον τίτλο */
    .pt-meta.meta {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    /* Διόρθωση για το parallax container που φαίνεται να έχει μεγάλο offset */
    .fx-parallax-scroll {
        transform: none !important; /* Απενεργοποιεί το parallax στο κινητό αν δημιουργεί κενά */
    }
}