/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
	
	--theme-menu-font : "Cinzel";
}

body {
	margin : 0px !important;
	overflow-wrap: normal !important;
	padding: 0 !important;
	overflow : auto !important;
}


body.uk-offcanvas-page,
body.uk-offcanvas-page {
	overflow-x: visible !important;
}

canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
/* 	margin-bottom : 10px !important;
	margin-top : 0px !important; */
}

.blockquote, blockquote {
    padding-left : 30px !important;
}

.wp-block-table {
	 overflow-x: unset;
}

.msideauto {
	margin-left : auto !important;
	margin-right : auto !important;
}

blockquote:before, .blockquote:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 1px;
    left: 0px;
    background-color: var(--theme-palette-color-5);
    top: 0px;
    max-height: 100px;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color : #ffffff !important;
}

#preventivo h1, #preventivo h2, #preventivo h3, #preventivo h4, #preventivo h5, #preventivo h6, #contatti h1, #contatti h2, #contatti h3, #contatti h4, #contatti h5, #contatti h6 {
	color : inherit !important;
}

header *:not(.dashicons)  {
	
}

#cmplz-document {
    /*font-size: initial;*/
    max-width: var(--default-editor, var(--block-max-width));
}

#cmplz-document p, #cmplz-document li, #cmplz-document td {
    /*font-size: initial;*/
}

#cmplz-document h2, #cmplz-document h3 {
    font-size: xx-large;

}

.cmplz-manage-consent-container, #cmplz-cookies-overview {
	margin-bottom : 20px;
}

.polylang_langswitcher .lang-item {
list-style: none;
float : left;
margin-right : 10px;
}

.polylang_langswitcher  {
margin-left : 0px;
padding-left : 0px;
}

.polylang_langswitcher .lang-item img {
	max-width : 22px;
}

.polylang_langswitcher .lang-item:last-child {
	margin-right : 0px;
}

.polylang_langswitcher .lang-item a {
	text-transform : uppercase;
	text-decoration : none;
}

.polylang_langswitcher .lang-item span {
	display : none;
}

.fixedfooter {
	display : inline-block;
	position : fixed;
	bottom : 0px;
	left : 0px;
	z-index : 9999;
	height : auto;
	width : auto;
	
	  /* stato nascosto */
	  opacity: 0;
	  pointer-events: none; /* non cliccabile quando nascosto */
	  transform: translateY(12px);

	  transition: opacity 300ms ease, transform 300ms ease;
	  will-change: opacity, transform;	
}


.fixedfooter.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.gallery-home p {
	margin-bottom : 10px !important;
}

.gallery-home .swiper-content:before {
	content : '';
	position : absolute;
	top : 60px;
	bottom : 60px;
	right : 60px;
	left : 60px;
	border : 1px solid #ffffff;
	width : calc(100% - 120px);
	height : calc(100% - 120px);
	
}

.boximage:before {
	content : '';
	position : absolute;
	top : 15px;
	bottom : 15px;
	right : 15px;
	left : 15px;
	border : 1px solid #ffffff;
	width : calc(100% - 30px);
	height : calc(100% - 30px);
	z-index: 99;
}


.top-home-container:before {
    content: '';
    height: 150px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--theme-palette-color-3) !important;
	width : 1px;
	z-index : 10;
}

.top-home-container .dot {
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--theme-palette-color-3) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    animation: move 8s linear infinite !important;
    border-radius: 0px !important;
    z-index: 10 !important;
}

@keyframes move {
	0% {
		top: 0px;
	}

	50% {
		top: 150px;
	}

	100% {
		top: 0px;
	}
}

.gallery-home .swiper-slide {
	background-size : cover !important;
	height : 100% !important;
}

.copyright * {
	color : var(--wp--preset--color--white);
}

.cmplz-manage-consent { display: none; }

/*.formdispo label, .formdispo a {
	color : var(--wp--preset--color--white);
}*/

.formdispo {
	display : grid;
	grid-template-columns : repeat(2, 1fr);
	column-gap : 10px;
	row-gap : 10px;
}

.formdispo br {
	display : none;
}

.formdispo .itemform {
	margin-bottom : 15px;
}

.formdispo .itemform label {
	margin-left : 30px;
}

.formdispo .itemform.span2 {
  
  grid-column: span 2;
}

.mappagoogle {
	display : block !important;
}

.aligntoptable .uagb-column__wrap {
	align-items : start;
	justify-content : start;
}

.wp-block-button__link {
   word-break: normal !important;
}

.simple-slideout-menu-panel.open {
    
    max-width: 50% !important;
    
}

.simple-slideout-menu-panel ul.slideout-menu a {
    text-transform: none !important;
}

.simple-slideout-menu-panel ul.slideout-menu a {
    font-size: 30px !important;
}

.fullwidthslider {
	width : 100vw !important;
	padding : 0px !important;
	margin : 0px !important;
}

/* CSS INTERACTIVE LINK */


.numero-il {
	opacity : 0 !important;
transition: opacity 0.3s ease-in-out !important;
    
    /* Ottimizzazione per fluidità hardware */
    will-change: opacity;
    
    /* Assicura che l'immagine copra tutto senza scatti */
    backface-visibility: hidden;	
	color : var(--theme-palette-color-8);
}




.titolo-il {
	color : var(--theme-palette-color-8);
	cursor : pointer;
}

.il-active {
	opacity : 1 !important;
}

.bg-image-il {
	position : absolute !important;
	left : 0px !important;
	right : 0px !important;
	top : 0px !important;
	bottom : 0px !important;
	z-index : 10 !important;
	opacity : 0 !important;
transition: opacity 0.8s ease-in-out !important;
    
    /* Ottimizzazione per fluidità hardware */
    will-change: opacity;
    
    /* Assicura che l'immagine copra tutto senza scatti */
    backface-visibility: hidden;	
}

.bg-il-active {
	opacity : 1 !important;
}

/* CSS PER MENU */




.button_container {
  position: relative;
  
  /*height: 27px;
  width: 35px;*/
  cursor: pointer;
  z-index: 100;
  transition: opacity .25s ease;
  margin-bottom : 0px !important;
  
  &:hover {
    opacity: .7;
  }
  
  &.active {
	 
	  height: 27px;
	  width: 35px;	
	 
	 div.string {
		 display : none;
	 }
    .top {
      transform: translateY(11px) translateX(0) rotate(45deg);
      background: var(--theme-palette-color-8);
	  display : block;
    }
    .middle {
      opacity: 0;
      background: var(--theme-palette-color-8);
	  display : block;
    }
    
    .bottom {
      transform: translateY(-11px) translateX(0) rotate(-45deg);
      background: var(--theme-palette-color-8);
	  display : block;
    }
  }
  
  div.string {
	text-transform : none;
	transition:  all .35s ease;
	width : 50px;
  }  
  
  span {
  
  background: var(--theme-palette-color-1);
  border: none;
  height: 2px;
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  transition:  all .35s ease;
  cursor: pointer;
  /*display : none;*/
    
    &:nth-of-type(2) {
      top: 11px;
    }
    
    &:nth-of-type(3) {
      top: 22px;
    }
  }
}

.fsmenu.active {
	
	position: absolute;
    width: 50%;
    max-width: 50%;
    top: 0px;
    right: 5%;
}

.fscommand {
	
}

.fscommand.active {
	/*display : grid;
	grid-template-columns : 27% 1fr 27%;
	column-gap : 10px;
	row-gap : 10px;*/
	padding-top : 20px;
	padding-bottom : 20px;
	width : 100%;
	align-items : end;
	z-index: 999999;
    position: relative;
	transition: background-color 1.35s;
    /*background: var(--theme-palette-color-5);
	border-bottom : 1px solid #cdcac6;*/
	
}

.overlaymenu {
  position: fixed;
  background: var(--theme-palette-color-1);
  top: 0px;
  left: 0;
  width: 50%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: auto;
  
  
  
  &.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
	z-index : 99999;
    padding-bottom : 50px;
	-webkit-box-shadow: 5px 0px 20px -10px var(--theme-palette-color-1);
	box-shadow: 5px 0px 20px -10px var(--theme-palette-color-1);
	
    li {
      animation: fadeInRight .5s ease forwards;
      animation-delay: .35s;
      
      &:nth-of-type(2) {
        animation-delay: .4s;
      }
      &:nth-of-type(3) {
        animation-delay: .45s;
      }
      &:nth-of-type(4) {
        animation-delay: .50s;
      }
    }
  }
}


.overlaymenu nav {
    position: relative;
    height: 70%;
    top: 100px;
    text-align: center;
	
  }
.overlaymenu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%; 
	text-align : left;
    
    li {
      display: block;
      /*height: 25%;
      height: calc(100% / 4);
      min-height: 50px;*/
      position: relative;
      opacity: 0;
      
      a {
        display: block;
        position: relative;
        color: var(--theme-palette-color-8);
        text-decoration: none;
		font-weight : bold;
        overflow: hidden;
        
        &:hover:after,
         &:focus:after,
         &:active:after {
           width: 100%;
         }
        
        &:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0%;
          transform: translateX(-50%);
          height: 3px;
          background: $color-link;
          transition: .35s;
        }
      }
    }
  }

.overlay-menu .menu-item a {
	color: var(--theme-palette-color-8) !important;
	font-size : 22px;
	margin-top : 10px;
	margin-bottom : 5px;
	border-bottom : 1px solid var(--theme-palette-color-8);
}

.overlay-menu .menu-item .sub-menu a {
	color: var(--theme-palette-color-8) !important;
	font-size : 18px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-weight : normal;
	border : 0px;
}


.fsmenu .secondmenu {
    z-index: 100;
}

.fsmenu {
	padding : 0px !important;
	margin : 0px !important;
	
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.noscroll { 
  overflow: hidden !important;
}

.noview { 
	transition: .35s;
	display: none !important;
}

.view { 
	transition: .35s;
	display: flex !important;
}

.ct-header-cta a.prenotaora {
	padding : 0px;
}

.fsmenu .ct-header-cta a.prenotaora {
	    display: block;
	color : var(--theme-palette-color-6);
}

.ct-back-to-top {
	z-index : 9;
}

.mobile-menu .lang-item {
	float : left;
	margin-top : 20px;
	margin-right : 10px;
}

/* MENU DI NAVIGAZIONE */


			
			
.uk-navbar-toggle {
    /*position: absolute;
    top: 40px;*/
    width: 90px;
    /*left: 60px;*/
    z-index: 2;
}
.uk-navbar-toggle {
    font-size: 18px;
    color:var(--theme-palette-color-3);
    text-decoration: none;
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    height: 45px;
    padding: 0 15px;
    float: left;
}


/*.uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/


.menu-off {
    position: relative;
}

.m {
    text-transform: uppercase;
    color: #fff;
    font-size: 8px;
    letter-spacing: 0.2em;
    font-weight: 500;
    position: absolute;
    top: -5px;
    right: 0;
}

svg:not(:root) {
    overflow: hidden;
}

audio, canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

svg[Stile degli attributi] {
    x: 0px;
    y: 0px;
}

svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}


/************************/
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  /* 3 */
  touch-action: none;
  /* 4 */
  background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
  display: block;
}
/* Sub-object `uk-offcanvas-page`
 ========================================================================== */
/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 * 3. Needed for the transition to work instead of just letting it pop to the side
 */
.uk-offcanvas-page {
  /* 1 */
  position: fixed;
  /* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  /* 3 */
  margin-left: 0;
}
/* Sub-object `uk-offcanvas-bar`
 ========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deactivate scroll chaining in IE11
 */
.uk-offcanvas-bar {
  /* 1 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1001;
  /* 2 */
  width: 270px;
  max-width: 100%;
  background: #333333;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  /* 5 */
  -ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */
.uk-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* Offcanvase modes
 ========================================================================== */
.uk-offcanvas-bar[mode='none'] {
  -webkit-transition: none;
  transition: none;
}
.uk-offcanvas-bar[mode='reveal'] {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  clip: rect(0, 0, 100vh, 0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;
}
.uk-offcanvas-bar-flip[mode='reveal'] {
  clip: none;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.uk-offcanvas-bar-flip[mode='reveal'] > * {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
/* Panel in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-panel {
  margin: 20px 15px;
  color: #777777;
}
.uk-offcanvas .uk-panel-title {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
  color: #ffffff;
}

/* ========================================================================
   Component: Nav
 ========================================================================== */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Items
 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}
.uk-nav > li > a {
  padding: 5px 20px;
}
/*
 * Nested items
 */
.uk-nav ul {
  padding-left: 15px;
}
.uk-nav ul a {
  padding: 2px 0;
}
/*
 * Item subtitle
 */
.uk-nav li > a > div {
  font-size: 12px;
  line-height: 18px;
}
/* Sub-object: `uk-nav-header`
 ========================================================================== */
.uk-nav-header {
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.uk-nav-header:not(:first-child) {
  margin-top: 20px;
}
/* Sub-object: `uk-nav-divider`
 ========================================================================== */
.uk-nav-divider {
  margin: 9px 20px;
}
/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 25px;
}
/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
  content: "\f104";
  width: 20px;
  margin-right: -10px;
  float: right;
  font-family: FontAwesome;
  text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  content: "\f107";
}
/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
  color:var(--theme-palette-color-3);
  text-transform : uppercase;
  font-size : 12px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: rgba(0, 0, 0, 0.05);
  color:var(--theme-palette-color-3);
  /* 2 */
  outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
  background: #00a8e6;
  color: #ffffff;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-side .uk-nav-header {
  color:var(--theme-palette-color-3);
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-side .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-side ul a {
  color: #1fa2d6;
}
.uk-nav-side ul a:hover {
  color: #0074a2;
}
/* Modifier `uk-nav-dropdown`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-dropdown > li > a {
  color:var(--theme-palette-color-3);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  background: #00a8e6;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-dropdown .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-dropdown .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-dropdown ul a {
  color: #1fa2d6;
}
.uk-nav-dropdown ul a:hover {
  color: #0074a2;
}
/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
  color:var(--theme-palette-color-3);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #00a8e6;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-navbar ul a {
  color: #1fa2d6;
}
.uk-nav-navbar ul a:hover {
  color: #0074a2;
}
/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
  color: #cccccc;
  padding: 10px 15px;
}
/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #404040;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #1a1a1a;
  color: #ffffff;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
  color: #777777;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
  border-top: 1px solid #1a1a1a;
}
/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
  color:var(--theme-palette-color-8);
  text-transform : uppercase;
  font-size : 12px;
  font-family : var(--theme-menu-font);
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: var(--theme-palette-color-3);
}
/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
  background: #eeeeee;
  color:var(--theme-palette-color-3);
}
/*
 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
  content: "";
  display: table;
}
.uk-navbar:after {
  clear: both;
}
/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 45px;
  padding: 0 15px;
  line-height: 45px;
  /* 2 */
  color:var(--theme-palette-color-3);
  font-size: 14px;
  font-weight: normal;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #f5f5f5;
  color:var(--theme-palette-color-3);
  /* 3 */
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: #dddddd;
  color:var(--theme-palette-color-3);
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: #f5f5f5;
  color:var(--theme-palette-color-3);
}
/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
  line-height: 33px;
}
.uk-navbar-nav-subtitle > div {
  margin-top: -8.5px;
  font-size: 10px;
  line-height: 12px;
}
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  /*height: 45px;*/
  height: auto;
  padding: 0 15px;
  float: left;
}
/*
 * Helper to center all child elements vertically
 */
/* .uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
} */
/* Sub-objects: `uk-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
  padding-left: 0;
}
/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
  color: #1fa2d6;
}
.uk-navbar-content > a:not([class]):hover {
  color: #0074a2;
}
/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
  font-size: 18px;
  color:var(--theme-palette-color-3);
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
  color:var(--theme-palette-color-3);
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
  font-size: 18px;
  color:var(--theme-palette-color-3);
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
  color:var(--theme-palette-color-3);
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * 1. Center icon vertically
 */
/* .uk-navbar-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  vertical-align: middle;
} */
.uk-navbar-toggle-alt:after {
  content: "\f002";
}
/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
  float: none;
  text-align: center;
  /* 1 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
  float: right;
}
/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */
.uk-subnav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin-left: -10px;
  margin-top: -10px;
  /* 2 */
  padding: 0;
  list-style: none;
}
/*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 * 3. Create position context for dropdowns
 */
.uk-subnav > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  padding-left: 10px;
  margin-top: 10px;
  /* 3 */
  position: relative;
}
/*
 * DEPRECATED IE9 Support
 */
.uk-subnav:before,
.uk-subnav:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-subnav:after {
  clear: both;
}
.uk-subnav > * {
  float: left;
}
/* Items
 ========================================================================== */
.uk-subnav > * > * {
  display: inline-block;
  color:var(--theme-palette-color-3);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-subnav > * > :hover,
.uk-subnav > * > :focus {
  color: #1fa2d6;
  text-decoration: none;
}
/*
 * Active
 */
.uk-subnav > .uk-active > * {
  color: #1fa2d6;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-line > :before {
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
.uk-subnav-line > :nth-child(n+2):before {
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}
/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-pill > * > * {
  padding: 3px 9px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
  background: #eeeeee;
  color:var(--theme-palette-color-3);
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > .uk-active > * {
  background: #00a8e6;
  color: #ffffff;
}
/* Disabled state
 ========================================================================== */
.uk-subnav > .uk-disabled > * {
  background: none;
  color: #999999;
  text-decoration: none;
  cursor: text;
}

.barra {
	display : block;
	position : relative;
}


html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: none;
color:#fff;
font-family: var(--theme-menu-font);
}

.uk-nav-offcanvas > li > a {
font-family: var(--theme-menu-font);
color:#fff;
padding: 9px 15px;
position:relative;
font-size:18px;
padding-left:26px;
text-transform:uppercase;
letter-spacing:0.075em;
}


.uk-nav-offcanvas > li > a:before {
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius:50%;
    opacity: 0;
    position: absolute;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    transition: all .5s;
    top:17px;

}

.uk-nav-offcanvas > li > a:hover:before,
.uk-nav-offcanvas > li > a:active:before,
.uk-nav-offcanvas .uk-active a:before  {
    display: block;
    opacity: 1;
    left: 0px;
}

.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
 background: none;
 color: var(--theme-palette-color-3);
  /* 2 */
  outline: none;
  position:relative;
}



.menu-image{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
margin: 0 !important;
height:100vh;
}
.omni-menuimage-images{
height:100vh;
}
.omni-menuimage-images > div{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height:100vh;
opacity:0;
transition:all .5s;
}


.uk-close {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: transparent;
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.3;

}


.uk-offcanvas-bar{
transform:translate(0, -100%);
width:100%;
box-sizing:border-box;
transition:transform 1s ease-in-out;
padding:45px 0 45px 40px;
background:var(--theme-palette-color-4);	
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{
transform:translate(0, 0);
}
.uk-offcanvas-close{
opacity:1;
position:relative;
width:129px;
height:34px;
line-height:1em;
display:inline-block;
}
.uk-offcanvas-close:before,
.uk-offcanvas-close:after{content:"";display:inline-block;background: #fff;height:50px;width:2px;transform:rotate(45deg);position: absolute;top: 0;right: 64px;transform-origin: top right;transition:all .5s;}
.uk-offcanvas-close:after{
transform: rotate(-45deg);
transform-origin: bottom right;
top: initial;
bottom: 0;
left:64px;
right:initial;
}
.my-close{
position:relative;
/* display:inline-block; */
cursor : pointer;
}
.my-close span{
font-size:12px;
margin:0;
position:absolute;
top:50%;
left:-30px;
transform:translateY(-50%);
opacity:0;
transition:all .5s;
color:#fff;
	text-transform : uppercase;
	font-family : var(--theme-menu-font);
}
.chzn-container .chzn-results li.highlighted{
background:#c8c0ad;	
}
.chzn-container .chzn-results li{
padding:5px 5px;	
}
.my-close:hover span{
opacity:1;
left:40px;
z-index:-1;
}
.my-close:hover .uk-offcanvas-close:before,
.my-close:hover .uk-offcanvas-close:after{
transform:rotate(90deg);
}
.uk-nav-offcanvas{
display:inline-block;
margin-top:20px;
}

.omni-menuimage-show{
opacity:1 !important;
}
/***********************/

/* FINE CSS PER MENU */


header div[data-device="desktop"] div[data-column="start"] div[data-items="primary"] > :nth-child(2) {
	   
    padding-left: 20px; /* spazio dal bordo */
    margin-left: 20px;  /* spazio prima del bordo */
}

header div[data-device="desktop"] div[data-column="start"] div[data-items="primary"] > :nth-child(1) {
	   
    padding-right: 20px; /* spazio dal bordo */
    margin-right: 20px;  /* spazio prima del bordo */
}

header div[data-device="desktop"] div[data-column="start"] div[data-items="primary"] .ct-header-text {
	position : relative;
}

header div[data-device="desktop"] div[data-column="start"] div[data-items="primary"] .ct-header-text:after {
position: absolute;
    content: '';
    width: 1px;
    background: #ffffff;
    height: 300px;
    padding: 0px;
    right: 0px;
    top: -100px;
}

header div[data-device="desktop"] div[data-sticky="yes:shrink"] div[data-column="start"] div[data-items="primary"] .ct-header-text:after {
    background: #ffffff;
}

.scritta-nome-hotel-container {
    display: block!important;
    width: 90% !important;
    position: absolute !important;
    z-index: 3 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 15px !important;
    margin: 0 auto !important;
    /*mix-blend-mode: overlay !important;*/
	padding : 0px !important;
	overflow: visible; /* sicurezza */
	opacity : 0.5;
	text-align : center !important;
	height : auto !important;
	
}

.scritta-nome-hotel {
    text-transform : uppercase !important;
	color : #ffffff !important;
	/*white-space: nowrap !important;*/
	text-align : center !important;
	max-width: 100% !important;
	width: auto !important;
	display: inline-block!important;
    margin: 0px !important;
	height: auto !important;
	padding: 0 !important;
	margin-bottom: 0px !important;
	opacity : 0;
    transition: opacity 0.5s ease-in;
	position : relative;
text-box-trim: both;
    text-box-edge: cap alphabetic;	
}



/* Rimuove lo spazio SOTTO (sotto la Baseline / Descender) */
.scritta-nome-hotel::after {
    content: '';
    /* Anche questo valore cambia in base al font */
    margin-top: -20rem; 
    display: block;
}

.opacity-none {
	opacity : 1;
} 

.slick-next:before {
	font-family: FontAwesome;
    content: "\f178" !important;
	font-weight : normal;
}

.slick-prev:before {
	font-family: FontAwesome;
    content: "\f177" !important;
	font-weight : normal;
}

.room-slider, .content_block, .room-slider .slick-slider, .room-slider .slick-list, .room-slider .slick-track, .room-slider .wp-block-getwid-images-slider__item   {
	height : 100% !important;
}



@media screen and (max-width : 1390px) {

}

@media screen and (max-width : 1100px) {
	

}


@media screen and (max-width : 976px) {


	.menu-image{

		width: 0%;

	}
	
	.gallery-home .swiper-content:before {
		content : '';
		position : absolute;
		top : 20px;
		bottom : 20px;
		right : 20px;
		left : 20px;
		border : 1px solid #ffffff;
		width : calc(100% - 40px);
		height : calc(100% - 40px);
	}	
	
	.boximage:before{
		content : '';
		position : absolute;
		top : 10px;
		bottom : 10px;
		right : 10px;
		left : 10px;
		border : 1px solid #ffffff;
		width : calc(100% - 20px);
		height : calc(100% - 20px);
	}	
	.gallery-home .swiper-button-prev {
		left: 15px !important;
	}
	.gallery-home .swiper-button-next {
		right: 15px !important;
	}		
	
}

@media screen and (max-width : 767px) {

	
	.fixedfooter {
		display : inline-block;
	}
	
	.gallery-home .swiper-button-prev, .gallery-home .swiper-button-next {
		top: 90% !important;
		transform: translateY(-14%) !important;
	}
	
	.gallery-home .swiper-button-prev {
		left: 15px !important;
	}
	.gallery-home .swiper-button-next {
		right: 15px !important;
	}	
	
	.formdispo {
		grid-template-columns : repeat(1, 1fr);
		
	}	
	
.formdispo .itemform.span2 {
  
  grid-column: span 1;
}	

}

@media screen and (max-width : 500px) {

}