/*
Theme Name: Filippo Tonelli
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;
}

h1, h2, h3, h4, h5, h6, p, li, span, label, a, div{ font-weight: 400; }
h1{ text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; }
h2{ margin-bottom: 10px; }
h3{ margin-bottom: 10px;}
h4{ }
p, li{ }
a{ color: #333;}
ul{ padding-left: 20px; margin-bottom: 20px;}
strong{ font-weight: bold; }
hr, .elementor hr{ margin-bottom:10px;}
[type=button]:focus, [type=submit]:focus, button:focus{ background-color: transparent; outline: none;}
label{ display: block;}
.wp-block-code{ background-color:#f2f2f2; padding:20px; }
.wp-block-code code{ font-size:12px;}
code {
     font-size:1.2em;
     color: #1e1e1e; 
     position: relative;     
     border-radius: 4px;     
     background: #e1e1e1 
}
@media (max-width: 768px){

  ::-webkit-scrollbar {
    height: 6px;
  }

  h1{ font-size: 34px;}
  h2{ font-size: 34px;}
  h3{ font-size: 18px;}
  h4{ font-size: 18px; }
}
.text-white h2, .text-white h3,.text-white p{ color: #fff;}

/* HEADER */
.header{ position: relative; top: 0; z-index: 1000; background:#fff; width: 100%; transition: all ease-in-out .3s; box-shadow:0px 0px 1px #000;}
.header.fixed { position: fixed;  top: 0;  z-index: 1000; }
.logged-in .header.fixed{ top: 32px;}
.site-branding img, .site-branding svg { width: 250px; height:auto; padding: 0px; transition: all ease-in-out .3s;}
.header.fixed .site-branding img, .header.fixed .site-branding svg { }
.site-header:not(.dynamic-header){ max-width: 1200px; width:100%; padding-top: 10px; padding-bottom: 10px;}
.header-sticky-height {  width: 100%;  height: 0px;  display: block; }

.logo{ max-width: 500px; width: 80%; margin:0 auto; text-align: center; }
@media (max-width: 768px){
  .header{  }
  .header-sticky-height{  }
}

#wpadminbar a, #wpadminbar span{ color:#eee;}

/* NAVIGATION */
.site-navigation .menu-main-menu-container{ width: 100%; padding: 10px 0;}
.header.fixed.site-navigation .menu-main-menu-container{ padding: 0px 0;}
.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 10px;}
.site-header .site-navigation ul.menu > li a, .site-header .site-navigation ul.menu > li span{ display: block; position: relative; color: #565656; padding: 8px 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;}
.site-navigation ul.menu > li a:hover, .site-navigation ul.menu > li.current-menu-item  a{ color: #0077B6;}
.site-navigation ul.menu > li a::after{ display: block; width: 0; height: 1px; background-color: #0077B6; content: ""; position: absolute; left: 0; bottom: 5px; 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%;}
.site-navigation ul.menu > li.menu-item-194{ margin-left: 30px;}
.site-navigation ul.menu li.menu-item-has-children{ }
.site-navigation ul.menu li.menu-item-has-children:after{ content:none;}

.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; visibility:hidden; opacity:0; z-index:1000; min-width: inherit; width:220px; 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; }
.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:block; background-color:#fff; margin-right:0; border-bottom:1px solid #333; text-align: left; 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;}
.site-navigation ul.menu > li ul.sub-menu li a { display:block; padding:8px 10px; color:#333; font-size:14px; line-height:1.5; text-transform:none; transition: all ease-in-out .3s;}
.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: #fff;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  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-navigation ul.menu{ margin-bottom: 0;}
  .site-branding { width: 100%; max-width: 100%; text-align: center;}
.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;}
}
/************
    COLUMN
************/

.page-title h2{ font-size: 24px;}
.page-title h3{ margin-bottom: 5px; letter-spacing: 0.5px;}
.page-title p{ color: #fff; margin-bottom: 40px;}
.page-title a{ margin-right:20px;}
.page-title a:last-of-type{ margin-right:0px;}
.page-title{ position: relative; }
.page-title::before{ display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.2);}
.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){
  .site-navigation .menu-main-menu-container{ padding: 0;}
  .site-header{ padding-left: 0; padding-right: 0;}
   .mobile_menu_button{ display: block;}
   .site-navigation{ display: none; border-top: 1px solid #fff; width: 100% !important; }
   .site-navigation ul.menu li{ display: block; width: 100%; text-align: center; margin-right: 0; border-bottom: 1px solid #fff; padding: 10px 0;}
   .site-navigation ul.menu li a{ font-size: 14px; padding: 0; color: #333;}
   .site-navigation ul.menu li.menu-item-social{ float: left; width: 25%;}
   .site-navigation ul.menu > li.menu-item-194{ margin-left: 0;}
   .site-navigation ul.menu li.current-menu-item{ background-color: #fff;}
   .site-navigation ul.menu li.current-menu-item a{ color: #000;}
   .site-navigation ul.menu li a::after{ content:none;}
   .columns{ width: 100% !important; margin-right: 0px; padding-left: 20px; padding-right: 20px;}
   .site-navigation ul.menu li .sub-menu{ display: none; top: 0; position: relative; width: 100% !important; }
   .site-navigation ul.menu li.collection .sub-menu{ display: none !important;}
   .sub-menu-toggle{ position:absolute; top: 5px; right: 30px;  z-index: 999;}
}

body.single-collection .site-main{ max-width: 100% !important;}

/***** TOGGLE ********/
.toggle { margin-bottom: 10px; }
.toggle .toggle-title{ padding: 5px 0; text-transform: uppercase; border-bottom: 1px solid #272360; position: relative; cursor: pointer;}
.toggle .toggle-title::after, .toggle .toggle-title::before{ position: absolute; right: 5px; display: block; content: ""; width: 2px; height: 14px; background-color: #272360; top: 14px; transition: all ease-in-out .3s; }
.toggle .toggle-title::before{ transform: rotate(90deg); }
.toggle .toggle-title.active::after{ transform: rotate(90deg);}
.toggle .toggle-title span{ font-size: 24px; text-transform: capitalize; }
.toggle .toggle-content{ display: none; padding: 10px 0;}
.toggle .toggle-content p{ color: #333; }
.toggle .toggle-content a{ color: #333; text-decoration: underline;}
.toggle .toggle-content::after{ display: block; content: ""; clear: both;}

/* FOOTER */
#site-footer.site-footer{ max-width: 100%; margin-top: 0px; padding:0; }
#site-footer.site-footer .footer-area{ max-width: 100%; padding: 60px 0 40px; background-color: #f2f2f2;}
body.blog .site-footer .footer-area, body.single-post .site-footer .footer-area, body:not([class*=elementor-page-]) .site-footer .footer-area{ padding:0 10px;}
.site-footer .footer-area .elementor-row{ max-width: 1200px; 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{ fill:#fff;}
.footer-area h4, .footer-area p, .footer-area ul li, .footer-area a{ color: #333; }
.footer-area i{ font-size:24px;}
.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: 24px; }
.footer-area p, .footer-area ul li{ font-size: 14px;}
.footer-area a{ text-decoration: underline;}
.social-footer a{ display: inline-block; margin-right: 10px; }
.social-footer a i{ font-size: 26px;}
.footer-copywrite { padding: 20px 0;}
.footer-copywrite .elementor-row .elementor-column { width: 100%;}
.footer-copywrite p{ font-size: 12px; text-align: center; font-weight: 600; margin: 0;}
.footer-copywrite p a{ font-weight: 400;}
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: #000; border-top: 1px solid #fff; }
.footer-mobile-menu .mobile_menu_button{ top:inherit; right: inherit; bottom: 0; left: calc(50% - 28px); background-color: #000; 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{ display:none;}
@media (max-width: 1024px){
  .site-footer .footer-area .elementor-row{ padding: 0px;}
  .footer-mobile-menu{ display: block; }
  .grecaptcha-badge{ bottom:90px !important; z-index:1001; }
  .elementor-section.elementor-section-boxed>.elementor-container.footer-area{ padding-left: 20px; padding-right: 20px;}
  .footer-copywrite{ margin-bottom: 50px;}
}

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

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

/* CONTENUTO */

body.blog .site-main, body.single-post .site-main, body:not([class*=elementor-page-]) .site-main{ max-width: 100%; padding:0; }
.blog .site-main .page-header .row .row-inner, .category .site-main .page-header .row .row-inner{ padding-top:20px;}
body.blog .site-main .page-content, .category .site-main .page-content .row .row-inner{ padding-top:60px;}


.text-shadow{ text-shadow: 1px 1px 2px #000;}
.elementor-button.elementor-size-md{ text-transform: uppercase;}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{ color: #fff;}
#wpsl-widget-form label{ margin-bottom:10px; color: #000; }
#wpsl-widget-form p{ display:inline-block; width: 70%;}
#wpsl-widget-form p:last-of-type{ width: 25%;}
#wpsl-widget-form input[type=submit], #wpsl-widget-form input[type=text]{ color: #000; border:none; border-radius: 0px;}
#wpsl-widget-form input[type=submit]{  font-family: Font Awesome\ 5 Free;  font-weight: bold; border:1px solid;}
#wpsl-widget-form input[type=submit]:hover{ color: #fff; background-color: #000; }


.text-over-img{}
.text-over-img a, .text-over-img span{ display: inline-block; position: absolute; padding: 15px; border:1px solid #fff; background-color: rgba(0,0,0,0.7); color:#fff; text-transform: uppercase; cursor:pointer;  left: calc(50% - 90px); z-index: 999;
  transition: all ease-in-out .3s;}
.text-over-img span.active{ margin-top:-50px;}
.text-over-img p{ display: block; opacity: 0; color: #fff; text-shadow: 1px 1px 1px #000; padding: 20px 20% 0; transition: opacity ease-in-out .3s;}
.text-over-img p:first-of-type{ display: block; opacity: 1; padding-top: 0; }
.text-over-img p.active{ opacity: 1;}

.mio-ip{ font-size:54px;}

.photo-credits{ position:absolute; bottom:0; right:0; background-image:linear-gradient(transparent, #000000); margin-bottom: 0 !important; padding-right:20px; text-align: right; z-index:1000;}
.photo-credits p, .photo-credits a{ font-size:14px; color:#fff;}
.photo-credits a{ text-decoration:underline;}
.grecaptcha-badge{ z-index:100000;}
.comment-form .wpgdprc-checkbox label{ font-size:14px;}

@media (max-width: 768px){
.mio-ip{ font-size:46px;}
}
/***** LAVORI ********/
.lavori .elementor-container .elementor-row .elementor-column .elementor-widget-wrap .elementor-widget-image{ margin-bottom:0;}
.lavori .elementor-container .elementor-row .elementor-column .elementor-widget-wrap .elementor-widget-text-editor{ position:absolute; bottom:0; left:0; width:100%; margin-bottom:0; padding-left:20px; background: linear-gradient(transparent 0%, #000000 100%);}
.lavori .elementor-container .elementor-row .elementor-column .elementor-widget-wrap .elementor-widget-text-editor p{ }

/***** PRODUCT ********/

.list-product-link{ margin-bottom: 40px;}
.list-product-link ul{ text-align: center; list-style: none;}
.list-product-link li{ display: inline-block; margin-right: 20px;}
.list-product-link li:last-of-type{ margin-right: 0;}
.list-product-link li a{ padding: 20px; border:1px solid #000; color: #000; transition: all ease-in-out .3s;}
.list-product-link li a.active, .list-product-link li a:hover{ background-color: #000; color: #fff;}

body.single-bkproducts .site-main, body.post-type-archive-bkproducts .site-main, body.tax-bkproducts-category  .site-main{ max-width: 100%;}

body.post-type-archive-bkproducts .site-main .page-content, body.tax-bkproducts-category  .site-main .page-content{ padding-top: 40px;}

.product-header .row.page-title{ background-image: url(https://bluekompany.com/wp-content/uploads/2020/07/bg-product.jpg);}
.product-header .row .row-inner{ padding-top: 60px; padding-bottom: 40px;}
.product-header .row .row-inner .columns{ text-align: center;}
.product-header .row .row-inner .columns h1{ display:inline-block; vertical-align: middle; margin: 0;  text-shadow: 1px 1px 1px #000;}
.product-header .row .row-inner .columns img{ display:inline-block; margin-left: 10px; max-height: 33px; vertical-align: middle; }
.product-content .product-middle .row-inner{ padding-top: 60px; padding-bottom: 40px; }
.product-content .product-middle .columns .variants-container{ float: left; width: 120px; margin-right: 40px;}
.product-content .product-middle .columns .variants-container h2{ margin: 0 0 20px; font-size: 24px; text-transform: uppercase; text-align: center;}
.product-content .product-middle .columns .variant-gallery{ float: left; width:calc(100% - 160px); }
.product-content .product-middle .columns .variants{ padding-left: 0; list-style: none; max-height: 370px; overflow-x: hidden; overflow-y: scroll;}
.product-content .product-middle .columns .variants li{ margin-bottom: 10px;}
.product-content .product-middle .columns .variants li a{ display: block; text-align: center; cursor: pointer;}
.product-content .product-middle .columns .variants li img{ width: 100px;}
.product-content .product-middle .columns .img-note{ display:block; margin-top:60px;}
.product-content .product-middle .columns .img-note p{ font-size:12px; line-height:12px;}
.toggle.specification ul{ padding-left: 0; margin-bottom: 0; }
.toggle.specification ul li{ font-size: 0; margin-bottom: 8px;}
.toggle.specification ul li strong, .toggle.specification ul li span{ width: 28%; display: inline-block; font-size: 13px;}
.toggle.specification ul li span{ width: 72%; text-align: right;}
.toggle.specification ul li span img{ display: inline-block; max-height: 28px;}
.toggle.download a{ width: calc(50% - 15px); margin: 5px; text-decoration: none;}

.product-gallery{ display: none; }
.product-gallery.active{ display: block; }
.product-gallery .product-description{ margin-bottom: 40px; padding: 0 20%; text-align: center;}

.product-item{ padding: 10px; background-color:transparent; border: 1px solid transparent; transition: all ease-in-out .3s; }
.product-item:hover{ background-color:#849286; border-color: #000;}
.product-item img{ padding: 20px; }

.related-products h2{ text-align:center; }
.related-products .row .row-inner{ padding-bottom: 60px; }
.product-list .product{ text-align: center;}

.cat-list h2{ font-size: 28px;}
.cat-list ul{ list-style: none;}
.cat-list ul li{ line-height: 28px; margin-bottom: 0px; }
.cat-list 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;}
.cat-list ul li:hover::before, .cat-list ul li.active::before{ width: 15px; }
.cat-list ul li a{ font-size: 18px;}

@media (max-width: 768px){
  .dishes-list { padding-left: 0; }
  .product-content .product-middle .columns .variants-container{ float: none; width: 100%; overflow-x: scroll; margin-bottom: 20px; padding-top: 40px;}
  .product-content .product-middle .columns .variants-container h2 {text-align: center; position: absolute; width: 100%; top: 40px;  left: 0;}
  .product-content .product-middle .columns .variants {  max-height: auto; margin-bottom: 0; overflow-y: hidden; font-size: 0;}
  .product-content .product-middle .columns .variants li{ display: inline-block; margin-bottom: 0; }
  .product-content .product-middle .columns .variant-gallery { float: none; width:100%;}
  .toggle.form .columns{ padding-left: 0; padding-right: 0; margin-bottom: 0; }
  .toggle.form .columns label{ margin-bottom: 5px; }
  .toggle.form .columns textarea{ margin-top: 20px; }
}

/****** POST *****/
.page-content.archive .post{ display:flex;  margin-bottom:20px;}
.post-list .post .post-image{ flex:1;}
.post-list .post .post-content{  flex:1; font-size: 0; background-color: #f2f2f2; padding:20px;}
.post-list .post .post-content .title{ display: block; margin-bottom:10px; }
.post-list .post .post-content .title a{ text-decoration:none;  color:#333;}
.post-list .post .post-content .title h3{ font-size:22px; font-weight:600; }
.post-list .post .post-content .button a{ display: inline-block; font-size: 15px; font-weight: 500; text-decoration:none;}
.post-list .post .post-content .excerpt{ margin-bottom:10px;}
.post-list .post .post-content .excerpt p{ font-size:15px;}

.post .page-header .row{ padding-top: 40px; padding-bottom:20px;}
.post .page-content .row{ padding-top: 40px; padding-bottom:20px;}
.single-post .post .post-content{ background-color: transparent; padding: 0;}
.single-post .post .post-content a{ text-decoration:underline;}
.post .post-content{ background-color: #f2f2f2; padding: 20px;}
.post .post-content img{ margin-bottom:20px;}
.sidebar .widget{ background-color: #f2f2f2; padding: 20px; margin-bottom:  20px;}
.sidebar .widget a{ color: #000;}
.sidebar .widget .widget-title{ text-transform: uppercase;}
.widget .search-form {  position: relative;}
.widget .search-form input[type=search]{ border-radius: 0;}
.widget .search-form input[type=submit]{ width: 100%;}

.widget .search-form input[type=submit] { width: 50px; position: absolute; top: 0; right: 0; font-family: "Font Awesome 5 Free";}

.comments-area{ padding: 20px; background: #f2f2f2; margin-top: 40px; } 

@media (max-width: 768px){
	.page-content.archive .post{ display:block; }
}

/***** BTN *******/
.btn, .page-title a, .wpcf7-form input[type="submit"]{ display: inline-block; min-width: 180px; padding: 8px 10px; border:1px solid #000; text-align: center; transition: all ease-in-out .3s; font-size: 18px;  text-transform: uppercase; }
.btn:hover, .page-title a:hover{ background-color:#fff; color: #000; }
.wpcf7-form input[type="submit"]{ background-color:#6aa573; color: #fff; }
.wpcf7-form input[type="submit"]:hover{ background-color:#fff; color: #6aa573; }

.btn.black{ color: #000; border-color:#000;}
.btn.black:hover{ color: #fff; background-color:#000;}

.btn.top40{ margin-top: 40px;}

@media (max-width: 768px){
  .btn{ margin-bottom: 10px; }
}

/* FORM */

.post-password-form{ max-width: 600px; margin: 40px auto 0; text-align: center;}
.post-password-form input[type=password]{ margin: 20px 0;}

.wpcf7-form{ }

.wpcf7-form input, .wpcf7-form textarea{ margin-bottom: 10px; background-color: #fff; border-radius: 0px; font-size: 14px; }
.wpcf7-form textarea{ max-height: 80px;  }
div.wpcf7 input[type="file"]{ width: 100%; margin-top: 10px; border:none;}
.wpcf7-form input[type="submit"]{ font-size: 16px; width: 100%; border-color:#6aa573; }
[type=button], [type=button], [type=submit], [type=submit], button, button{ border: 1px solid #000; background-color: #000; color: #fff; font-weight: bold;}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{ background-color: #fff; color: #000;}

select{ border-radius: 0px; padding: 9px 5px;   font-weight: 600;  font-size: 14px;}
select option{font-weight: 600;  font-size: 14px;}
#wpsl-wrap .wpsl-search{ border-radius: 2px;}
.wpcf7-form a{ color:#767676; text-decoration: underline; }
.wpcf7-form label{ display:block; margin-bottom:5px; font-size: 14px; color: #000;}
.wpcf7 .ajax-loader{ position: absolute; }
.wpgdprc span{ font-size: 10px;}

@media (max-width: 768px){
  .list-product-category .item, .product-list .elementor-container .elementor-row .elementor-column{ float: none; width: 100%; text-align: center;}
  .list-product-category .item.column_6{ width: 100%;}
	.product-content .elementor-element .elementor-row .gallery .elementor-column-wrap{ width:100%;}
	.product-content .elementor-element .elementor-row .elementor-column:last-of-type{ padding:10px 0;}
	body .site-main.product-category, body .site-main.swing-product, .product-category .page-content .elementor-element .elementor-container{ padding:0;}
	.swing-product .page-content .elementor-element .elementor-container{ padding:0 20px;}
	.product-category header.page-header .page-header-content{ padding: 100px 0;}
	.product-category .page-content{ padding:0 20px;}
  .footer-area ul li{ font-size: 15px;}
  .strati-lvt ol{ padding-left: 0;}
  .strati-lvt ol li{ font-size: 16px;}
  .book-table{ display: none;}
}