s/**
 * @file
 * Use this CSS file to override theme CSS rules
 */
/**
 * @file
 * Gray Orange color styling for Startup Growth Lite.
 *
 * Base color: #de4d00		207eff
 * Dark color: #c14300		3c88ee
 * Light color: #ff6a1b
 * Very light color: #ffd6c1	3c88ff
 * RGB Base color: 222, 77, 0
 * RGB Dark color: 193, 67, 0
 * RGB Light color: 255, 106, 27
 * RGB Very Light color: 255, 214, 193
 */

/* base: elements */
a {
  color: #207eff;
}
a:hover,
a:focus {
  color: #ff6a1b;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #ff6a1b;
}
blockquote:after {
  color: #ff6a1b;
}

/* base: layout */
.colored-region {
  background-color: #207eff;
}
.colored-region.dark {
  background-color: #c14300;
}
.light-colored-region {
  background-color: #ffd6c1;
}
.colored-region + .content-top-highlighted:before {
  border-top-color: #207eff;
}
.colored-region.dark + .content-top-highlighted:before {
  border-top-color: #c14300;
}
.light-colored-region + .content-top-highlighted:before {
  border-top-color: #ffd6c1;
}
.colored-region.content-top-highlighted:after {
  border-top-color: #207eff;
}
.colored-region.dark.content-top-highlighted:after {
  border-top-color: #c14300;
}
.light-colored-region.content-top-highlighted:after {
  border-top-color: #ffd6c1;
}
.colored-region + .highlighted:before {
  border-top-color: #207eff;
}
.colored-region.dark + .highlighted:before {
  border-top-color: #c14300;
}
.light-colored-region + .highlighted:before {
  border-top-color: #ffd6c1;
}
.colored-region.highlighted:after {
  border-top-color: #de4d00;
}
.colored-region.dark.highlighted:after {
  border-top-color: #c14300;
}
.light-colored-region.highlighted:after {
  border-top-color: #ffd6c1;
}
.colored-region.black a {
  color: #de4d00;
  text-decoration: none;
}
.colored-region.black a:hover {
  color: #ff6a1b;
}

/* components: breadcrumb */
.breadcrumb a:hover {
  color: #ff6a1b;
}

/* components: buttons */
a.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #207eff;
}
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: #ff6a1b;
}
.colored-region:not(.black) a.button,
.colored-region:not(.black) input[type="submit"],
.colored-region:not(.black) input[type="reset"],
.colored-region:not(.black) input[type="button"] {
  background-color: #ff6a1b;
  border-color: #ff6a1b;
}
.colored-region:not(.black) a.button:hover,
.colored-region:not(.black) input[type="submit"]:hover,
.colored-region:not(.black) input[type="reset"]:hover,
.colored-region:not(.black) input[type="button"]:hover {
  background-color: rgba(255, 106, 27, 0.7);
}

/* components: comments */
.comment ul.links li a {
  color: #207eff;
}
.comment ul.links li a:hover {
  color: #ff6a1b;
}

/* components: icons-list */
ul.icons-list li a {
  border-color: #de4d00;
}
ul.icons-list li a:hover {
  background-color: #ff6a1b;
  border-color: #ff6a1b;
}
.colored-region ul.icons-list li a {
  border-color: #ff6a1b;
}
.colored-region.black ul.icons-list li a {
  color: #ff6a1b;
}
.colored-region ul.icons-list li a:hover {
  background-color: #ff6a1b;
  border-color: #ff6a1b;
}

/* components: image-overlay */
.overlay {
  background: rgba(255, 106, 27, 0.75);
  background: -moz-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 106, 27, 0.75)), color-stop(100%, rgba(222, 77, 0, 0.75))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* W3C */
}

/* components: field-mt-video */
.video-item > a:before {
  background: rgba(255, 106, 27, 0.75);
  background: -moz-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 106, 27, 0.75)), color-stop(100%, rgba(222, 77, 0, 0.75))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); /* W3C */
}

/* components: menu */
ul.menu li.menu-item > a:before {
  color: #207eff;
}
ul.menu li > a:hover:before {
  color: #207eff;
}
ul.menu li.menu-item--expanded > a:hover:before {
  color: #de4d00;
}
.header-container ul.menu li a:hover,
.header-container nav>ul.menu>li.menu-item--active-trail>a:hover {
  color: #207eff;
}
.header-container ul.menu li li a:hover {
  color: #ffffff;
}
.subfooter-area ul.menu li a:hover {
  color: #ff6a1b;
}
.colored-region:not(.black) ul.menu li a:hover {
  background-color: #ff6a1b;
}
.colored-region.black ul.menu li a:hover {
  color: #ff6a1b;
}
.colored-region.black ul.menu li.menu-item--active-trail > a:before {
  color: #207eff;
}
.header-container .sf-menu>li>a:hover,
.header-container .sf-menu>li.sfHover>a {
  color: #207eff;
}

/* components: more-links */
.view-promoted-items--style-2 .more-link a {
  background-color: #de4d00;
}
.view-promoted-items--style-2 .more-link a:hover {
  background-color: #ff6a1b;
}
.view-promoted-items--style-2 .views-row .more-link a {
  color: #207eff;
}
.view-promoted-items--style-2 .views-row .more-link a:hover {
  color: #ff6a1b;
  background-color: transparent;
}
.colored-region .view-promoted-items--style-2 .more-link a {
  background-color: #ff6a1b;
}

/* components: node-links */
ul.links li a {
  background-color: #207eff;
}
ul.links li a:hover {
  background-color: #ff6a1b;
}
.colored-region:not(.black) ul.links li a {
  background-color: #ff6a1b;
  border-color: #ff6a1b;
}
.colored-region:not(.black) ul.links li a:hover {
  background-color: rgba(255, 106, 27, 0.7);
}

/* components: node */
.post-progressbar {
  background-color: #207eff;
}
.node--type-mt-testimonial .field--name-body p:first-child:after {
  color: #ff6a1b;
}
@media (min-width: 768px) {
  .node--submitted-info i {
    color: #207eff;
  }
  .comment-counter {
    color: #207eff;
  }
}

/* components: pager */
li.pager__item > a:hover {
  border-bottom-color: #ff6a1b;
  color: #ff6a1b;
}
li.pager__item.is-active a,
li.pager__item.is-active:last-child a {
  border-color: #207eff;
  color: #207eff;
}

/* components: parallax-and-video-bg */
.parallax-active .colored-region .highlighted-bottom-transparent-bg,
.video-bg-active .colored-region .highlighted-bottom-transparent-bg {
  background-color: rgba(222, 77, 0, 0.8);
}
.parallax-active .colored-region.dark .highlighted-bottom-transparent-bg,
.video-bg-active .colored-region.dark .highlighted-bottom-transparent-bg {
  background-color: rgba(193, 67, 0, 0.8);
}

/* components: slider-revolution-global */
.caption-link a {
  background: #ff6a1b;
}

/* components: tabs */
.colored-region .nav-tabs > li.active > a,
.colored-region .nav-tabs > li > a:hover {
  border-color: #c2c2c2 #c2c2c2 #207eff #c2c2c2;
}
.colored-region.dark .nav-tabs > li.active > a,
.colored-region.dark .nav-tabs > li > a:hover {
  border-bottom-color: #c14300;
}

/* components: view-highlighted-testimonials */
.colored-region.black .view-testimonials--highlighted .views-field-body p:first-child:after {
  color: #ff6a1b;
}

/* components: view-popular-taxonomy */
.colored-region:not(.black) .view-mt-popular-tags .views-row a {
  background-color: #ff6a1b;
}

/* components: view-pricing-tables */
.view-pricing-tables .pricing-table {
  border: 1px solid #207eff;
}
.view-pricing-tables .pricing-table-header {
  background-color: #207eff;
}
.view-pricing-tables .views-field-field-mt-price {
  background-color: ##207eff;
}

/* components: view-promoted-items */
.view-promoted-items .info a.comments:after {
  color: ##3c88ee;
}

/* components: view-testimonials */
.view-testimonials .views-field-body p:first-child:after {
  color: #ff6a1b;
}

/* components: views */
.views-field-title a {
  color: #207eff;
}
.views-field-title a:hover {
  color: #ff6a1b;
}
.white-region.content-top .views-field-title a:hover,
.light-gray-region.content-top .views-field-title a:hover {
  color: #ff6a1b;
}
.header {
    background-color: #0870ff;
    opacity: 0.9;
}
.onscroll .header {
    background-color: #207eff;
	 opacity: 0.9;
}

/*body {
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.55;
  color: #3f3f3f;
  text-rendering: optimizelegibility;
}*/

body p {
	font-family: 'Roboto Slab',Helvetica,Serif;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.55;
    color: #3f3f3f;
	margin: 2px 18px 0 0;
    text-rendering: optimizelegibility;
}

.header-container ul.menu li a {
    color: #ffffff;
}

.field--name-field-sottotitolo {
font-family: 'Times',Serif;
font-size: 18px;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
}

.node header h2 a:hover {
  text-decoration: none; /* underline; */
  color: #207eff;
}

h2.node__title a:hover {
  text-decoration: none; /* underline; */
  color: #207eff;
}

h4 a:hover {
  text-decoration: none; /* underline; */
  color: #207eff;
}

h4 {
	margin-top: 5px;
	text-transform: none;
	font-size: 1.2em;
    font-weight: 400;
}

.image-style-medium {
	float: left;
	margin: 0 16px 0 0;
}

.images-container {
    margin: 0 24px 0 0;
    float: left;
}
.image-style-galleria-fine-articolo{
	float: left;
	margin: 5px 3px 5px 0;
}
img.image-style-large {
float: left;
	margin: 5px 12px 5px 0;
}

.overlay {
    /* background: rgba(255,106,27,0.75); */
    background: -moz-linear-gradient(top,rgba(255,106,27,0.75) 0%,rgba(222,77,0,0.75) 100%);
    /* background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,106,27,0.75)),color-stop(100%,rgba(222,77,0,0.75))); */
    /* background: -webkit-linear-gradient(top,rgba(255,106,27,0.75) 0%,rgba(222,77,0,0.75) 100%); */
    background: -o-linear-gradient(top,rgba(255,106,27,0.75) 0%,rgba(222,77,0,0.75) 100%);
    background: -ms-linear-gradient(top,rgba(255,106,27,0.75) 0%,rgba(222,77,0,0.75) 100%);
    /* background: linear-gradient(to bottom,rgba(255,106,27,0.75) 0%,rgba(222,77,0,0.75) 100%); */
}
.overlay {
    /* background: rgba(255, 106, 27, 0.75); */
    background: -moz-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 106, 27, 0.75)), color-stop(100%, rgba(222, 77, 0, 0.75))); */
    /* background: -webkit-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); */
    background: -o-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%);
    background: -ms-linear-gradient(top, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%);
    /* background: linear-gradient(to bottom, rgba(255, 106, 27, 0.75) 0%, rgba(222, 77, 0, 0.75) 100%); */
}


.colored-region {
    background-color: rgba(37,37,37,0.8);
}
   
.overlay {
background: linear-gradient(to bottom, rgba(255,255,255,.15) 0%, rgba(255,255,255,.15) 100%);
}

.overlay i{
	visibility: hidden;
}

.field--name-user-picture img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 68px;
float: left;
margin: -15px 10px 5px 0;
}

h2.node__title {
    margin-bottom: 20px;
    text-transform: none;
    font-size: 1.4em;
}

h1.page-title {
    margin-bottom: 10px;
    text-transform: none;
    font-size: 1.5em;
}

.field--name-field-sottotitolo {
font-family: 'Times New Roman',Serif;
font-size: 1.2em;
font-style: italic;
line-height: 1.20;
padding: 0;
margin: 20px 0 10px 0;
}

.light-colored-region {
    background-color: #eee;
}

image-style-medium {
    float: left;
    margin: 0 16px 16px 0;
}

a.overlayed{ 
			display: inline;
			}

.title.page-title{
				   display:none;
				  }
body:not(.path-frontpage) .title.page-title {
    display:block;
}
/*body:not(.path-frontpage) .main {
    padding: 10px 18px 10px;
    border-right: 1px solid #c2c2c2;
}*/

body:not(.page-node-type-article) .main {
    padding: 0 18px 10px;
    border-left: 1px solid #c2c2c2;
}
body .main {
    padding: 10px 18px 10px;
	margin: 0 10px 0 10px;
    border-right: 1px solid #c2c2c2;
}

view-hp-colonna-sx {
    border-right: 1px solid silver;
    padding-right: 12px;
}

/*#main.main-area {
    padding: 10px 12px 0;
    border-right: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
}*/

.abstract-hp-lat, .abstract-hp {
    font-size: 0.7em;
    line-height: 0.75;
}

/*.abstract-hp-lat{
    font-size: 0.7em;
    line-height: 1.1;
}*/

.progress {
    background-color: #F86400;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    z-index: 1000;
}

.block {
    padding: 0 0 0 0;
}
.page{
	  padding: 0;
      }

/* Stampa pagina */
@media print { 
 /* All your print styles go here */
 #block-startupgrowth-lite-page-title, #header-inside-third, #nav { display: none !important; } 
	img.image-style-large {
		width: 360px;
		float: left;
		margin: auto;
}
		img.field--name-field-image {
		width: 400px;
		margin: 1px;
}
	.breadcrumb{
				font-size: 14px;
	}
	img.site-branding__logo{
	display:hidden;
	}
	
	.logo{
		background-color: #0870ff;
		}
	
}
/* Immagini listing Ultime notizie */
.views-field.views-field-field-foto-di-copertina {
    float: left;
    margin: 10px 18px 5px 0;
}

.views-field.views-field-title { margin-top: 20px; }
.views-field.views-field-field-sottotitolo {margin-bottom: 10px; }

.views-field.views-field-created{
	display: block;
	clear: right;
	margin-bottom: 30px;
    font-style: italic;
	font-size: 10px;
}

/* Stile comune per tutti i box della home */
.path-frontpage .views-row {
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 4px;
    transition: transform 0.2s ease;
    border-top: 4px solid; /* Il colore verrà definito sotto */
}

/* Effetto leggero al passaggio del mouse per modernizzare il look */
.path-frontpage .views-row:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

/* COLONNA SINISTRA (sidebar-first) - Azzurro Polvere */
#sidebar-first .views-row {
    background-color: #f0f7ff;
    border-top-color: #337ab7; /* Riprende il blu dei link/header */
}

/* COLONNA DESTRA (sidebar-second) - Grigio Perla Caldo */
#sidebar-second .views-row {
    background-color: #f9f9f9;
    border-top-color: #999999; /* Tonalità neutra per i servizi */
}

/* COLONNA CENTRALE (content) - Bianco con bordo sottile */
/* Spesso al centro si preferisce non colorare lo sfondo per non appesantire 
   la lettura degli articoli lunghi, ma daremo solo il bordo superiore */
section.col-md-6 .views-row {
    background-color: #ffffff;
    border-top-color: #e2e2e2;
    padding-left: 0;
    padding-right: 0;
}

/* Ottimizzazione immagini e titoli nei box colorati */
.views-row img {
    margin-bottom: 10px;
    border-radius: 2px;
}

.views-row h4, .views-row h2 {
    margin-top: 5px;
    line-height: 1.3;
}


/* ultime */
/* 1. Reset della riga */
.path-ultime-notizie .view-ultime-notizie .views-row {
    position: relative !important; /* Fondamentale per l'ancoraggio */
    display: block !important; /* Cambiamo da flex a block per gestire meglio i margini */
    padding: 20px 20px 20px 285px !important; /* Crea lo spazio a sinistra per l'immagine */
    margin-bottom: 30px !important;
    background-color: #fcfcfc !important; 
    border-top: 4px solid #207eff !important;
    min-height: 180px; /* Assicura che il box sia alto almeno quanto l'immagine */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 2. Posizionamento fisso dell'immagine a sinistra */
.path-ultime-notizie .views-field-field-foto-di-copertina {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    width: 240px !important;
    float: none !important;
    margin: 0 !important;
}

.path-ultime-notizie .views-field-field-foto-di-copertina img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px;
}

/* 3. Allineamento di tutti i testi sulla destra */
.path-ultime-notizie .views-row > div:not(.views-field-field-foto-di-copertina),
.path-ultime-notizie .views-row > span {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    clear: none !important;
}

/* 4. Formattazione e Ordine (Argomento, data, Titolo, Sottotitolo) */

/* ARGOMENTO */
.path-ultime-notizie h5 {
    color: #207eff !important;
    font-weight: bold !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    margin: 0 0 5px 0 !important;
}

/* DATA */
.path-ultime-notizie .views-field-created {
    margin-bottom: 8px !important;
    font-size: 0.8rem !important;
    color: #888 !important;
    font-style: italic !important;
}

/* TITOLO */
.path-ultime-notizie .views-row > span h4 {
    margin: 0 0 10px 0 !important;
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
}

/* SOTTOTITOLO */
.path-ultime-notizie .views-field-field-sottotitolo {
    font-family: 'Times New Roman', Times, serif !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    color: #444 !important;
}

/* 5. FIX MOBILE */
@media (max-width: 768px) {
    .path-ultime-notizie .view-ultime-notizie .views-row {
        padding: 15px !important;
    }
    .path-ultime-notizie .views-field-field-foto-di-copertina {
        position: static !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
}

/*footer*/
/* Cambia il colore del testo generico nel subfooter */
#subfooter.colored-region,
#subfooter.colored-region p,
#subfooter.colored-region div {
    color: #ffffff !important;
}

/* Cambia il colore dei link nel footer (come il link 'Contatto') */
#subfooter.colored-region ul.menu li a {
    color: #ffffff !important;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

/* Effetto hover per i link per mantenerli interattivi */
#subfooter.colored-region ul.menu li a:hover {
    color: #ffffff !important;
    opacity: 0.8;
    text-decoration: underline;
}

/* Stile per l'orario sotto la data */
.node--submitted-info .time {
    font-weight: 300;       /* Rende il carattere sottile (se il font lo supporta) */
    font-size: 0.95rem;     /* Riduce la dimensione (puoi usare anche 12px) */
    color: #666;            /* Opzionale: un grigio leggermente più chiaro */
    text-align: center;     /* Lo mantiene centrato sotto la data */
    margin-top: 2px;        /* Distanza minima dai numeri della data */
    line-height: 1;         /* Evita spaziature verticali eccessive */
}


/* Home formato desktpo anche su mobile */
@media (max-width: 991px) {
  /* Applica solo quando la classe è attiva */
  body.user-forced-desktop {
    width: 1000px !important; 
    overflow-x: visible !important;
    display: block !important;
  }

  /* Forza larghezza fissa su contenitori e header */
  body.user-forced-desktop .container,
  body.user-forced-desktop .header-container,
  body.user-forced-desktop #main-content,
  body.user-forced-desktop .navbar {
    width: 1000px !important;
    max-width: none !important;
    min-width: 1000px !important;
  }

  /* Allineamento 3 colonne */
  body.user-forced-desktop #main-content .row {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  body.user-forced-desktop section.col-md-6 {
    width: 50% !important;
    left: 25% !important;
    float: left !important;
  }

  body.user-forced-desktop aside.col-md-3.col-md-pull-6 {
    width: 25% !important;
    right: 50% !important;
    float: left !important;
  }

  body.user-forced-desktop aside.col-md-3:not(.col-md-pull-6) {
    width: 25% !important;
    float: left !important;
  }
}

/* righe divisione colonne in home */
/* Bordi rossi: rimangono solo dove la struttura è a colonne */
body.path-frontpage:not(.page-node-type-article) .main {
    padding: 0 18px 10px;
    border-left: 3px solid #e60000 !important;
}
body.path-frontpage:not(.page-node-type-article) .main {
    padding: 0 18px 10px;
    border-right: 3px solid #e60000 !important;
}