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

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

a {
text-decoration: none;
transition: .3s;
}

a:hover {transition: .3s;}

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

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

/* General rules, spacing */

.container {
max-width: 1200px;
margin: 0 auto;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

:where(.wp-site-blocks) > * {margin-top: 0!important;}

.col-cm-larghezza-1-box {width: fit-content;}

.col-cm-larghezza-1 {width: 380px;}

.col-cm-larghezza-1 .wp-block-group, .col-cm-larghezza-3 .wp-block-group {height: 100%;}

.col-cm-larghezza-2 .wp-block-group {
max-width: 310px;
height: 100%;
margin: 0 auto;
}

/* header */

header {
position: fixed;
z-index: 2;
width: 100%;
}

.main-menu {margin-left: auto!important;}

.main-menu a:hover {
color: #ba0266!important;
transition: .3s;
}

/* Footer */

/* Margin top footer */
footer[class*="wp-block-template-part"] {
    margin-block-start: 0px !important;
    margin-top: 0px !important;
}

footer a {transition: .3s;}

footer a:hover {
opacity: .5;
transition: .3s;
}

footer .wp-block-social-links .wp-social-link svg {
width: 30px;
height: 30px;
}

footer .wp-block-social-links a svg {transition: .3s;}

footer .wp-block-social-links a:hover svg {
fill: #000000!important;
transition: .3s;
}

/* Home page */

#wpgmza_map_1 {margin-top: 0!important;}

/* Privacy e cookies policy page */

.privacy-policy header {position: relative;}

/* 404 page */

.error404 header {position: relative;}

.error404 main {
min-height: 80vh;
align-content: center;
}

.error404 footer {margin-top: 0;}

@media screen and (max-width: 1400px) {
	
/* General rules */	

/* General rules, spacing */

.container {max-width: 1140px;}

}


@media screen and (max-width: 1200px) {
	
/* General rules */	

/* General rules, spacing */

.container {max-width: 960px;}

}

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

/* General rules */

/* General rules, spacing */

.container {max-width: 720px;}

.col-cm-larghezza-1 {width: 100%;}
	
/* Header */
	
.wp-block-navigation__responsive-container-open {display: flex!important;}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {display: none;}
}

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

/* General rules, spacing */

.col-cm-larghezza-1, .col-cm-larghezza-2 .wp-block-group, .col-cm-larghezza-3 {
max-width: 500px;
margin-left: auto!important;
margin-right: auto!important;
}
	
.servizi-lista h4 {
max-width: 300px;
margin-left: auto!important;
margin-right: auto!important;
}	

}

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

/* General rules */

.display-none-desktop {display: block;}

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

/* General rules, spacing */

.container {max-width: 540px;}

main .container {
padding-top: 50px!important;
padding-bottom: 50px!important;
}	
	
/* Header */

/* Footer */

}

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

/* General rules */

.display-none-desktop {display: block;}

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

/* General rules, spacing */

.container {max-width: none;}
	
}