/* 28022024 - Layout Flex - Home */
.flex-container-home {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    overflow: auto;
    flex-direction: row;
  flex-flow: row wrap;
  padding-bottom: 30px;
}

.flex-container-home div {
    width: 31%;
    height: auto;
    /*margin: 8px;*/
}

.flex-container-home h3 {
  font-size: /*2.3em*/ 1.6em;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 12px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  line-height: 1.2em;
}

.flex-container-home p.italy {
  letter-spacing: 2px;
  margin-top: 0px;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.flex-container-home p {
  text-align: center !important;
}

.flex-container-home p.text {
  padding: 0px 8px !important;
}

.flex-container-home a {
  color: inherit !important;
  text-decoration: none;
}


@media only screen and (max-width: 767px) {
  
  .flex-container-home div {
      width: 100% !important;
  }
  
}




/* ========================================================================
   CSS
 ========================================================================== */

/* Titoli grandi su mobile */
@media (max-width: 767px) {
  
    .tm-panel-icon.uk-text-center > h3 {
        overflow: hidden;
        text-overflow: clip;
        white-space: unset;
        font-size: 38px;
    	line-height: 47px;
    }
  
  
  	h3.uk-h1, .uk-h1 {
    	font-size: 28px;
    	line-height: 33px;
	}
  
}
  
 



/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }

.uk-block-primary {
    background: #ffffff;
}

.uk-block-default {
    background: #ffffff;
}

.uk-block-muted {
    background: #f9f9f9;
}

.uk-block-secondary {
    background: #f5f5f5;
    color: #666;
}

/*.tm-block-footer {
    background: #f9f9f9;
}*/



/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
	/* Dicembre 2016 */
.uk-nav-side ul a:hover {color: #333 !important;}

		/* Form */
div.modulocontattaci {padding: 11px;}
				/* titolo */
div.modulocontattaci h3.uk-panel-title {text-align: center;}
				/* textarea */
div.modulocontattaci textarea.rsform-text-box {height: 100px; border: 3px solid #f4f4f4;}
				/* campi */
div.modulocontattaci input.rsform-input-box {border: 3px solid #f4f4f4;}
				/* privacy */
div.modulocontattaci li.rsform-block.rsform-block-privacy div.formCaption {width: 84%;}
				/* bottone */
input.rsform-submit-button {
    background: #ea168c none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    clear: both !important;
    color: #fff;
    display: block;
    font-size: 17px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 17px;
    padding: 8px 22px;
    text-align: center;
    text-transform: uppercase;
    width: 118%;
}


/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }



/* Testo Leggibile su slideshow */
.uk-heading-large {text-shadow: 0 3px 3px #000;}



/* Cambio il colore delle voci di menù */
.uk-navbar-nav > li.uk-active > a {color: #ea168c;}

.uk-navbar-nav > li > a::after {background: #ea168c;}
.uk-navbar-nav > li > a::after {color: #ea168c;}


/* Colore Icona */
.tm-panel-icon.uk-text-center > h3 [class*="uk-icon-"] {color: #ea168c;}
  

/* Colore sottotitolo */
p.uk-text-large{color: #ea168c;}

/* Classe per dare margin-top ai moduli */
.margine-sopra{margin-top: 45px;}


/* Modifico il valore di Overlay dei Widgetkit */
.uk-overlay-background {background: rgba(34, 34, 34, 0.2) none repeat scroll 0 0;}


/* Titoletto singolo Grid Stack */
.uk-panel-title{color: #ea168c;}

/* Bottone Grid Stack */
.uk-button {background: #ea168c !important;}


/* Classe .uk-h1 */
h1, .uk-h1 {font-size: 48px;}


/* Classe .uk-h2 */
h2, .uk-h2 {color: #222222;}



/* Titoli modulo "Gli ultimi articoli dal Blog" */
.uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus {
    color: #ea168c;
}



/* Modulo Call to action in basso */

	/* Sfondo fucsia */
.fucsia{background: #ea168c;}

#tm-bottom-c{background: #ea168c;}

	/* Testo bianco */
.bianco{color: #ffffff !important;}

	/* Bottone bianco con testo fucsia */
.sfondobianco{background: #ffffff !important; color: #ea168c;}
.sfondobianco:hover, .sfondobianco:focus{
  background: #ffffff !important;
  color: #ea168c;
  box-shadow: 1px 1px 15px #888;
  transform: scale(1.1);
  transition: 0.45;
  transition-duration: 0.35s;
}


/* Footer */
    /* Colore testofooter */
    .tm-block-footer .tm-footer {color: #666;}

    /* Sfondo footer */
    .tm-block-footer{background: #f9f9f9;}


.uk-block-secondary a:not([class]), .uk-block-secondary .uk-link {
    color: #ea168c;
}


/* Bottom-e */
	
	/* Sfondo */
.uk-block-secondary{background: #f5f5f5; color: #666;}
	/* Titoletti */
.uk-panel-header .uk-panel-title {color: #222222 !important;}
	/* Social */
.uk-block-secondary .uk-text-muted, .uk-block-secondary .uk-link-muted, .uk-block-secondary .uk-link-muted a{color: #222222 !important;}


/* Titolo modulo sidebar */
.uk-panel-box .uk-panel-title {color: #ea168c;}

	/* Bordino modulo sidebar */
/*.uk-panel-box {border: 1px solid #ea168c;}*/

	/* Voci attive */
.uk-nav-side > li.uk-active > a {background: #facde3;}


/* Creo la classe per i titoli degli articoli */
.titolofucsia{color: #ea168c;}


/* Voci attive sottomenu */
.uk-dropdown-navbar .uk-nav-navbar > li.uk-active >a {color: #ea168c;}


/* Colore titoli blog */
.uk-article-title a{color: #ea168c;}


/* Link */
a, .uk-link {color: #ea168c;}


/* Effetto link dopo clic */
.uk-nav-side > li > a:active {background: #FACDE3;}


/* Titoli accordion */
.uk-accordion-title, .uk-accordion-title.uk-active {color: #ea168c;}

	/* Sfondo accordion */
.uk-accordion-title.uk-active, .uk-accordion-title {background: #fafafa;}


/* Sfondo sidebar b*/
.uk-panel-box-secondary{background: #fcfcfc;}


/* Titolo articoli */
h1.uk-article-title{font-size: 46px;}


/* Bottone articoli più recenti */
.uk-button{font-size: 15px !important;}


/* Testo Selezionato */

	/* p */
p::selection {
background:#FACDE3 !important;
}
p::-moz-selection {
background:#FACDE3 !important;
}
p::-webkit-selection {
background:#FACDE3 !important;
}
	/* h1 */
h1::selection{
background:#FACDE3 !important;
}
h1::-moz-selection{
background:#FACDE3 !important;
}
h1::-webkit-selection{
background:#FACDE3 !important;
}
	/* h2 */
h2::selection{
background:#FACDE3 !important;
}
h2::-moz-selection{
background:#FACDE3 !important;
}
h2::-webkit-selection{
background:#FACDE3 !important;
}
	/* h3 */
h3::selection{
background:#FACDE3 !important;
}
h3::-moz-selection{
background:#FACDE3 !important;
}
h3::-webkit-selection{
background:#FACDE3 !important;
}



/* Gli ultimi articoli dal blog - Altezza minima div immagini */
/*.uk-panel-box > .uk-panel-teaser {
    min-height: 355px;
}*/

/* .uk-overlay-fade, .uk-overlay-scale, .uk-overlay-spin, .uk-overlay-grayscale, .uk-overlay-blur, [class*="uk-overlay-slide"]{
	max-width: 180% !important;
    min-height: 366px !important;
    min-width: 100% !important;
} */


/* h1 blog */
h1.uk-article-title {
    font-size: /*23*/27px;
    line-height: 38px;
  	color: #ea168c;
}

/* h2 blog */
main#tm-content.tm-content div.uk-grid.tm-leading-article div.uk-width-1-1 article.uk-article div.uk-grid.uk-grid-width-medium-1-2 div.uk-flex.uk-flex-center.uk-flex-middle div.uk-panel.tm-panel-medium-padding div.tm-article-content.uk-margin h2 {font-size: 19px; line-height: 29px;}


.centrato {display: block; margin-left: auto; margin-right: auto; text-align: center;}

	
	/* Gennaio 2017 */

/* Immagini articolo esteso */
main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large {min-height: 516px !important;}

/* Immagini anteprima vista Blog */
body.tm-sidebars-1.tm-isblog article.uk-article a.tm-article-image.tm-article-image-large.uk-display-block {min-height: 516px !important;}


/* Menù sopra slide trasparente - solo in Home */

	/* Slide con menù trasparente */
html.uk-notouch body.tm-isblog.homepage div#tm-top-a.tm-block-top-a.uk-block.uk-block-muted.tm-block-fullwidth.tm-block-collapse div.uk-container.uk-container-center section.tm-top-a div.slidehome {
  margin-top: -101px;
}



	/* Sfondo menù */
/* body.tm-isblog.homepage .tm-navbar-transparent {
  background-color: transparent;
} */
		/* Altre pagine */
/* body.tm-isblog .tm-navbar-transparent {
  background-color: #fff;
} */

	/* Voci di menù */
/* body.tm-isblog.homepage .uk-navbar-nav > li > a {
  color: #fff !important;
  font-weight: 600;
} */

		/* Altre pagine */
/*body.tm-isblog .uk-navbar-nav > li > a {
  color: #777777 !important;
} */



	/* Ottobre 2017 */

body.tm-sidebars-1.tm-isblog div#tm-main main div.tm-leading-article  article div.uk-grid-width-medium-1-2 div.tm-article-image {
  width: 439px !important;
  height: 375px !important;
  min-height: 375px !important;
}


body.tm-sidebars-1.tm-isblog div#tm-main main article.uk-article div.uk-grid.uk-grid-width-medium-1-2 div.uk-panel.tm-article-image {
  width: 439px !important;
  height: 375px !important;
  min-height: 375px !important;
}


	/* h2 articolo */
body.tm-sidebars-1.tm-isblog div.tm-article-content h2 {
    font-size: 19px;
  	line-height: 29px;
}


/* Paginazione */
.uk-pagination > .uk-active > span {
    background: #EA168C;
    color: #ffffff;
}



/* Novembre 2017 */

	/* Sfondo menù come da ulteriore richiesta */
.tm-navbar-transparent {
    background-color: rgba(255,255,255,0.2);
}

	/* Barra Social in alto */
.tm-block-toolbar .tm-toolbar-container {
  float: right !important;
  background-color: #E8E8E8 !important;
  border: none !important;
  min-height: 39px !important;
}

.tm-toolbar-container {
  background-color: transparent !important;
}

.tm-block-toolbar {
    background-color: #e8e8e8 !important;
    border-bottom: none !important;
}


	/* Sottovoci menù */
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #EA168C;
    color: #fff;
    outline: none;
}


/* Dicembre 2017 */

	/* Link footer */
.tm-block-footer .tm-footer a:hover {
    color: #ea168c !important;
}
.tm-block-footer .tm-footer a {
    color: #ea168c !important;
}


	/* Menù */
body.tm-isblog.homepage div.uk-sticky-placeholder div.tm-navbar nav div.tm-nav ul.uk-navbar-nav li a {
  font-weight: 600;
}

html.uk-notouch body.tm-isblog.homepage div.uk-sticky-placeholder div.tm-navbar.tm-navbar-overlay.uk-active.uk-animation-slide-top div.uk-container.uk-container-center nav.tm-navbar-container div.tm-nav.uk-hidden-small ul.uk-navbar-nav.uk-hidden-small li.uk-parent a,
html.uk-notouch body.tm-isblog.homepage div.uk-sticky-placeholder div.tm-navbar.tm-navbar-overlay.uk-active.uk-animation-slide-top div.uk-container.uk-container-center nav.tm-navbar-container div.tm-nav.uk-hidden-small ul.uk-navbar-nav.uk-hidden-small li a {
  font-weight: 300 !important;
}


/* h2 Ultimi articoli dal blog - Home */
html.uk-notouch body.tm-isblog.homepage div#tm-bottom-d.tm-block-bottom-d.uk-block.uk-block-primary.tm-block-fullwidth div.uk-container.uk-container-center section.tm-bottom-d.uk-grid div.uk-width-1-1.uk-row-first div.uk-panel.margine-sopra div div div.uk-slidenav-position.uk-margin ul.uk-slideset.uk-grid.uk-grid-match.uk-flex-center.uk-grid-width-1-1.uk-grid-width-medium-1-3.uk-grid-width-large-1-3.uk-grid-medium li.uk-active div.uk-panel.uk-panel-box.uk-text-center div.uk-margin h2 {
  font-size: 20px;
  line-height: 26px;
}










  	/* Offcanvas */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
	background: #ea168c !important;
}  


.homepage .uk-navbar-toggle {
  color: #fff;
}


/* -------------------  Media queries  ------------------- */



 /* Menù fork - Hamburger Menù Tablet */
@media (max-width: 1221px) {    

  
  /* Menù offcanvas su Tablet */
    .tm-navbar, .tm-navbar.tm-navbar-small {  
    height: 100px;  
    }  

    .tm-navbar .uk-visible-small {     
    display: block !important;     
    }    

    .tm-navbar .uk-hidden-small,    
    .tm-toolbar.uk-hidden-small {     
    display: none !important;     
    }  

    .tm-navbar, .tm-navbar > div, .tm-navbar .uk-navbar-nav > li > a,
  	.tm-navbar .uk-navbar-content, .tm-navbar .uk-navbar-brand, .tm-navbar .uk-navbar-toggle {
    height: 90px !important;
    }
    .tm-navbar-fixed .tm-navbar + .tm-block {
    padding-top: 0px;
    }

    h3, .uk-h3 {
    font-size: 20px;
    line-height: 26px;
    }

    .wk-slideshow .caption {
    display: none;
    }
  
  /* */
  div.uk-sticky-placeholder {
    height: 90px !important;
  }
  
  
  /* Top A */
  body.homepage div#tm-top-a {
    margin-top: -90px !important;
  }
  
  
  /* Logo nero su sfondo bianco - after scroll */
  .tm-navbar.tm-navbar-overlay.uk-active.uk-animation-slide-top nav.tm-navbar-container a.uk-responsive-width.uk-responsive-height img {
    filter: none !important;
  }
  
  
  /* Bottone menù offcanvas - after scroll */
  .tm-navbar.tm-navbar-overlay.uk-active.uk-animation-slide-top nav.tm-navbar-container a.uk-navbar-toggle.uk-visible-small {
    color: #333 !important;
  }
  
  
  /* Bottom D - Ultimi articoli dal Blog */
  
  		/* Titolo */
.homepage div#tm-bottom-d section.tm-bottom-d div div.uk-slidenav-position ul.uk-slideset.uk-grid.uk-grid-match li.uk-active div.uk-panel.uk-panel-box.uk-text-center h3 {
	font-size: 20px !important;
	line-height: 28px !important; 
  }
  
  		/* Sottotitolo */
.homepage div#tm-bottom-d section.tm-bottom-d div div.uk-slidenav-position ul.uk-slideset.uk-grid.uk-grid-match li.uk-active div.uk-panel.uk-panel-box.uk-text-center div.uk-margin h2 {
    font-size: 15px !important;
    line-height: 25px !important;
  }
  
  
  
  

}







@media only screen and (min-width : 320px) and (max-width : 740px) {


	/* Slide sotto menù */
body.homepage div#tm-top-a, html.uk-notouch body.tm-isblog.homepage div#tm-top-a.tm-block-top-a.uk-block.uk-block-muted.tm-block-fullwidth.tm-block-collapse div.uk-container.uk-container-center section.tm-top-a div.slidehome {
  margin-top: -90px !important;
}
  
  
  
  
  
  
  
  
  
}