/*
Theme Name: TMGYM 25
Theme URI: https://www.tmgym.it
Description: TMGym theme 2025
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: kropp
Template: kropp
*/

/* Regola spaziatura elenco puntato */
ul {
  list-style-position: outside;
  padding-left: 1.2em;
}


/* INPUT EMAIL FOOTER */
#qodef-page-footer input[type=email]{
	border-color: #66bd9c!important;
}
#qodef-page-footer input[type=email]:hover{
	border-color: #66bd9c!important;
}


/* ICONE SVG HOME */
.qodef-m-svg {
	width: 70px!important;
	height: 80px!important;
}


/* COLORE SFONDO TESTO SELEZIONATO */
::-moz-selection {
  background-color: rgba(0, 150, 136, 0.3) !important;
  color: #ffffff !important;
}
::-webkit-selection {
  background-color: rgba(0, 150, 136, 0.3) !important;
  color: #ffffff !important;
}
::selection {
  background-color: rgba(0, 150, 136, 0.3) !important;
  color: #ffffff !important;
}

/* COLORE DECORAZIONE TITOLI E PULSANTI */
.qodef-section-title.qodef-title-decoration--yes sup.qodef-title-decoration {
  color: #66BD9C;
}
.qodef-button.qodef-layout--outlined-with-arrow .qodef-m-arrow {
  border-color: #66BD9C;
}
.qodef-button.qodef-layout--outlined-with-arrow .qodef-m-arrow .qodef-svg--button-arrow {
  color: #66BD9C;
}
.qodef-button.qodef-layout--outlined-with-arrow {
  border-color: #66BD9C;
}

/* BANNER SERVIZI */
/* 1) container + dimensioni comuni */
.qodef-banner .qodef-m-image,
.qodef-m.service-banner .qodef-m-image {
  position: relative;
  height: 600px;
  overflow: hidden;
}

/* 2) overlay layer */
.qodef-banner .qodef-m-image::before,
.qodef-m.service-banner .qodef-m-image::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0);
  transition: background .3s;
  pointer-events: none;
  z-index: 1;
}

/* 3) hover attiva l’overlay */
.qodef-banner:hover .qodef-m-image::before,
.qodef-m.service-banner:hover .qodef-m-image::before {
  background: rgba(0,0,0,0.3);
}

/* 4) immagine sotto l’overlay */
.qodef-banner .qodef-m-image img,
.qodef-m.service-banner .qodef-m-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: brightness(0.7);
  position: relative;
  z-index: 0;
}

/* PORTFOLIO */
/* immagine fissa + overlay al hover */
.qodef-grid-inner .qodef-e-media-image.qodef--background,
.qodef-e-inner .qodef-e-media-image.qodef--background {
  position: relative;
  height: 600px!important;
  width: 100%!important;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  overflow: hidden;
}
.qodef-grid-inner .qodef-e-media-image.qodef--background img { display: none!important; }
.qodef-e-inner .qodef-e-media-image.qodef--background::before {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0);
  transition: background .3s;
  pointer-events: none;
}
.qodef-e-inner:hover .qodef-e-media-image.qodef--background::before {
  background: rgba(0,0,0,0.3);
}

/* info link non cliccabile, schiarito e ingrandito */
.qodef-e-info a {
  pointer-events: none!important;
  cursor: default!important;
  text-decoration: none!important;
  color: #ddd!important;
  font-size: 1.1em!important;
  transition: color .3s, font-size .3s;
}
.qodef-e-info a:hover {
  color: #fff!important;
  font-size: 1.15em!important;
}

/* titolo più grande */
.qodef-e-text .qodef-e-title-link {
  font-size: 1.5em;
  line-height: 1.2;
}



/* PORTFOLIO SINGLE */
.qodef-info--date, .qodef-info--tag, .qodef-info--category{
	display: none!important;
}
.qodef-m-inner::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* modifica l’ultimo valore per più/meno opacità */
  pointer-events: none;
  z-index: 1;
}
.qodef-breadcrumbs{
	color: green!important;
}
.qodef-breadcrumbs .qodef-breadcrumbs-link span,
.qodef-breadcrumbs .qodef-breadcrumbs-current {
  color: #c5c3c8 !important;        /* bianco puro, o sostituisci con qualsiasi colore chiaro */
  font-weight: 600 !important;      /* un po’ di grassetto per risaltare */
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important; /* leggero alone scuro per contrasto */
  letter-spacing: 0.5px !important; /* un filo di spazio fra le lettere */
}
.qodef-breadcrumbs .qodef-breadcrumbs-separator {
  color: #c5c3c8 !important;  /* semitrasparente chiaro */
  font-size: 1.2rem !important;             /* ingrandisci leggermente il separatore */
}
.qodef-portfolio-title{
	display: none!important;
}


.qodef-m-title-background-text{
    padding-left: 20px;
}


/* ### TEAMS ## */

.rotated-text2 {
    margin: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: bold;
    font-family: 'Yantramanav', sans-serif;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    text-stroke: 1px #ffffff;
    white-space: nowrap;
    font-size: clamp(3em, 5vw, 40px);
}