/* 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;
  }
  
}



/* Form dopo aggiornamento 30092020 - PAGINA CONTATTI */
div#tm-bottom-b.tm-block-bottom-b.uk-block.uk-block-muted div.uk-container.uk-container-center section.tm-bottom-b.uk-grid div.uk-width-1-1.uk-width-medium-1-2 div.uk-panel.uk-panel-box.modulocontattaci div form#userForm.formResponsive fieldset div.formRow div.formSpan12 div.rsform-block.rsform-block-invia div.formControls div.formBody input#Invia.rsform-submit-button {
  background: #ea168c;
  width: 100%;
  max-width: 225px;
  padding: 10px;
  font-size: 18px;
}


/* Form dopo aggiornamento 30092020 - ALTRE PAGINE */

	/* Bottone */
aside.tm-sidebar-b form fieldset div.formRow /*div.formSpan12*/ div.rsform-block.rsform-block-invia div.formControls div.formBody input#Invia.rsform-submit-button {
  background: #ea168c;
  width: 100%;
  max-width: 225px;
  padding: 10px;
  font-size: 18px;
}

	/* Acconsento */
aside.tm-sidebar-b form fieldset div.formRow div.rsform-block.rsform-block-privacy {
  display: flex;
}

aside.tm-sidebar-b form fieldset div.formRow div.rsform-block.rsform-block-privacy label.formControlLabel {
  min-width: 107px;
  top: 3px;
  position: relative;
}


/* -------------------- Menù fork, Hamburger Menù Tablet + Visual 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;
  }

  
  
  
}  
  
  
  
  
  
  /* Location / Cerimonie > Visualizzazione Blog su Tablet */
@media (min-width : 700px) and (max-width: 1221px) { 
  
  
  		/* Location - Larghezza corpo main */
  .hotel-di-lusso div#tm-main div.tm-main.uk-width-medium-3-4,
  .palazzi-veneziani div#tm-main div.tm-main.uk-width-medium-3-4,
  .terrazze-panoramiche div#tm-main div.tm-main.uk-width-medium-3-4,
  .giardini-segreti div#tm-main div.tm-main.uk-width-medium-3-4 {
    width: 67%;
  }
  
  		/* Cerimonie - Larghezza corpo main */
  .pagine-cerimonie div#tm-main div.tm-main.uk-width-medium-3-4 {
    width: 67%;
  }
  
  		/* Altre pagine - Larghezza corpo main */
  .servizi div#tm-main div.tm-main.uk-width-medium-3-4,
  .soluzioni div#tm-main div.tm-main.uk-width-medium-3-4,
  .pagine-blog div#tm-main div.tm-main.uk-width-medium-3-4,
  .altre-pagine div#tm-main div.tm-main.uk-width-medium-3-4 {
    width: 67%;
  }
  
  		/* Location - Larghezza sidebar */
  .hotel-di-lusso aside.tm-sidebar-b.uk-width-medium-1-4,
  .palazzi-veneziani aside.tm-sidebar-b.uk-width-medium-1-4,
  .terrazze-panoramiche aside.tm-sidebar-b.uk-width-medium-1-4,
  .giardini-segreti aside.tm-sidebar-b.uk-width-medium-1-4 {
    width: 33%;
  }
  
  		/* Cerimonie - Larghezza sidebar */
  .pagine-cerimonie aside.tm-sidebar-b.uk-width-medium-1-4 {
    width: 33%;
  }
  
  		/* Altre pagine - Larghezza sidebar */
  .servizi aside.tm-sidebar-b.uk-width-medium-1-4,
  .soluzioni aside.tm-sidebar-b.uk-width-medium-1-4,
  .pagine-blog aside.tm-sidebar-b.uk-width-medium-1-4,
  .altre-pagine aside.tm-sidebar-b.uk-width-medium-1-4 {
    width: 33%;
  }
  
  
  		/* Altezza minima introduzione singolo articolo */
  .hotel-di-lusso div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-panel.tm-panel-medium-padding,
  .palazzi-veneziani div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-panel.tm-panel-medium-padding,
  .terrazze-panoramiche div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-panel.tm-panel-medium-padding,
  .giardini-segreti div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-panel.tm-panel-medium-padding{
	min-height: 309px !important;
  }
  
  		/* Blog - Altezza minima introduzione singolo articolo */
  .pagine-blog div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-panel.tm-panel-medium-padding {
	min-height: 309px !important;
  }
  
  		/* Larghezza introduzione singolo articolo */
  /*.hotel-di-lusso div#tm-main div.tm-main.uk-width-medium-3-4 main article.uk-article div.uk-grid.uk-grid-width-medium-1-2 .uk-grid-width-medium-1-2>*,*/
  .hotel-di-lusso .uk-grid-width-medium-1-2>*,
  .palazzi-veneziani .uk-grid-width-medium-1-2>*,
  .terrazze-panoramiche .uk-grid-width-medium-1-2>*,
  .giardini-segreti .uk-grid-width-medium-1-2>* {
	width: 97% !important;
  }
  
  		/* Larghezza introduzione singolo articolo */
  .pagine-blog .uk-grid-width-medium-1-2>* {
	width: 97% !important;
  }
  
  		/* Form su sidebar */
  
  			/* Campi normali */
  div.modulocontattaci input.rsform-input-box {
    max-width: 175px;
  }
  
  			/* Campo messaggio */
  div.modulocontattaci textarea#Messaggio {
    max-width: 175px;
  }
 
  			/* Bottone */
  div.modulocontattaci input.rsform-submit-button {
    max-width: 192px;
  }
  
  			/* Etichette */
  div.modulocontattaci .formCaption {
    width: 50%;
  }
  
  			/* Acconsento */
  div.modulocontattaci li.rsform-block.rsform-block-privacy div.formCaption {
    width: 58% !important;
  }
  
      /* Immagini articolo */
  body.hotel-di-lusso main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
  body.palazzi-veneziani main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
  body.terrazze-panoramiche main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
  body.giardini-segreti main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large {
      min-height: 316px !important;
  }    
  
  
  
  
  
  
  
  

}

/* -------------------- -------------------- -------------------- -------------------- */





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


/* 14052020 Larghezza Dropdown */
.uk-dropdown-navbar {
    width: 226px;
}


/* Maggio 2018 */

	/* Gallery nuove - effetto hover img */
.ba-gallery-grid.css-style-13 .ba-gallery-items:hover .ba-image img {
	transform: scale(1.1) !important;
	-webkit-transform: scale(1.1) !important;
}


/* 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;
	}
  
	/* Sedi delle cerimonie - Home - spazio bottom button */  
html.uk-touch .homepage div#tm-main section#tm-main-top.tm-main-top.uk-grid div.uk-width-1-1.uk-row-first div.uk-panel.uk-text-center.margine-sopra div.sedi-cerimonia div.uk-grid.uk-grid-collapse.uk-margin-top-remove.uk-text-center.uk-flex-middle {
    padding-top: 14px !important;
}
  
  
  	/* FORM */
  				/* privacy */
div.modulocontattaci li.rsform-block.rsform-block-privacy div.formCaption {width: 115px !important;}
  
  				/* bottone */
  input.rsform-submit-button {max-width: 100% !important;}
  
  
}




.videogallery h3 {text-align: left;}

	/* 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#Messaggio {height: 190px; 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: 26%;}

					/* Privacy form in sidebar */
aside.tm-sidebar-b div.modulocontattaci li.rsform-block.rsform-block-privacy div.formCaption {width: 45%;}

				/* 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: 120%;
}


/* 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;
}



/* Photo Gallery */

	/* Grandezza titolo articoli */
div#tm-main aside.tm-sidebar-b ul.photogallery li h3.uk-margin-remove {
  font-size: 15px;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}


	/* Menù - voce attiva */
aside.tm-sidebar-b ul.uk-nav li.uk-parent.uk-active.uk-open ul li.uk-active {
  font-weight: 600;
}



/* Novembre 2017 */

	/* 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;
}


	/* Prove menù */
[data-uk-sticky][class*='uk-animation-'] {  
    position: static!important;  
}

[data-uk-sticky][class*='uk-animation-'] {    
    position: static!important;    
}












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




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

@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;
}
  

  	/* Vista categoria Blog - Immagine */
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, .uk-panel.tm-article-image{
  min-height: 375px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: inherit !important;
}
  
  
  	/* Sedi delle cerimonie - Home - spazio bottom button */  
html.uk-touch .homepage div#tm-main section#tm-main-top.tm-main-top.uk-grid div.uk-width-1-1.uk-row-first div.uk-panel.uk-text-center.margine-sopra div.sedi-cerimonia div.uk-grid.uk-grid-collapse.uk-margin-top-remove.uk-text-center.uk-flex-middle {
    padding-top: 14px !important;
}
  
  
  	/* Immagini articolo */
body.hotel-di-lusso main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
body.palazzi-veneziani main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
body.terrazze-panoramiche main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large,
body.giardini-segreti main#tm-content.tm-content article.uk-article div.tm-article-image.tm-article-image-large {
    min-height: 316px !important;
}  
  
  
  	/* Mobile 100% */
  
  .uk-width-1-2.mobile100 {
    width: 100% !important;
    padding-top: 20px;
  }
  
  
  
  
  
  
}





@media only screen and (max-width: 767px) {
  
  
  /* 09102023 - Pag. About us */
  
  .about section.top-parallax {
    display: none !important;
  }
  
  .smflex {
    display: flex !important;
    flex-direction: column;
  }
  
  .smflex .mobile100 {
    width: 100% !important;
    padding-bottom: 20px;
  }
  
  .smflex.twocol {
    display: flex;
    flex-direction: column-reverse !important;
  }
  
  .backtotheorigins {
    font-size: 2.3em !important;
    white-space: pre-wrap !important;
  }
  
  .frasetta-about {
    font-size: 1.4em !important;
  }
  
  
}