/*!
Theme Name: Jweb Studio
Theme URI: https://www.jwebstudio.it/sviluppo-siti-web/
Template: kadence
Author: Jweb Studio
Author URI: https://www.jwebstudio.it/
Description: Un tema figlio sviluppato da Jweb Studio per il tema Kadence
Version: 1.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.iubenda-cs-close-btn i { font-size: 18px !important; color: #FFF; background:none;}

#iubenda-cs-banner { bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; }
.iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-family: Helvetica,Arial,FreeSans,sans-serif; font-size: 14px; background: #bd848d; color: #fff;}
.iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; }
.iubenda-banner-content > p { font-family: Helvetica,Arial,FreeSans,sans-serif; line-height: 1.5; }
.iubenda-cs-close-btn { margin:0; color: #fff; text-decoration: none; font-size: 14px; position: absolute; top: 0; right: 0; border: none; background:none;}
.iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #fff; font-size: 14px; font-weight: 900; }

.entry-hero.page-hero-section .entry-header { 
	display: flex;
    flex-direction: row;
    justify-content: space-between; 
	align-items: center;
}

.wp-block-kadence-iconlist.kt-list-icon-aligntop ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap a.kt-svg-icon-link {
	align-items: center !important;
}

.menu li.lang-item a { border-left: 1px solid #ddd; font-size:0.9em !important; font-weight: 600 !important; }

/* Homepage
-------------------------------------------------------------- */
.home .slider-text-homepage {
	position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
	width:40%;
	height: 100%;
	margin-left: auto;
    margin-right: auto;
}

.home .slider-text-homepage .kt-inside-inner-col {
	height: 100%;
	display: flex;
    justify-content: center;
}

.html5boxVideoControls { display: none !important; }

video::-webkit-media-controls {  }

.home .heroHomepage { animation: zoomHero 20s linear infinite alternate; }

.site-main-header-wrap .site-main-header-inner-wrap { animation: fadeIn 2s linear 0s 1 normal; position: relative;}

.ls-outline .ls-nav-prev, .ls-outline .ls-nav-next { width: 28px !important; border-radius: 0px !important; }
.ls-outline .ls-nav-prev:before, .ls-outline .ls-nav-prev:after, .ls-outline .ls-nav-next:before, .ls-outline .ls-nav-next:after {
	left: 17px !important;
}

.ls-outline .ls-nav-prev:before,
.ls-outline .ls-nav-prev:after { left: 9px !important; }

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	50% {
		opacity: 0.8;
	}
	
	100% {
		opacity: 1;
	}
}

@keyframes zoomHero {
	0% { background-size: 100% 100%; }
	100% { background-size: 110% 110%; }
}

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

	.home .slider-text-homepage {
		width: 60%;
	}

	@keyframes zoomHero {

		100% { background-size: 110% 110%; }
	}
}

/* Gellery
-------------------------------------------------------------- */

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
	right: 0.3em !important;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
	left: 0.3em !important;
}

.kb-splide .splide__arrow {
	border-radius: 0 !important;
	width: 1.8rem;
}

.wp-block-video video { max-height: 555px; }

.amazingslider-arrow-right-2,
.amazingslider-arrow-left-2 {
	display: block !important;
	opacity: 0.3;
}

.wonderpluginslider-container-2:hover .amazingslider-arrow-right-2,
.wonderpluginslider-container-2:hover .amazingslider-arrow-left-2 {
	opacity: 0.8 !important;
}

#slider-html5-lightbox .html5-title { display: none; }

/*.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner {
	border:2px solid #000;
	padding: 5px;
}*/

/*.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner::before {
	content: '';
	height: 96%;
	width: 96%;
	position: absolute;
	border:2px solid #000;
	margin: 2%;
	z-index: 999;
	box-shadow: 0 0 20px #fff;
}*/

/* Toggle menu
-------------------------------------------------------------- */

.widget-toggle-open-container .widget-toggle-open {
    color: #222222;
    padding: 0.6em 0.6em 0.6em 0.6em;
    font-size: 14px;
    border-radius: 50%;
}


.popup-drawer .drawer-inner{
	background-color:#fff !important;
	color: #333 !important;
}


#widget-drawer .header-widget2 a:not(.button), #widget-drawer .header-widget2 .drawer-sub-toggle {
    color: rgba(9,12,16,0.97) !important;
}

/* Form Contatti */

.column2, .column1{
	width: 100%;

	
}


input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
	width: 100% !important;
}

.row2{
	display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
	margin-top: 10px;
}


.row1{

	margin-top: 10px;
}

.wpcf7 .wpcf7-submit{
	width: 100% !important;
	margin-top: 10px !important;
	    align-items: center !important;
    border-radius: 0 35px 35px 35px !important;
    justify-content: center !important;
    padding: 20px 30px !important;
    text-align: center !important;
    transition: .8s !important;
	}
  


#field1, #field2, #field3, #field4, #field5, #field6{
border-bottom:1px solid #A4A4A4 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-radius: 0px !important; 
	background: transparent !important;
	box-shadow: none !important;
}


.textarea {
  resize: none !important;
}
  


::-webkit-input-placeholder { /* WebKit browsers */
    color: #abb8c3 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #abb8c3 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #abb8c3!important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #abb8c3 !important;
    opacity: 1;
}


.footer-widget-area{
	    font-size: 14px;
}


/* Form Contatti
-------------------------------------------------------------- */

.column2, .column1{
	width: 100%;
}

.wpcf7 label { font-weight: 500; }

input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
	width: 100% !important;
}

.row2{
	display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
	margin-top: 10px;
}

.row1{

	margin-top: 10px;
}

.column.privacy p { margin-bottom: 0; }

.column.privacy {
	margin-bottom: 20px;
}

.wpcf7 .wpcf7-list-item { margin-left: 0; }

@media screen and (min-width: 320px) and (max-width:768px) {
	
	.column2, .column1{
		margin-bottom: 30px;
	}

	
	.row2 {
		grid-template-columns: 1fr;
	}
}

.wpcf7 .wpcf7-submit{
	width: 100% !important;
	margin-top: 10px !important;
	    align-items: center !important;
    border-radius: 0 !important;
    justify-content: center !important;
    padding: 20px 30px !important;
    text-align: center !important;
    transition: .8s !important;
	}
  


#field1, #field2, #field3, #field4, #field5, #field6{
border-bottom:1px solid #A4A4A4 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-radius: 0px !important; 
	background: transparent !important;
	box-shadow: none !important;
	 resize: none !important;
}


.textarea {
  resize: none !important;
}
 resize: none;


::-webkit-input-placeholder { /* WebKit browsers */
    color: #abb8c3 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #abb8c3 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #abb8c3!important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #abb8c3 !important;
    opacity: 1;
}

/* Footer
-------------------------------------------------------------- */

footer .menu { display: flex; justify-content: flex-end; gap:20px; text-transform: uppercase; }
footer .menu li.lang-item { display: none; }

.site-bottom-footer-wrap .site-info-inner .poweredby a {display: flex;flex-wrap: wrap;align-items: center;justify-content: center; gap: 5px;}

@media screen and (max-width: 767px) {
	footer .menu { justify-content: flex-start; } 
	.site-bottom-footer-wrap .site-info-inner .poweredby a { justify-content: center; }
}

/* Fine Footer
-------------------------------------------------------------- */


/* Hover Link menu
-------------------------------------------------------------- */


a, a > span {
  position: relative;
  color: inherit;
  text-decoration: none !important;
  line-height: 24px;
}
a:before, a:after, a > span:before, a > span:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.hover-1 {
  padding-top: 10px;
}
.hover-1:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #492059;
  transform: scaleX(0);
}
.hover-1:hover:before {
  transform: scaleX(1);
}


/* Close menu
--------------------------------------------------------------

.popup-drawer .drawer-header .drawer-toggle {
    width: 1em;
    position: relative;
    height: 1em;
    box-sizing: content-box;
    font-size: 24px;
    border: 1px solid #333 !important;
    border-radius: 50% !important;
    padding: 0.2em !important;
    margin-top: 9px !important;
}


.mobile-toggle-open-container .menu-toggle-open{
	    border-radius: 50% !Important;
}

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

/* Gallery
--------------------------------------------------------------
.gallery-showroom ul li img { filter: grayscale(0.8); -webkit-transition : -webkit-filter 500ms linear }
.gallery-showroom ul li img:hover { filter: unset }
*/


	
.gallery-showroom ul li img {
	filter: grayscale(0.8);
  transition-duration: 1s;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
	  height: 100%; /* [1.1] Set it as per your need */
  overflow: hidden;
	-webkit-backface-visibility: hidden;
	  display: block;
  width: 100%;
 
}

.gallery-showroom ul li img:hover {
   filter: grayscale(0);
  transform: scale(1.1);

}

/* 
 * Text Scroll
--------------------------------------------------------------*/

.wrapper-infinitescroll {
	 max-width: 100%;
	 overflow: hidden;
	 width: 100%;
	border-top: 1px solid var(--global-palette7)
}
 .wrapper-infinitescroll .infinitescroll {
	 display: flex;
	 flex-wrap: nowrap;
	 gap: 50px;
	 animation: infinitescroll 45s linear infinite;
}
 .wrapper-infinitescroll .infinitescroll div {
	display: flex;
	gap: 50px;
}

.wrapper-infinitescroll .infinitescroll:hover { animation-play-state: paused; }

.wrapper-infinitescroll .infinitescroll div a { display: block; width: 170px; padding: 1em 0; }
.wrapper-infinitescroll .infinitescroll div img { width: 100%; height: 85px; filter: grayscale(1) }
.wrapper-infinitescroll .infinitescroll div img:hover { filter: grayscale(0);  }

 @keyframes infinitescroll {
	 0% {
		 transform: translate3d(0, 0, 0);
	}
	 100% {
		 transform: translate3d(-50%, 0, 0);
	}
}

@media screen and (min-width: 320px) and (max-width:767px) {
	.wrapper-infinitescroll .infinitescroll {
		gap: 30px !important;
	 	animation: infinitescroll 10s linear infinite !important;
	}
	
	.wrapper-infinitescroll .infinitescroll div {
		gap: 30px !important;
	}
	
	.wrapper-infinitescroll .infinitescroll div a {
		width: 100px
	}
	
	.wrapper-infinitescroll .infinitescroll div img {
		height: 50px;
	}
}

/* Mobile
--------------------------------------------------------------*/
.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: #2f2f2f !Important;
}


.top-mobile {
	font-size: 14px !important;
	line-height: 0.1 !important;
}


.top-text {
	font-size: 16px !important;
	line-height: 0.1 !important;
}