/*
Theme Name: Isola che non c'è di Benedetta
Description: Tema Child del tema Hello Elementor
Author: Leonardo Barni
Author URI: https://leonardobarni.it/
Template: hello-elementor
Version: 0.1.0
*/

/* DEFAULT SETTING */
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eee;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display:block;
  height: 40px; /* fixed header height*/
  margin: -40px 0 0; /* negative fixed header height */
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 768px){

  body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display:block;
    height: 0px; /* fixed header height*/
    margin: 0; /* negative fixed header height */
    visibility: hidden;
    pointer-events: none;
  }

}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{ padding-right: 4px;}
h1{ text-transform:uppercase;}
h1, h2, h3, h4, h5, h6, h3 span{  }
h3 span{ }
p, a, li, label, span{  }
span.elementor-button-text{ color:inherit;}
a{ }
button{ outline:none;}
.text-white h1, .text-white h2, .text-white h3, .text-white ul li, .text-white p, .text-white a, .text-white label, .text-white span{ color: #fff;}
.text-shadow h1, .text-shadow h2, .text-shadow h3,.text-shadow p{ text-shadow: 2px 2px 2px #000;}

.text-center{ text-align:center !important;}
*:focus {
    outline: none;
}
/* ADMIN SECTION*/
#wpadminbar span{ color:inherit;}
/* HEADER */
.header{ position: relative;  top: 0; left:0; z-index: 5;  width: 100%;  background-color: #fff; transition: all ease-in-out .3s;}
.header.fixed { position: fixed;  top: 0; left:0; box-shadow:0px 0px 4px #666; }
.logged-in .header.fixed{ }
.site-branding{ padding:10px 0; }
.site-branding img, .site-branding svg { width: auto; height:75px; padding: 0px; transition: all ease-in-out .3s;}
.header.fixed .site-branding img, .header.fixed .site-branding svg { height:75px; }

.site-branding svg g, .site-branding svg path{ fill:#000;}
.header .site-header{ display: flex; align-items: center; max-width: 1140px; padding:0 5px;  }
.header .site-header::before{ content: none; position: absolute; z-index: -1; left:0; top:0; height: 0; width: 100%; background-color: #ffffff; transition: all ease-in-out .3s; box-shadow:0px 0px 4px #666;}
.header.fixed .site-header::before{ height: 92px;  }
.header-sticky-height {  width: 100%;  height: 0px;  display: block; }
.logo{ max-width: 500px; width: 80%; margin:0 auto; text-align: center; }
.header .site-header .menu-link{ position: relative; z-index: 5;}
.header .site-header .menu-link ul{ list-style: none;display: inline-block; }
.header .site-header .menu-link ul li{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.header .site-header .menu-link ul li:last-of-type{ margin-right: 0px;}
.header .site-header .menu-link ul li a{ cursor: pointer;}
.header .site-header .menu-link ul li a i{ color: #333; }
.header .site-header .site-navigation{ z-index: 4;}
.site-header .site-branding{ flex-direction:row; width:34%;} 
@media (max-width: 768px){
	.header{ width:100%;}
	.header.fixed, .header.active{ }
	.header .site-header{ flex-direction:column; height:auto; width:100%; padding: 0; max-width: 100%; align-items:inherit; }
    .site-branding img, .site-branding svg{ width:auto; height:100px; padding:10px 0; }

}

/* NAVIGATION */
.site-navigation .menu-main-menu-container{ width: 100%; padding: 10px 0;}
.header.fixed.site-navigation .menu-main-menu-container{ padding: 0px 0;}
.site-header .site-navigation{ width:66%; justify-content:start; }
.site-header .site-navigation.right-side{ justify-content:end}
.site-navigation ul.menu{ display: block; text-align: right; margin-bottom: 0; justify-content: flex-end;}
.site-navigation ul.menu li{ display:inline-block; padding:0 5px; line-height:60px;}
.site-navigation ul.menu > li{ line-height:60px;}
.site-header .site-navigation ul.menu > li a, .site-header .site-navigation ul.menu > li span{ display: block; position: relative; color: #272727; padding: 8px 0; font-size: 14px; text-transform: uppercase; transition:all ease-in-out .3; }
.site-navigation ul.menu > li a:hover{ color: #272727;}
.header.fixed .site-header .site-navigation ul.menu > li a:hover, .header.fixed .site-header .site-navigation ul.menu > li:hover span{ color: #272727; }

.site-navigation ul.menu > li a::after{ display: block; width: 0; height: 1px; background-color: #272727; content: ""; position: absolute; left: 0; bottom: 22px; transition: all ease-in-out .3s;}
.site-navigation ul.menu > li:hover a::after, .site-navigation ul.menu > li.current-menu-item  a::after{ width: 100%;}
.header.fixed .site-header .site-navigation ul.menu > li a::after{ background-color:#272727;}
.site-navigation ul.menu > li.menu-item-194{ margin-left: 30px;}
.site-navigation ul.menu li.menu-item-has-children{ position:inherit; padding-right:0; }
.site-navigation ul.menu li.menu-item-has-children:after{ content:none;}
.site-navigation ul.menu li.menu-item-has-children.wpml-ls-item{ position:relative;}
.site-navigation ul.menu li.menu-item-has-children.wpml-ls-item .sub-menu{ left:inherit; right:0;}
.site-navigation ul.menu li.menu-item-has-children > span{ position: absolute; right: 20px; top: 8px; z-index: 5;}

.site-navigation ul.menu li .sub-menu{ display:block; position:absolute; top:100%; visibility:hidden; opacity:0; z-index:1000; min-width: inherit; width:100%; background-color:#2D2E82; border:none; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; list-style:none; text-align:center; }

.site-navigation ul.menu li:hover>ul, .site-navigation ul.menu li:hover>ul.active{ visibility:visible ; opacity:1 ;  }
.site-navigation ul.menu > li ul.sub-menu li{ display:inline-block; margin-right:0; border-bottom:none; text-align: center; transition: all ease-in-out .3s;}
.site-navigation ul.menu > li ul.sub-menu li:last-of-type{border-bottom:none;}
.site-navigation ul.menu > li ul.sub-menu li:hover{ background-color:#f2f2f2; color:#000; }
.site-navigation ul.menu > li ul.sub-menu li a { display:block; padding:8px 10px; color:#fff; font-size:14px; line-height:1.5; text-transform:none; transition: all ease-in-out .3s;}
.site-navigation ul.menu > li ul.sub-menu li a:hover, .site-navigation ul.menu > li ul.sub-menu li a:hover span{ color:#000;  }
.site-navigation ul.menu > li.menu-item-222 ul.sub-menu li{ padding: 0; }
.site-navigation ul.menu > li ul.sub-menu li a::after{ content:none;}

.site-navigation ul.menu li.wpml-ls-item ul.sub-menu{ width:50px; }
.site-navigation ul.menu li.wpml-ls-item ul.sub-menu li{ text-align: center; padding: 0;}

.site-navigation ul.menu li.menu-item.collection .sub-menu{ width: 370px; }

.mobile_menu_button{display:none; position:absolute; top:0px; right:15px;}
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  left: 12px;
  right: 12px;
  height: 2.5px;
  background: #272727;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #272727;
  content: "";
}

.c-hamburger span::before {
  top: -12px;
}

.c-hamburger span::after {
  bottom: -12px;
}

.c-hamburger--htx {
  background-color: transparent!important;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}
.c-hamburger--htx.is-active span {
  background: none;
  color:#cb0032;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  color:#cb0032;
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  color:#cb0032;
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.spicewpsearchform{  display: block; width: 300px;  position: absolute; right: 0;  top: 100%;  margin-top: 1px;  z-index: 9999;  background: #fff;  padding: 20px; font-size:0; }
.spicewpsearchform label{  vertical-align: middle; display: inline-block; width: calc(100% - 51px); box-sizing: border-box; }
.spicewpsearchform input[type="submit"]{ content: "\f002"; font-family: "Font Awesome 5 Free"; display: inline-block; box-sizing: border-box; vertical-align: middle; background-color: #272360; color:#fff; transition:  all ease-in-out .3s;}
.spicewpsearchform input[type="submit"]:hover{ background-color: #fff; color:#272360; }

@media (max-width: 1024px){
	.site-header{ padding:0; background-color:#fff;}
  .site-navigation ul.menu{ margin-bottom: 0;}
  .site-header .site-branding { width: 100%; max-width: 100%; text-align: center;order:1; flex:auto; padding:0 10px;}
  .site-header .site-navigation { flex: inherit;  order: 2;  }
	.spicewpsearchform{ width: 100%;}
  .site-navigation ul.menu li.wpml-ls-item{ display: flex; align-items: center; padding: 0; }
  .site-navigation ul.menu li.wpml-ls-item a{ width: 25%;}
  .site-navigation ul.menu li.wpml-ls-item span{ padding: 0; }
  .site-navigation ul.menu li.wpml-ls-item ul{ display: flex; width: 75% !important; margin-bottom: 0;  background-color: transparent;visibility: visible; opacity: 1; }
  .site-navigation ul.menu li.wpml-ls-item ul li{ width: 33.333%; padding: 0; background-color: transparent; border-bottom: none; }
  .site-navigation ul.menu li.wpml-ls-item ul li a{ width: 100%;  }
  .site-navigation ul.menu li.wpml-ls-item > span{ display: none;}
	.site-navigation ul.menu > li a::after{ content:none;}
	.site-navigation ul.menu li.menu-item-has-children{padding-right:0;}
	.site-navigation ul.menu li ul.sub-menu{ display:none;}
	.mobile_menu_button{ display: block;}
   .site-navigation{ display: none; border-top: 1px solid #fff; width: 100% !important; }
   .site-navigation ul.menu { padding-left:0;}
   .site-navigation ul.menu > li{ width:100%; text-align:center;}
}

/* FOOTER */
#site-footer{ margin-top: 0px; max-width: 100%; padding:0; }
.elementor-section.elementor-section-boxed>.elementor-container.footer-area{ max-width: 100%; background-color: #f2f2f2; padding:60px 10px;}
.site-footer .footer-area .elementor-row{ max-width: 1140px; margin: 0 auto; padding: 0;}
.site-footer .footer-area{ background-position: center; background-size: cover;}
svg.footer-logo{ width: 170px; margin-bottom: 20px;}
svg.footer-logo g{ }
.site-footer .footer-area .footer_widget{ text-align:center; }
.footer-area h4, .footer-area p, .footer-area ul li, .footer-area a, .footer-area i{ color: #000;  }
.footer-area h4, .footer-area p{ margin-top: 0; margin-bottom: 20px;}
.footer-area ul{ list-style: none; padding-left: 0;}
.footer-area ul li{ line-height: 28px; margin-bottom: 0px; }
.footer-area ul li::before{ display:inline-block; content: ""; width: 5px; height: 1px; margin-right: 5px;background-color:#000; vertical-align: middle; transition: all ease-in-out .3s;}
.footer-area ul li:hover::before{ width: 15px; }
.footer-area h4{ font-size:18px; }
.footer-area p, .footer-area ul li, .footer-area a{ font-size: 14px;}
.footer-area a{ text-decoration: underline;}
.social-footer a{ display: flex; align-items:center; margin-bottom: 10px; text-decoration:none;}
.social-footer a i{ font-size: 24px; width: 30px; text-align: center;}
.footer-copyright{ padding: 15px 0; text-align:center;}
.footer-copyright p{ font-size: 12px; text-align: center;  }
.footer-copyright p a{}
body #cookie-law-info-bar {  padding: 15px 21%;}

.footer-mobile-menu{ position: fixed; z-index: 1000; bottom: 0; width: 100%; padding:0; display: none; background-color: #2D2E82; border-top: 1px solid #fff; }
.footer-mobile-menu .mobile_menu_button{ top:inherit; right: inherit; bottom: 0; left: calc(50% - 28px); background-color: #2D2E82; border:1px solid #fff;}
.footer-mobile-menu .whatsapp, .footer-mobile-menu .book-tel{ float: left; min-height: 40px; width: calc(50% - 28px); text-align: center; display: flex; align-items: center;  justify-content: center; }
.footer-mobile-menu .book-tel{ float: right;}
.footer-mobile-menu .whatsapp{ }
.footer-mobile-menu div i{ display: inline-block;  vertical-align: middle; margin-right: 10px; font-size: 24px; color: #fff;}
.footer-mobile-menu .whatsapp i{ font-size: 30px;}
.footer-mobile-menu .book-tel span{ display: inline-block;  vertical-align: middle; width: 80px; font-size: 16px;color: #fff;  text-align: left; }
	
.grecaptcha-badge { visibility: hidden; }
@media (max-width: 1024px){
	#site-footer{ padding-bottom:45px;}
	.footer-mobile-menu{ display: block; }
	.grecaptcha-badge{ bottom:90px !important; }

	.site-footer .footer-area .elementor-row .elementor-element{ order:1; margin-bottom:2rem;}
	.site-footer .footer-area .elementor-row .elementor-element:first-of-type, .site-footer .footer-area .elementor-row .elementor-element:last-of-type{ order:2;}
}

/* elementor COLUMN */
.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.elementor-column {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 2000px){
	.elementor-column.elementor-col-30, .elementor-column[data-col="30"] {
      width: 30%;
  }
  .elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
      width: 33.333%;
  }
  .elementor-column.elementor-col-40, .elementor-column[data-col="40"] {
      width: 40%;
  }
  .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
      width: 50%;
  }
  .elementor-column.elementor-col-60, .elementor-column[data-col="60"] {
      width: 60%;
  }
  .elementor-column.elementor-col-66, .elementor-column[data-col="66"] {
      width: 66.666%;
  }

  .elementor-column-wrap{ width: 100%;}
}

.bg-left .elementor-container::before{ content:""; position:absolute; width: 70vw; height:100%; background-color:#f2f2f2; top:60px; left:115px;}
.bg-right .elementor-container::before{ content:""; position:absolute; width: 70vw; height:100%; background-color:#f2f2f2; top:60px; right:85px;}
.bg-half-left .elementor-container::before{ content:""; position:absolute; width: 60vw; height:100%; background-color:#f2f2f2; top:60px; left:0;}
.bg-half-right .elementor-container::before{ content:""; position:absolute; width: 40vw; height:100%; background-color:#f2f2f2; top:0px; right:0;}

.bg-full-center::before{ content:""; position:absolute; width: 100%; height:300px; background-color:#f2f2f2; top:calc(50% - 150px); left:0;} 

.elementor-widget-image-box .elementor-image-box-title a{ font-weight:inherit; font-size:inherit;}

@media (max-width: 1024px){
  .elementor-row{ flex-direction: column;}
  .elementor-8 .elementor-element.elementor-element-9500f6e, .elementor-element .elementor-element-b61aac6, .elementor-12 .elementor-element.elementor-element-7ffda47{ display: none;}
  .elementor-8 .elementor-element.elementor-element-d55dc90, .elementor-8 .elementor-element.elementor-element-2be7b1e, .elementor-12 .elementor-element.elementor-element-e80db50, .elementor-12 .elementor-element.elementor-element-d221f3e{ margin-top: 0; }
  .elementor-12 .elementor-element.elementor-element-ecd9f63 > .elementor-element-populated{ padding: 20px;}
  .elementor-column{ width: 100% !important;}
  .elementor-section.elementor-section-height-full{ height: inherit;}
}

.clear{ clear: both;}
.row{ background-repeat:no-repeat; background-size:cover; background-position:center center; position: relative;}
.row.slide{ background-position:bottom center; }
.row.bg-texture{ background-repeat:repeat; background-size:10px; background-position:top left;}
.row .row-inner{ width:100%; max-width:1200px; margin:0 auto; position: relative; }
.row .row-inner::after{ display: block; content: ""; clear: both;}
.row .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.6); }
.row.full-width .row-inner{ max-width:100%;}

.full-width .row .row-inner{ width:100%; max-width:1200px; }
.parallax .parallax-window .row-inner{position: relative; z-index: 2;}
.column_1-1{ width:100%; }
.column_1-2{ width:48%; }
.column_1-3{ width:30.6666%; }
.column_2-3{ width:65.3333%;}
.column_1-4{ width:22%;}
.column_3-4{ width:74%;}
.column_1-5{ width:16.8%; }
.column_2-5{ width:37.6%; }
.column_3-5{ width:58.4%; }
.column_4-5{ width:75.2%; }
.column_1-6{ width:13.333%; }
.column_5-6{ width:82.666%; }

.columns{ margin-bottom:20px; margin-right:4%; float:left;}
.columns p:first-child{ margin-bottom:0px;}
.row .row-inner p{ margin-bottom:20px;}
.row .row-inner p:last-of-type{ margin-bottom:0px;}
.columns.last{ margin-right:0 !important; margin-left:0 !important;}

.column_1-2.margin0{ width:50%;  }
.column_1-3.margin0{ width:33.0333%; }
.column_2-3.margin0{ width:66.666%; }
.column_1-4.margin0{ width:25%; }
.column_3-4.margin0{ width:75%; }
.column_1-5.margin0{ width:20%; }
.column_2-5.margin0{ width:40%; }
.column_3-5.margin0{ width:60%; }

.column_1-2.margin5{ width:calc(50% - 2.5px); }
.column_1-3.margin5{ width:calc(33.333% - 3.333px); }
.column_2-3.margin5{ width:calc(66.666% - 1.666px); }
.column_1-4.margin5{ width:calc(25% - 3.75px); }
.column_3-4.margin5{ width:calc(75% - 1.25px);  }
.column_1-5.margin5{ width:calc(20% - 4px);  }
.column_2-5.margin5{ width:calc(40% - 3px);}
.column_3-5.margin5{ width:calc(60% - 2px); }

.column_1-2.margin10{ width:calc(50% - 5px);  }
.column_1-3.margin10{ width:calc(33.333% - 6.666px); }
.column_2-3.margin10{ width:calc(66.666% - 3.333px);}
.column_1-4.margin10{ width:calc(25% - 7.5px); }
.column_3-4.margin10{ width:calc(75% - 2.5px); }
.column_1-5.margin10{ width:calc(20% - 8px); }
.column_2-5.margin10{ width:calc(40% - 6px); }
.column_3-5.margin10{ width:calc(60% - 4px); }

.column_1-2.margin20{ width:calc(50% - 10px);  }
.column_1-3.margin20{ width:calc(33.333% - 13.333px); }
.column_2-3.margin20{ width:calc(66.666% - 6.666px);}
.column_1-4.margin20{ width:calc(25% - 15px); }
.column_3-4.margin20{ width:calc(75% - 5px); }
.column_1-5.margin20{ width:calc(20% - 16px); }
.column_2-5.margin20{ width:calc(40% - 12px); }
.column_3-5.margin20{ width:calc(60% - 8px); }

.columns.margin0{ margin-bottom:0px; margin-right: 0px;}
.columns.margin5{ margin-bottom:5px; margin-right: 5px;}
.columns.margin10{ margin-bottom:10px; margin-right: 10px;}
.columns.margin20{ margin-bottom:20px; margin-right: 20px;}

.columns img{ width:auto; max-width:100%; height:auto; vertical-align:top;}

.row.padding0 .row-inner{ padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0;}

.same-height.row{ height:100%; min-height:100%;}
.same-height.row .row-inner{ display:table;height:100%;}
.same-height.row .row-inner .columns{ display:table-cell; height:100%; margin-right: 0px; float: none; vertical-align: middle; position: relative;}
.same-height.row .row-inner .columns.column_1-2{ width:50%;}
.same-height.row .row-inner .columns.column_1-3{ width:33.333%;}
.same-height.row .row-inner .columns.column_2-3{ width:66.666;}
.same-height.row .row-inner .columns.column_1-4{ width:25%;}
.same-height.row .row-inner .columns.column_1-5{ width:20%;}
.same-height.row .row-inner .columns.column_2-5{ width:40%;}
.same-height.row .row-inner .columns.column_3-5{ width:60%;}

.same-height.row .row-inner .columns p{ margin-bottom:20px;}
.same-height.row .row-inner .columns p:last-of-type{ margin-bottom:0px;}
.same-height.row .row-inner .columns .inner-box p:last-of-type{ margin-bottom:20px;}

.flex.row .row-inner{ display:flex; }
.flex.row.reverse .row-inner{ flex-direction: row-reverse;}

@media (max-width: 1024px){
   .columns{ width: 100% !important; margin-right: 0px; padding-left: 20px; padding-right: 20px;}
}