/*
Theme Name: 	TeamChart
Theme URI:      https://www.teamchart.it
Author:         TeamChart
Author URI:     https://www.teamchart.it
Description: 	Tema per il progetto TeamChart
Template:     	sixtyninestudio
Version: 		1.0
Text Domain: 	teamchart
*/

@import url("../sixtyninestudio/style.css");
@font-face {
    font-family: 'Gilgan';
    src: url('font/Gilgan-Regular.woff2') format('woff2'),
        url('font/Gilgan-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* COLORI */
.rosa{color:#e72379}
.azzurro{color:#46bbc5}
.grigio{color:#2f2f2c}

/* STILI */
img{width:100%; height:auto}
h1, h2, h3, h4, h5, h6 {font-family:"Gilgan", Helvetica, sans-serif; font-weight:600}
.vc_row-o-equal-height .vc_col-has-fill .wpb_wrapper{min-height:auto}
.testo-bianco, .testo-bianco p{color:#fff}
.clear{clear:both}

@media all and (max-width:640px)
{
	h1{font-size:40px !important; line-height:42px !important}
	h2{font-size:36px !important; line-height:38px !important}
	h3{font-size:32px !important; line-height:34px !important}
}

/* FIX Layout */
@media all and (min-width:1400px)
{
	.container, body .wpb-content--blank .wpb-content-wrapper{width:1370px; max-width:none}
}

@media all and (max-width:767px)
{
	div.vc_row.vc_column-gap-30{margin-left:-15px; margin-right:-15px}
	div.no-margin-xs{margin-left:0 !important; margin-right:0 !important}
	div.no-padding-xs{padding-left:0 !important; padding-right:0 !important}
}

@media all and (min-width:768px) and (max-width:991px)
{
    .flex-column-reverse-md{flex-direction: column-reverse}
}
@media all and (max-width:767px)
{
    .flex-column-reverse-sm{flex-direction: column-reverse}
}

/* LOGO */
.team-chart-logo-wrapper{max-width:400px}
.navbar-brand img{width:100%; height:auto}

@media all and (max-width:1199px)
{
	.team-chart-logo-wrapper{max-width:200px; margin-top:15px}
}

@media all and (max-width:991px)
{
	.team-chart-logo-wrapper{max-width:200px; margin-top:15px}
	.navbar-default ul.navbar-nav>li>a{font-size:16px}
	.navbar-default ul.navbar-nav>li{margin-left:15px}
}
@media all and (max-width:767px)
{
	.team-chart-logo-wrapper{max-width:200px; margin-top:10px}
}

/* TITLE AREA */
section.page-title{background-color:#46bbc5}
.title-overlay-color{background-color:transparent}

/* MENU */
.sticky-wrapper.is-sticky .navbar-default{padding:10px 0}

/* SLIDE - 1 sezione */
.bordo_immagine_home img{border: 15px solid #e72379}
.cerchio_home.wpb_single_image .vc_single_image-wrapper{max-width:50%} 
.position_absolute{position:absolute}
.top_fuori{top:-80px}
.top{top:25px}
.center{left: 50%}
.left_fuori{left:-90px}
.right{right:0}
.right_fuori{right:-90px}
.right_fuori2{right:-50%}
.bottom{bottom:5%}

@media all and (max-width:767px)
{
	.position_absolute{position:static; display:none}
}

/* CF 7 */
.wpcf7-form-control-wrap input, .wpcf7-form textarea{border:none; border-bottom:1px solid #444; background: transparent; margin-bottom:15px}
.form-richiesta-demo .btn_chiedi_demo{padding:10px 20px}
.wpcf7-form input.wpcf7-submit{background-color:#46bbc5; color:#fff;border:none; border-radius:10px; font-size:16px}
.wpcf7-form input.wpcf7-submit:hover{background-color:#e72379}
.wpcf7-form input, .wpcf7-form textarea{padding:5px 15px}
.wpcf7-form textarea{max-height:100px}
.modulo-contatti input, .modulo-contatti textarea{width:70%; display:block; margin:10px auto}
.modulo-contatti input.wpcf7-submit{margin-top:30px}

@media all and (max-width:767px)
{
	.wpcf7-form input, .wpcf7-form textarea {width:100%; float: none}
}

/* ICONE */
.icona_home.wpb_single_image .vc_single_image-wrapper {max-width:51px}
.icona_home.wpb_single_image .vc_figure{padding:20px; border-radius:50px}
.icona_bg_azzurro.wpb_single_image .vc_figure{background-color:#ddf7f6}
.icona_bg_rosa.wpb_single_image .vc_figure{background-color:#ffe3ec}

/* HOME */
.loghi_clienti_tc .wpb_single_image{max-width:160px}
.loghi_clienti_tc .wpb_single_image img{filter:grayscale(1); transition:0.2s}
.loghi_clienti_tc .wpb_single_image img:hover{filter:none}
h1.home_title_intro{font-size:54px !important; line-height:70px !important}

@media all and (max-width:991px)
{
	.img_profilo_home{max-width:130px}	
	h1.home_title_intro{font-size:42px !important; line-height:50px !important}	
}
@media all and (max-width:419px)
{
	h1.home_title_intro{font-size:32px !important; line-height:36px !important}	
}

/* SERVIZI */
.img_servizi {border-radius:50px}
.img_servizi.wpb_single_image .vc_single_image-wrapper{max-width:50%; padding:25px; border-radius}
.box_cloud .row .vc_row-o-equal-height{min-height:420px}

.box_servizi > .wpb_column .vc_column-inner{border-radius:20px; background:#fafafa; border:1px solid #bbb; padding: 28px 33px}

/* FOOTER */
div.footer-copyright, .footer-section{background-color:#f5f5f5; color:#92989f}
div.footer-copyright{font-size:14px; line-height:22px}
.footer-section{padding-top:60px}
.footer-section h2, .footer-section h3.widget-title{font-family:"Rubik", Helvetica, Arial, sans-serif; font-size: 16px; color:#92989f; margin-bottom:5px}
.footer-sidebar .widget_nav_menu ul li{float:none; width:100%; line-height:20px}
.footer-sidebar .widget_nav_menu ul li a::before{display:none}
.footer-sidebar .widget_nav_menu ul li a{color:#2f2f2c; line-height:22px; font-size:14px}
.team-chart-footer-logo-wrapper{max-width:250px}
.footer-sidebar{padding-top:40px; border-bottom:1px solid #ddd}