/*
Theme Name: Twenty Twenty One Child
Theme URI: https://download.davidearduini.com/wp-content/themes/twentytwentyone-child/
Description: Twenty Twenty One Child Theme
Author: Davide Arduini
Author URI: https://dadesign.it
Template: twentytwentyone
Version: 2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/****    HEADER    ****/

/* posizione bandiere traduzione GTranslate */
.gt_float_switcher {
	margin-top: 3rem ;
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.gt-current-lang {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.gt_switcher_wrapper {
	top:20px !important;
	right: 47% !important;
}


/****    FOOTER    ****/

/**** PULSANTE TORNA SU ****/
.scroll-to-top {
  /* Posizionamento del pulsante */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  opacity: 0.9;
  
  /* Stile e dimensione */
  width: 40px; /* Larghezza dell'immagine */
  height: 40px; /* Altezza dell'immagine */
  background-size: contain;
  background-repeat: no-repeat;
  
  /* Sfondo con immagine */
  background-image: url('img/scroll-to-top-black.svg'); 
  
  /* Nascondi il pulsante (se usi lo script) */
  display: none;
}

.scroll-to-top:hover {
  transform: scale(1.1);
  opacity: 0.8;
}


/****    SUNSHINE GALLERY    ****/

/*** GALLERIE MODALITA' COVER ***/

/* GRANDEZZA TITOLO GALLERIE */
#sunshine--page-header h1 {
    font-size: 100%;
    margin-bottom: 30px;
}

/* nascondi menu gallerie modalità cover */
#sunshine--header {
    display: none;
}

/* altezza cover gallerie modalità cover */
#sunshine--cover {
    height: 80vh;
}

/* spazio tra immagini galleria */
#sunshine--gallery-items.sunshine--layout--justified, #sunshine--image-items.sunshine--layout--justified {
    gap: 18px;
}
/* larghezza gallerie modalità cover */
#sunshine, #sunshine--main {
    width: 80%;
    margin: auto;
}

/* CENTRA DOWNLOAD GALLERIA */
.sunshine--action-menu {
  display: flex;          /* Attiva Flexbox */
  justify-content: center;/* Centra orizzontalmente */
  align-items: center;    /* Centra verticalmente */
}