/*
Theme Name: tin-cast
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* colori */
.bianco{color:#fff}
.arancio{color:#ee6d36}
.grigio-chiaro{color:#aaaaaa}
.nero{color:#000}
.giallo{color:#FFED00}
.sfumatura-verticale-header .overlay{background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.sfondo-nero-arancio{background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(237,109,53,1) 50%, rgba(237,109,53,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(237,109,53,1) 50%, rgba(237,109,53,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(237,109,53,1) 50%, rgba(237,109,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ed6d35",GradientType=1);/* background-image:url('https://www.tincast.it/wp-content/uploads/2025/03/localizzazione.png');background-size:48%;background-position:left -200px bottom;background-repeat:no-repeat; */}
.sfondo-trasparente-grigio{background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(239,239,239,1) 50%, rgba(239,239,239,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(239,239,239,1) 50%, rgba(239,239,239,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(239,239,239,1) 50%, rgba(239,239,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#efefef",GradientType=1);}

/* struttura custom */
.col-sx-finto-full{padding-left:calc(50% - 790px)}
.col-dx-finto-full{padding-right:0!important}
/* MENU CUSTOM EVIDENZIAZIONE */
.nav > li{}
.nav > li > a {    position: relative;    display: inline-block;    z-index: 1;    transition: color 0.3s ease-in-out;padding-left:8px;padding-right:8px}
.nav > li > a:not(.current-lightbox-clicked)::before {content: "";position: absolute;    top: 0;    left: 0;    width: 0%;    height: 100%;    background-color: #FFED00;    transition: width 0.4s ease-in-out;    z-index: -1;}
.nav > li > a:hover::before {    width: 100%;}
.nav > li.active,
.nav > li.wpml-ls-current-language {background-color:#FFED00;}
.nav > li > a:hover,
.nav > li.active > a,
.nav > li.wpml-ls-current-language > a{color:#000!important}

/* effetti */
.img-da-zoomare img {    transition: transform 0.6s ease;    transform: scale(1);}
.img-da-zoomare img.in-viewport {    transform: scale(1.2);}


/* bottoni */
.button.primary.btn-tincast:hover{background:transparent}
.button.primary.btn-tincast, .modulo-contatto.modulo-footer input[type=submit]{padding:12px 24px;border:1px solid #FFED00;color:#000;line-height:1;font-weight:500}
.button.primary.btn-tincast.chiaro, .modulo-contatto.modulo-footer input[type=submit].chiaro{color:#fff;}
.button.primary.btn-tincast:hover{}
.button.primary.btn-tincast {    position: relative;    overflow: hidden;    z-index: 1;}
.button.primary.btn-tincast::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 0%;    height: 100%;    background-color: #FFED00;    transition: width 0.3s ease-in-out;    z-index: -1;}
.button.primary.btn-tincast:hover::before,.modulo-contatto.modulo-footer input[type=submit]:hover::before {    width: 100%; }
.button.primary.btn-tincast.chiaro:hover{color:#000}


/* spazi */

.mbot-zero, .text.mbot-zero > p, .text.mbot-zero > h2, .mbot-zero > p{margin-bottom:0;}
.pbot-zero{padding-bottom:0!important}
.colonna-contenuto-a-destra > .col-inner{margin-left:auto!important;margin-right:0!important}
.lh-zero > p{line-height:0}
.section-solo-ptop{padding-top:120px!important;padding-bottom:0px}

/* font */
.titolo-grande h1{font-size:95px;line-height:1.1;font-weight:bold}
.titolo-medio h2{font-size:64px;font-weight:bold;line-height:1.2}
.testo-big-evidenziatura{font-size:54px;font-weight:bold;line-height:1.2}
.testo-big-light{font-size:54px;font-weight:300;line-height:1.2}
.sottotitolo{font-size:30px;font-weight:500;line-height:42px;}
.bottom-footer{font-size:16px}

.evidenziatura {    position: relative;    text-decoration: none;    color: inherit;    transition: color 0.8s ease-in-out;}
.evidenziatura::after {    content: "";    position: absolute;    left: 0;    bottom: 0;    width: 0%;    height: 1.2em;     background-color: #ee6d36;    transition: width 0.3s ease-in-out, left 0.3s ease-in-out, height 0.3s ease-in-out;    z-index: -1;}
/* .evidenziatura:hover::after {    width: 100%; 	height:1.2em;    left: 0; } */
.evidenziatura.in-viewport::after {    width: 100%; 	height:1.2em;    left: 0;  transition-delay: 0.4s;}
html,.header-main .nav > li > a{font-size:20px}
.header-main .nav > li > a{padding-top:8px;padding-bottom:8px;color:#fff}
#masthead .header-nav-main.nav-box > li > a:hover{color:#000!important}
#masthead .header-nav-main.nav-box > li.active > a{color:#000!important}

/* loghi */
.logo-footer{max-width:200px}

/*header pagina contatti  */
.page-id-41 #masthead,
.page-id-242 #masthead{background: rgba(0, 0, 0, 0.2);}

/*footer*/
.absolute-footer{display:none!important}

/* Sfondo fisso globale */
#content {  background-image: url('/wp-content/uploads/2025/03/simbolo-sito.png');   background-attachment: fixed;  background-size: 900px;  background-position: center;  background-repeat: no-repeat;}

/* home page */
.sezione-localizzazione{background-image:url('/wp-content/uploads/2025/03/mappa-sedi-tincast.png');background-size:contain;background-repeat:no-repeat;background-position:left center;}

/* AZIENDA */
.icona-azienda{max-width:48px}
.immagine-localizzazione-azienda{z-index:-1}

/* PRODOTTI */
.testo-bordo-top{border-top:2px solid #000;padding-top:20px}
.box-immagine-con-testo h4{font-size:90px;line-height:1;font-weight:500;text-shadow:none}
.box-immagine-con-testo p{font-size:28px;line-height:1;font-weight:500;padding-left:6px;text-shadow:none}
.box-immagine-con-testo:hover .overlay{background-color:rgba(0,0,0,0.5)!important;}

/* modulo contatto */
.modulo-contatto{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.modulo-contatto .un_mezzo{width:49%}
.modulo-contatto .full{width:100%}
.modulo-contatto label{font-weight:400}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{background: #000;
    border: 0;    border-bottom: 1px solid #ee6d36;}
.modulo-contatto .primary, .modulo-contatto input[type=submit], .modulo-contatto input[type=submit].button{background-color:transparent;border:1px solid #ee6d36}
.wpcf7 form .wpcf7-response-output{color:#fff;width: 100%;    text-align: center;    padding: 10px;    border-radius: 0;}
.modulo-contatto.modulo-footer input[type=submit]{margin-right:0}

.modulo-contatto.modulo-footer textarea{background:#fff;color:#000}

.modulo-contatto.modulo-footer ::placeholder {  color: #fff;  opacity: 1; }
.modulo-contatto.modulo-footer ::-ms-input-placeholder {  color: #fff;}
.modulo-contatto.modulo-footer textarea ::placeholder {  color: #000;  opacity: 1; }
.modulo-contatto.modulo-footer textarea ::-ms-input-placeholder {  color: #000;}
.modulo-contatto.modulo-footer input{padding-left:0}
.modulo-contatto.modulo-footer textarea{padding:10px}
.modulo-contatto.modulo-footer a:hover{text-decoration:underline;color:#ee6d36}

.modulo-contatto input[type=email]:focus,
.modulo-contatto input[type=number]:focus,
.modulo-contatto input[type=password]:focus,
.modulo-contatto input[type=search]:focus,
.modulo-contatto input[type=tel]:focus,
.modulo-contatto input[type=text]:focus, 
.modulo-contatto select:focus{background-color:#000;box-shadow:none;color:#fff}
.modulo-contatto textarea:focus{background-color:#fff;box-shadow:none;color:#000}

.modulo-contatto input:-internal-autofill-selected {background-color:#000;box-shadow:none;color:#fff}

/* vertical slider */
.vertical-swiper {  width: 100%;  height: 911px;overflow:hidden;}
.vertical-swiper .swiper-slide {  background-size: cover;  background-position: center;  background-repeat: no-repeat;  width: 100%;  height: 100%;}
.swiper .swiper-pagination .swiper-pagination-bullet {  width: 15px;  height: 15px;  background: transparent;  border: 2px solid #FFED00;  opacity: 1;  transition: all 0.3s ease;}
.swiper .swiper-pagination .swiper-pagination-bullet-active {  background-color: #FFED00;}


/*
@media only screen and (max-width:1650px){
	
	.titolo-grande h1{font-size:82px;}
.titolo-medio h2{font-size:50px;}
	.testo-big-evidenziatura{font-size:42px;}
.testo-big-light{font-size:42px;}
.sottotitolo{font-size:26px;line-height:38px;}
	
}
*/
@media only screen and (min-width:1024px) and (max-width: 1280px){
	body,html,.header-main .nav > li > a{font-size: 18px!important;    line-height: 1.3;}
	.container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) {    max-width: 1024px!important;}
	.col-sx-finto-full{padding-left:calc(50% - 497px)}
	.titolo-grande h1{font-size:62px;}
	.titolo-medio h2{font-size:38px;}
	.testo-big-evidenziatura{font-size:32px;}
	.testo-big-light{font-size:32px;}
	.sottotitolo{font-size:22px;line-height:26px;}
	.box-immagine-con-testo h4{font-size:66px}
	.box-immagine-con-testo p{font-size:18px}
	/* OK */
	
}
@media only screen and (min-width:1281px) and (max-width: 1480px){
	.container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) {    max-width: 1280px!important;}
	.col-sx-finto-full{padding-left:calc(50% - 625px)}
	.titolo-grande h1{font-size:72px;}
	.titolo-medio h2{font-size:42px;}
	.testo-big-evidenziatura{font-size:32px;}
	.testo-big-light{font-size:32px;}
	.sottotitolo{font-size:24px;line-height:30px;}
	.h3, h3 {    font-size: 1.0em;}
	.box-immagine-con-testo h4{font-size:72px}
	.box-immagine-con-testo p{font-size:19px}
	/* OK */
}
@media only screen and (min-width:1481px) and (max-width: 1610px){
	.container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) {    max-width: 1400px!important;}
	.col-sx-finto-full{padding-left:calc(50% - 685px)}
	.titolo-grande h1{font-size:82px;}
	.titolo-medio h2{font-size:52px;}
	.testo-big-evidenziatura{font-size:42px;}
	.testo-big-light{font-size:42px;}
	.sottotitolo{font-size:26px;line-height:32px;}
	.h3, h3 {    font-size: 1.0em;}
	.box-immagine-con-testo h4{font-size:82px}
	.box-immagine-con-testo p{font-size:20x}
}
@media only screen and (min-width:1611px) and (max-width: 1850px){
	.container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) {    max-width: 1550px!important;}
	.col-sx-finto-full{padding-left:calc(50% - 760px)}
	.titolo-grande h1{font-size:86px;}
	.titolo-medio h2{font-size:55px;}
	.testo-big-evidenziatura{font-size:46px;}
	.testo-big-light{font-size:46px;}
	.sottotitolo{font-size:28px;line-height:38px;}
}


@media only screen and (max-width:1366px){
	
}

@media only screen and (max-width:1023px){
	.col-sx-finto-full{padding-left:15px}
	.col-dx-finto-full{padding-left:0px;padding-right:0px}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body,
	.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{font-size:16px!important}
	#content {  background-size: 90%; }
.modulo-contatto .un_mezzo{width:100%}
	.titolo-grande h1{font-size:38px;}
.titolo-medio h2{font-size:32px;}
	.testo-big-evidenziatura{font-size:26px;}
.testo-big-light{font-size:26px;}
.sottotitolo{font-size:22px;line-height:30px;}
	.colore-mobile-bianco > p,
	.colore-mobile-bianco > *{color:#fff!important}
	.colore-mobile-arancio > p,
	.colore-mobile-arancio > *{color:#ee6d36!important}
	
	.off-canvas-center .nav-vertical>li>a {    font-size: 1.0em;}
	
	/* HOME */
	.sezione-localizzazione{background-image:none}
	
	/*AZIENDA*/
	.sfondo-nero-arancio{background:#000}
	
	/* PRODOTTI */
	.sfondo-trasparente-grigio{background:transparent}
	.box-immagine-con-testo h4{font-size:42px}


}