/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

/* --- Βασικό στήσιμο της σειράς --- */
.gym-icon-row {
  display: flex;
  justify-content: center; /* Κεντράρισμα στη σελίδα */
  align-items: center;
  gap: 30px; /* Απόσταση μεταξύ των εικονιδίων */
  padding: 40px 20px;
  flex-wrap: wrap; /* Για να σπάνε σε μικρές οθόνες αν χρειαστεί */
}

/* --- Στυλ για το κάθε εικονίδιο --- */
.icon-pop {
  font-size: 3rem; /* Μέγεθος εικονιδίου - Προσάρμοσέ το */
  color: #000000; /* Χρώμα εικονιδίων */
  
  /* Αρχική κατάσταση: Αόρατο, για να μην φαίνεται πριν το animation */
  opacity: 0;
  
  /* Εφαρμογή του animation */
  /* Όνομα | Διάρκεια | Καμπύλη ταχύτητας | Να μείνει στην τελική κατάσταση */
  animation: unfoldZoomEffect 0.8s ease-out forwards;
  
  /* Προαιρετικά: Μια μικρή σκιά για βάθος */
  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.2));
}


/* --- ΟΙ ΚΑΘΥΣΤΕΡΗΣΕΙΣ (Το "Ξεδίπλωμα") --- */
/* Αυξάνουμε το delay κατά 0.2s για κάθε επόμενο εικονίδιο */

.icon-pop:nth-child(1) { animation-delay: 0.1s; }
.icon-pop:nth-child(2) { animation-delay: 0.3s; }
.icon-pop:nth-child(3) { animation-delay: 0.5s; }
.icon-pop:nth-child(4) { animation-delay: 0.7s; }
.icon-pop:nth-child(5) { animation-delay: 0.9s; }
.icon-pop:nth-child(6) { animation-delay: 1.1s; }
/* Αν προσθέσεις κι άλλα εικονίδια, συνέχισε τη λίστα: 1.3s, 1.5s κτλ. */


/* --- ΤΟ ANIMATION (Zoom-in και επιστροφή) --- */
@keyframes unfoldZoomEffect {
  0% {
    opacity: 0;
    /* Ξεκινάει πολύ μικρό */
    transform: scale(0.3);
  }
  60% {
    opacity: 1;
    /* Zoom-in: Μεγαλώνει λίγο παραπάνω από το κανονικό (1.4 φορές) */
    transform: scale(1.4);
  }
  100% {
    opacity: 1;
    /* Επιστρέφει στο φυσιολογικό του μέγεθος */
    transform: scale(1);
  }
}

/* Κεντράρισμα Μενού στο Footer */

/* Κεντράρισμα ΟΛΩΝ των τίτλων στο Footer */
#footer .widget .widgettitle, 
#footer .widget h3 {
    text-align: center !important;
}

#footer .widget_nav_menu, 
#footer .widget_nav_menu .menu,
#footer .widget_nav_menu ul {
    text-align: center !important;
    float: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#footer .widget_nav_menu li {
    float: none !important;
    display: block !important;
    text-align: center !important;
    border: none !important; /* Αφαιρεί τις γραμμές ανάμεσα */
    padding: 2px 0 !important;
}

#footer .widget_nav_menu li a {
    float: none !important;
    display: inline-block !important; /* Βοηθάει στο κεντράρισμα */
    padding: 0 !important;
}

/* Κεντράρισμα και του Τίτλου του Widget "ΥΠΗΡΕΣΙΕΣ" */
#footer .widget_nav_menu h3.widgettitle {
    text-align: center !important;
    border: none !important; /* Αν έχει καμιά γραμμή από κάτω */
}