/**
 * 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, 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 */
}

.display-none {display: none;}

.display-flex {display: flex;}

a {transition: .3s;}

a:hover {transition: .3s;}

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

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

.position-relative {position: relative;}

.position-absolute {position: absolute;}

p {margin: 0;}

.btn-1 a:hover {
color: #ffffff!important;
background-color: transparent!important;
transition: .3s;
opacity: 1;
}

body {
background-color: #000000;
/* Spezza la parola solo se eccede il contenitore */
overflow-wrap: break-word; 
/* Supporto per browser più vecchi */
word-wrap: break-word;
/* Se è un URL lunghissimo, meglio essere più decisi 
word-break: break-all; */
}

main .wp-block-list {padding-left: 20px!important;}

/* Lightbox background */

.wp-lightbox-overlay.zoom.active .scrim {background-color: #00000080!important;}

 /* Header */

header {
width: 100%;
background: linear-gradient(#000000, #ffffff00);
z-index: 2;
position: fixed;
transition: .3s;
}

.wp-block-site-logo {transition: .15s;}

.header-scrolled {
background-color: #000000;
transition: .3s;
}

.header-scrolled .wp-block-site-logo {
transform: scale(.75);
transition: .15s;
}

.header-scrolled .logo-90-anni {
transform: scale(.75);
transition: .15s;
}

.logo-90-anni-box {transition: .15s;}

.header-scrolled .logo-90-anni-box {
padding-left: 0!important;
transition: .15s;
}

header .main-menu {float: right;}

header .main-menu a {text-transform: uppercase;}

/* Footer */

footer {}

/* Home page */

.frase-galleria {
top: 50%;
transform: translateY(-50%);
}

/* Sezione news */

#news .wp-container-core-post-template-is-layout-6d3fbd8f {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px
}

#news .home-news-card {
height: 100%;
border: 1px solid #ffffff66;
/*box-shadow: 0px 7px 10px #ffffff66;*/
transition: .3s;
}

#news .home-news-card:hover {
transform: translateY(-15px); /* Sposta verso l'alto di 15px */
transition: .3s;
}

#news .home-news-card figure img {transition: .3s;}

#news .home-news-card:hover figure img {
filter: grayscale(100%);
transition: .3s;
}

#news .home-news-card .home-news-card-text-box a, #news .home-news-card .home-news-card-text-box time, #news .home-news-card.home-news-card-text-box .wp-block-post-excerpt__excerpt {transition: .3s;}

#news .home-news-card:hover .home-news-card-text-box a, #news .home-news-card:hover .home-news-card-text-box time, #news .home-news-card:hover .home-news-card-text-box .wp-block-post-excerpt__excerpt {
opacity: .6;
transition: .3s;
}

.home-news-card-text-box {}

#news .home-news-card .home-news-card-text-box .wp-block-post-excerpt__more-link {
text-transform: uppercase;
text-decoration: none;
color: #000000;
background-color: #ffffff;
padding: 10px 30px;
border: 1px solid #ffffff;
margin-top: 20px;
transition: .3s;
}

#news .home-news-card:hover .home-news-card-text-box .wp-block-post-excerpt__more-link  {
opacity: 1;
color: #ffffff;
background-color: transparent;
transition: .3s;
}

/* Sezione Contatti */

#wpcf7-f136-p2-o1 label, #wpcf7-f136-p2-o1 br {display: none;}

#wpcf7-f136-p2-o1 p {margin-bottom: 0;}

.cf7-row {
display: flex;
gap: 20px;
margin-bottom: 20px;
}

.cf7-column {flex: 1; /* Rende le colonne uguali */}

#wpcf7-f136-p2-o1 [type="text"], #wpcf7-f136-p2-o1 [type="email"], #wpcf7-f136-p2-o1 [type="tel"], #wpcf7-f136-p2-o1 textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
border: 0;
}

#wpcf7-f136-p2-o1 textarea {margin-bottom: 10px;}

#wpcf7-f136-p2-o1 [type="text"]::placeholder, #wpcf7-f136-p2-o1 [type="email"]::placeholder, #wpcf7-f136-p2-o1 [type="tel"]::placeholder, #wpcf7-f136-p2-o1 textarea::placeholder {font-family: Montserrat, sans-serif;}

#wpcf7-f136-p2-o1 .wpcf7-form-control-wrap {
width: 100%;
display: block;
}

#wpcf7-f136-p2-o1 .wpcf7-list-item label {display: block;}

#wpcf7-f136-p2-o1  .wpcf7-list-item {margin: 0 .35rem 10px 0;}

#wpcf7-f136-p2-o1 [type="submit"] {
font-size: 1.25rem;
text-transform: uppercase;
text-decoration: none;
color: #000000;
background-color: #ffffff;
padding: 10px 30px;
border: 1px solid #ffffff;
transition: .3s;
}

#wpcf7-f136-p2-o1 [type="submit"]:hover {
color: #ffffff;
background-color: transparent;
transition: .3s;
}

/* Sezione Dove siamo */

.dove-siamo-mappa-home {
width: 100%;
max-width: none;
height: 500px;
border: 0;
}

/* Aricolo singolo */

.single-post header {position: relative;}

.single-post h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}

.single-post h3 {
font-size: 2rem;
margin: 15px 0 10px;
}

.single-post main p {margin-bottom: 10px;}

.single-post main li {
font-size: 1.25rem;
margin-bottom: 10px;
}

/* Carosello post */

.kb-splide .splide__arrow {
border-radius: 25px;
width: 3em;
}

/* Pagina privacy & cookies policy */

.privacy-policy header {
box-sizing: border-box !important;
max-width: 100vw;
overflow-x: hidden;
}

.privacy-policy h1 {
text-transform: uppercase;
font-size: 4rem;
}

.privacy-policy h5 {
text-transform: uppercase;
font-size: 1.5rem;
}

.privacy-policy h2, .privacy-policy h3, .privacy-policy h4 {text-transform: uppercase;}

/* Forza l'andata a capo per i link lunghi */
.privacy-policy a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

/* 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;}

}

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

/* General rules */

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

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

}

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

/* General rules */	
	
.gap-0-mobile {gap: 0;}

/* Footer */
	
footer .wp-container-core-social-links-is-layout-d445cf74 {justify-content: flex-start;}	
	
footer .bottom-footer p {text-align: left!important;}	

}

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

h3 {font-size: 3rem!important;}

/* Header */

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

/* Footer */

/* Home page */

.home-site-title {font-size: 3rem!important;}

.frase-galleria {
top: auto;
transform: translateY(0);
bottom: 0;
}

.frase-galleria {font-size: 2rem!important;}

.galleria-home figure {width: 100%!important;}

#news .wp-container-core-post-template-is-layout-6d3fbd8f {grid-template-columns: repeat(1, minmax(0, 1fr));}

}


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

.home-site-title {font-size: 2.75rem!important;}

h3 {font-size: 2.75rem!important;}

/* Header, mobile menu */
	
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open  {
background-color: #000000!important;
padding: 20px;
}	

.wp-block-navigation__responsive-container-content {
font-size: 3em;
text-transform: uppercase;
font-weight: bold;
gap: 20px;
}
	
/* Sezione Contatti */

.cf7-row {
flex-direction: column;  /* Cambia la direzione da orizzontale a verticale */
gap: 10px; /* Rimuove eventuali gap laterali se necessario */ 
margin-bottom: 10px;
}

.cf7-column {width: 100%;/* Forza la colonna a prendersi tutto lo spazio disponibile */ }
	
}