/**
 * Theme Name:        Frog Revolution
 * Theme URI:         https://www.frogrevolution.com/
 * Description:       Theme made by Enrico Piras web designer and developer and Frog Revolution SRL communication agency for the game adventure of Porto Antico di Genova.
 * Version:           1.0.0
 * Author:            Enrico Piras, Frog Revolution
 * Author URI:        https://www.frogrevolution.com/
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       frogrevolution
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

 /* General rules */

 /* General rules, wp admin bar */

 /* Se l'header è fixed, lo spostiamo in basso di 32px */
.admin-bar header { top: 32px;}

 /* General rules, tipography */

body {
font-family: "Simple";
background-color: #f2f2f2;
}

.wp-site-blocks {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh; /* Occupa almeno tutta l'altezza dello schermo */}

main {
  flex-grow: 1; /* Dice al main di espandersi per riempire lo spazio vuoto */
}

.display-none {display: none!important;}

/* General rules, colonne fit-content */

.wp-block-column.colonna-fit {
flex-basis: fit-content!important;
flex-grow: 0!important; /* Impedisce alla colonna di espandersi per riempire lo spazio vuoto */
}

a {transition: .3s;}

a:hover {
color: #000000;
background-color: #ffdb00;
transition: .3s;
/* opacity: .75; */
}

.width-fit-content {width: fit-content;}

.hide-on-desktop {display: none;}

.yoast-breadcrumbs {font-weight: bold;}

.yoast-breadcrumbs a {
color: #000000;
text-decoration: none;
}

/* General rules, spacing */

p {margin: 0;}

 /* Header */

header {}

header .wp-block-site-title {
display: block;
width: min-content;
white-space: break-spaces; /* Impedisce alle lettere di andare a capo */
word-break: keep-all; /* Forza il browser a mantenere integre le parole */
}

header .wp-block-site-title a {display: block;}

header .wp-block-site-title a:hover {background-color: transparent;}

header .main-menu ul li a {
padding: 5px 5px 2px;
border: solid 1px #000000;
border-radius: 25px;
transition: .3s;
}

header .main-menu ul li a:hover {
color: #000000!important;
background-color: #ffdb00;
transition: .3s;
}

.cerca-header .wp-block-search__inside-wrapper {
background-color: transparent;
padding:0;
}

.cerca-header .wp-block-search__inside-wrapper .wp-block-search__input {background-color: transparent;}

.cerca-header .wp-block-search__inside-wrapper button {
background-color: transparent;
/*padding:5px;*/
padding: 0 5px;
}

.cerca-header .wp-block-search__inside-wrapper button svg {fill: #000000;}

/* Footer */

footer {margin-top: 0;}

footer a {
color: #000000;
transition: .3s;
}

footer a:hover {
background-color: #ffdb00;
transition: .3s;
/* opacity: .75; */
}

/* Home page */

/* Filtro tag progetti in sidebar sx */

.filtro-progetti-home {
list-style: none;
padding-left: 0;
}

.filtro-progetti-home li {
/* text-transform: uppercase; */
width: fit-content;
padding: 6px 7px!important;
border: solid 1px #000000;
border-radius: 25px;
transition: .3s;
margin-bottom: 5px;
}

.filtro-progetti-home li a {
color: #000000;
text-decoration: none;
line-height: 1;
}


.filtro-progetti-home .attivo {background-color: #ffdb00;}

.filtro-progetti-home li:hover {
background-color: #ffdb00;
transition: .3s;
}

.reset-filtro a {
font-size: .85em;
transition: .3s;
padding: 6px 7px!important;
}

.reset-filtro a:hover {
color: #000000!important;
background-color: #ffdb00!important;
transition: .3s;
}

/* risultati filtrati in main */

.area-progetti-home li {margin-top: 1px;}

.area-progetti-home a {transition: all 0.3s ease;}

/* Quando il progetto NON è tra quelli selezionati */
.progetto-off a {
/*text-decoration: line-through;*/
background-color: transparent;
opacity: .4;
pointer-events: none;
}

/* Impedisce al mouse di mostrare la manina sui progetti disabilitati */
.progetto-off a, .progetto-off img {cursor: default !important;}

/* Pagine archivio */
.loop-archivio ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.loop-archivio ul li {margin-bottom: 20px;}

.loop-archivio ul li:last-of-type {margin-bottom: 0px;}

.loop-archivio ul li .loop-archivio-img img {
border: 0;
border-radius: 25px;
}

.loop-archivio ul li h4 {
font-size: 1.5em;
margin: 0 0 20px;
}

.loop-archivio ul li .categorie-cpt {
display: inline-grid;
grid-template-columns: repeat(3, auto);
gap: 10px	
}

.loop-archivio ul li .categorie-cpt .wp-block-column {
display: inline-grid;
grid-template-columns: repeat(2, auto);
gap: 5px;
width: fit-content;
}

.loop-archivio ul li .categorie-cpt a {color: #ffff00;}

/* Pagina progetto singolo */
/* Pagina progetto singolo - slider inizio */

#progetti-slider .wp-block-coblocks-gallery-carousel {margin-top: 0 !important;}

/* frecce slider */
.nav-button__next, .nav-button__prev {
background-color: #00000080;
height: 25px;
width: 25px;
padding: 5px;
transition: .3s;
}

.nav-button__next:hover, .nav-button__prev:hover {
background-color: #000000;
transition: .3s;
}

.nav-button__next .icon, .nav-button__prev .icon {
height: 15px;
width: 15px;
}

/* lightbox slider */
.coblocks-lightbox__background {
background-image: none!important;
filter: none;
background-color: #000000e6;
}

.coblocks-lightbox__heading {
font-family: inherit;
font-size: 1em;
}

.coblocks-lightbox__close {
height: 25px;
width: 25px;
}

.coblocks-lightbox__arrow {
padding: 5px;
border: 0;
}
/* Pagina progetto singolo - slider fine */

.single-progetti .progetti-colonna-tag .taxonomy-post_tag a {
display: block;
color: #000000;
text-decoration: none;
pointer-events: none;
}

.single-progetti .progetti-colonna-dati-pubblicazione ul {
list-style: none;
padding-left: 0;
}

.single-progetti .progetti-colonna-dati-pubblicazione ul li::before {
content: "-"; /* Inserisce il trattino */
display: inline-block; 
width: .75em; /* Spazio tra trattino e testo */
}

.single-progetti .progetti-colonna-tag .taxonomy-post_tag .wp-block-post-terms__separator {display: none;}

/* Pagina manutenzione */

.page-id-228 main {align-content: center;}

@media screen and (max-width: 1250px) {

/* Pagina progetto singolo */
.progetti-testo-info .wp-block-columns {display: grid;}

}

@media screen and (max-width: 992px) {

/* General rules */

.hide-on-desktop {display: block;}

.hide-on-mobile {display: none;}

/* Pagina progetto singolo */
.progetti-container {display: grid!important;}

}

/* Su mobile la barra è più alta (46px) se lo schermo è piccolo */
@media screen and (max-width: 782px) {

/* Su mobile la barra è più alta (46px) se lo schermo è piccolo */    
.admin-bar header {top: 46px;}


/* Home page */

/* Filtro tag progetti in sidebar sx */
.colonne-container-home {
flex-direction: column !important;
gap: 20px;
}

.colonne-container-home > * {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
	
.colonne-categorie-home {
display: grid !important;
grid-template-columns: 1fr 1fr !important; 
gap: 20px !important
}
	
.colonne-categorie-home .wp-block-column {
flex-basis: 50% !important;
max-width: 50% !important;
flex-grow: 1!important;
}

}

@media screen and (max-width: 767px) {

/* Header */

.display-mobile-none {display: none;}

/* Footer */

.top-footer {gap: 0;}

/* Home page */

}

@media screen and (max-width: 701px) {
	
/* Header */
header .main-menu {width: 100%;}
	
}