/**
 * Theme Name:        Fluido
 * Theme URI:         https://www.enricopiras.it/
 * Description:       Theme made by Enrico Piras web designer and developer Fluido visual communication studio.
 * Version:           1.0.0
 * Author:            Enrico Piras
 * Author URI:        https://www.enricopiras.it/
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       fluido
 * 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 */

body {
padding-right: 0px!important;
padding-left: 0px!important;
}

p a, ul li a, main h3 a, main h4 a, .portfolio-term-list-link a {
/* Impostazioni del testo */
text-decoration: none;
display: inline-block;
/* Creazione della linea di sfondo alto 3px */
background-image: linear-gradient(#00ff00, #00ff00); /* Colore dell'evidenziatore */
background-repeat: no-repeat;
background-size: 100% 0px;          /* Larghezza 100%, Altezza 3px */
background-position: 0 calc(100% - 3px);        /* Posizionato esattamente alla base del testo */
  /* Gestione del layer */
transition: background-size 0.3s ease; /* Opzionale: per un'animazione fluida */
}

/* Opzionale: effetto al passaggio del mouse (hover) */
a:hover, ul li a:hover, .portfolio-term-list-link a:hover {background-size: 100% 3px; /* Es: si allarga coprendo più testo al mouseover */}

/* Rimuove l'evidenziazione azzurra al tap da mobile */
a, button, input, [role="button"] {-webkit-tap-highlight-color: transparent;}

.wp-block-query ul li figure a {background-size: 0; }

.icon-effect-1 svg {
transition: .3s;
border-radius: 50%; 
}

.icon-effect-1:hover svg {
transition: .3s;
color: #00ff00!important;
fill: #00ff00!important;
background-color: #00ff00;
}

.icon-effect-1:hover svg g polyline, .icon-effect-1:hover svg g line {
transition: .3s;
stroke: #ffffff!important;
}

.icon-effect-2 svg {
width: .75em!important;
height: .75em!important;	
transition: .3s;
}

.icon-effect-2:hover svg {transition: .3s;}

.icon-effect-2:hover svg g polyline, .icon-effect-2:hover svg g line {
transition: .3s;
stroke: #00ff00!important;
}

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

.display-none {display: none;}

.justify-content-space-between {justify-content: space-between;}

a {transition: .3s;}

a:hover {transition: .3s;}

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

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

/* General rules, spacing */

.main-header, .main-footer, .main-content {
max-width: 1800px;
margin: 0 auto;
}

 /* Header */

 /* Header, header menu */

.header-menu {
margin-left: auto!important;
align-self: baseline;
}

/* Footer */

footer {margin-top: 0;}

.main-footer .wp-block-columns {border-top: 1px solid #000000;}

.main-footer .copyright-section {
width: fit-content;
float: right;
}

/* floater GDPR & cookies */

.cky-btn-revisit-wrapper {background-color: #000000!important;}

.cky-btn {
background-color: #000000!important;
border-color:  #000000!important;
}

/* Home page */

.home .custom-logo-link {opacity: 0;}

/* Welcome blurb section in home */

.welcome-blurb-home {
position: relative;
display: flex;
flex-direction: column; /* Gli elementi si susseguono verticalmente */
align-items: stretch;
min-height: 83vh;
}

.welcome-blurb-home h3, .fluido-line-wb-home {width: 100%;}

.fluido-title-wb-box {
position: relative; /* Nel flusso normale: determina l'altezza del contenitore */
width: 100%;
z-index: 2;
}

.fluido-title-wb-home, .fluido-line-wb-home, .fluido-text-wb-home, .custom-logo-link {opacity: 0;}

.fluido-text-wb-home {
/*max-width: 75%;*/
margin-left: 0 !important;
opacity: 0;
will-change: font-size, max-width;
}

.fluido-green-home {
position: absolute; /* Si ancora in modo perfetto e fisso in alto */
top: 0;
width: 100%;
z-index: 1;
text-align: center;
}

.fluido-green-home img {
width: calc(100% - 100px);
max-width: 1500px;
}

/* Portfolio section in home */

.portfolio-in-home ul {
display: grid;
grid-template-columns: 2fr 2fr;
gap: 20px;
}

.button-home-portolio-link a {transition: 0;}

.button-home-portolio-link a:hover {
color: #ffffff!important;
background-color: #00ff00!important;
border-color: #00ff00!important;
transition: 0;
}

/* About section in home */
.about-section p {
max-width: 75%;
margin-left: 0!important;
}

/* Portfolio archive */

.portfolio-archive-column-data {position: relative;}

.link-to-single-portfolio {
position: absolute;
bottom: 0;
right: 0;
}

.link-to-single-portfolio:hover {background-size: 100% 0;}

/* Portfolio single page */

/* .portfolio-single-text-box {padding-right: 25%!important;} */

/* Contatti page */

.main-contatti a {background-position: 0 calc(100% - 20px);}

/* Maintenance page */

.main-maintenance {
align-content: center;
height: 100vh;
}

/* Privacy & cookies policy page */

.privacy-policy .header-menu {display: none;}

/* Error 404 page */

.error404 .header-menu {display: none;}

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

/* Home page */
	
/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 95px!important;}	
	
}

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

/* Home page */

/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 95px!important;}

}

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

/* Home page */

/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 85px!important;}

}

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

/* Home page */

/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 80px!important;}

}

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

/* Home page */

/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 70px!important;}

}

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

/* General rules */

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

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

}

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

/* Home page */
	
/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 60px!important;}		
	
.fluido-title-wb-box {position: relative}	

/* Contatti page */

.main-contatti p {font-size: 60px!important;}

.main-contatti a {background-position: 0 calc(100% - 15px);}
	
}	

/* Su mobile la barra è più alta (46px) se lo schermo è piccolo */
@media screen and (max-width: 782px) {
	
/* General rules */
.display-desktop-none {display: block;}	

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

/* Su mobile la barra è più alta (46px) se lo schermo è piccolo */    
.admin-bar header {top: 46px;}
	
/* Footer */
.main-footer .copyright-section {
width: 100%;
float: left;
}

/* Portfolio archive */
	
.portfolio-archive-column-data {order: 2;}	

.portfolio-archive-column-featured-img {order: 1;}	

.link-to-single-portfolio {
position: relative;
margin-top: 20px;
}

/* Portfolio single */	

.portfolio-single-featured-img {margin-bottom: 30px!important;}	

}

@media (max-width: 767px) {

/* General rules */

.main-header, .main-footer, .main-content {
padding-right: 30px!important;
padding-left: 30px!important;
}

.main-header .main-header {
padding-right: 0px!important;
padding-left: 0px!important;
}

/* Home page */
	
/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 50px!important;}	

.fluido-green-home {
top: auto;
bottom: 10px;
}

.fluido-green-home img {width: calc(100% - 15px);}

/* Portfolio section in home */

.portfolio-in-home ul {grid-template-columns: 1fr;}

/* About section in home */
.about-section p {max-width: none;}

/* Maintenance page */

.fluido-text-wb-maintenance {font-size: 50px!important;}

.fluido-text-maintenance {font-size: 30px!important;}

}

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

/* Welcome blurb section in home */

.fluido-text-wb-home {font-size: 42px!important;}	

/* Contatti page */

.main-contatti p {font-size: 42px!important;}

.main-contatti a {background-position: 0 calc(100% - 8px);}

}

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

/* Home page */
	
/* .welcome-blurb-home {min-height: 500px;}*/

}