/*
Theme Name:     Vibi Child
Theme URI:      http://example.com/
Description:    Vibi themes
Author:         Vibi
Author URI:     http://example.com/about/
Template:       vibi
Version:        0.1.0
*/


/*------------------------------------------------------Testi-----------------------------------------------------*/
/*
@font-face {
    font-family: 'klavikabold';
    src: url('klavika-bold-webfont.eot');
    src: url('klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavika-bold-webfont.woff') format('woff'),
         url('klavika-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'klavikalight';
    src: url('klavika-light-webfont.eot');
    src: url('klavika-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavika-light-webfont.woff') format('woff'),
         url('klavika-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klavikamedium';
    src: url('klavika-medium-webfont.eot');
    src: url('klavika-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavika-medium-webfont.woff') format('woff'),
         url('klavika-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klavikaregular';
    src: url('klavika-regular-webfont.eot');
    src: url('klavika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavika-regular-webfont.woff') format('woff'),
         url('klavika-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'klavikaboldwebfont';
	src: url('./klavikaboldwebfont.eot');
	src: local('klavikaboldwebfont'), url('./klavikaboldwebfont.woff') format('woff'), url('./klavikaboldwebfont.ttf') format('truetype');
}
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, p, a, ul li {
    font-family: 'Montserrat',sans-serif!important;
}


#intro h1 {
	font-size:55px!important;    
	font-weight: bold;
	color:#b7aa98!important;
	margin-bottom:15px;
}
#intro h2 {
    font-size: 22px !important;
    color: #676868 !important;
    font-weight: 500;
}
 h2 {
	font-size:44px!important;    
	font-weight: bold;
	color:#b7aa98!important;
	margin-bottom:15px;
}
 h3 {
    font-size: 22px !important;
    color: #676868 !important;
	 font-weight: 500;
}
	

#servizi h3 {
	font-size:20px!important;
	font-weight:650;
	text-transform:uppercase;
}
p, ul li {
	font-size:18px!important;
	color:#676868!important;
	font-weight:400!important;
	margin-bottom:0px!important;
}
#servizi h1, #servizi h2, #servizi p,  #servizi h3, #sceglierci h1, #sceglierci h2, #sceglierci p,  #sceglierci ul li {
    color: #fff!important;
}
.p-servizi p {
    font-size: 22.5px !important;
    color: #676868 !important;
    font-weight: 550!important;
}
b, strong {
    font-weight: 550!important;
}

h1 b, h1 strong , h2 b, h2 strong {
    font-weight: 700!important;
}
#contatti p.elementor-icon-box-title {
    font-weight: 550 !important;
}
#lavori p {
	margin-bottom:50px!important;
}
/*------------------------------------------------------Layout Generici-----------------------------------------------------*/
 #intro
{
	padding:150px 15px;
}
#lavori {
	padding:150px 15px 120px;
}
.div_contenuto 
{
	padding:50px 15px;
}	
#header #intro, #servizi, #lavori, body, #footer,#sceglierci  {
	background-color:#fff!important;
}
.bordo_s8 {
	border-bottom:1px solid #A21E22;
}

	
/*------------------------------------------------------Header-----------------------------------------------------*/

#header .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding:15px!important;
}

#header {
    background-color: transparent;
	z-index:100;
}
#header > .elementor-container { 
min-height: 120px; 
}
#header .cls-1 {
    fill: #676868!important;   
	stroke: none;	
}
#header .elementor-menu-toggle::after {
    content: 'menu';
    position: absolute;
    top: -1px;
    font-size: 20px;
    font-weight: 800;
    right: 35px;
    color: #676868;
}
#header .elementor-nav-menu--dropdown a {
    font-size: 18px;
    color: #fff !important;
    font-weight: 700;
}
#header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    max-width: 215px;
    right: 0 !important;
    left: auto !important;
    background-color: #676868;
    border-radius: 25px 0px 25px 25px;
}
/*.logo_bianco path, .logo_bianco polygon {
    fill: #fff!important;
}
#header .logo { 
display:none;
}
#header.elementor-sticky--effects .logo_bianco { 
display:none;
}


#header.elementor-sticky--effects .logo { 
display:inline;
margin-bottom: 0;	
}
*/
#header.elementor-sticky--effects { 
background-color: #fff!important; 
}

#header   { 
transition: background-color 1s  !important; 
}
.elementor-sticky--effects .elementor-container { 
min-height: 80px!important; 
transition: min-height 1s  !important; 	
}
.elementor-sticky--effects img.attachment-full.size-full.wp-image-426 {
    max-width: 250px;
	transition: max-width 1s  !important; 	
}
/*
.logo_bianco .elementor-widget-container .elementor-icon-wrapper svg {
    max-height:82.13px;
}
.hfe-flyout-close svg g {
    fill: #FFFFFF!important;
}
#header .hfe-nav-menu-icon {
    padding: 0!important;
}
#header .hfe-nav-menu-icon::after {
    content: 'menu';
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: -5px;
    font-family: "Montserrat", sans-serif;
}	
.hfe-flyout-close, .hfe-flyout-close svg{
    top: 25px!important;
    right: 0px!important;
    width: 35px!important;
    height: 35px!important;
}
---------------------------start menu popup------------------------------
#menu path {
    fill: #fff!important;
}
#menu {
    z-index:100!important;
}
.menupop {
	z-index:50!important;
}

div#nav-icon::before {
    content: 'menu';
    position: absolute;
    right: 39px;
    bottom: -1px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
#mynav {
    position: absolute;
    top: 0!important;
    right:0!important;
}

#nav-icon {
  width: 26px;
  height: 22px;
  margin-top: -8px;
  padding:0!important;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 0px;
}
#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left: 0px;
}
#popup #social svg  {
    background-color: #A21E22!important;
    border-radius: 85px;
	padding:5px;
	margin:10px;
}

/*---------------------------end menu popup------------------------------*/

/*---------------------------start menu elementor------------------------------*/
/*.menu::after {
    content: 'MENU';
    position: absolute;
    right: -8px;
    font-size: 12px;
    color:#fff;
    font-weight:800;
    margin-top:3px
    
}
.menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    height: 100vh;
    max-width: 50%;
    right: -8px!important;
    left: auto!important;
}*/
.menu {
    --gap: 0.6em!important;
    --weight: 0.25em;
    --width: 2.3em;
}
.menu .elementor-menu-toggle{
    position: relative;
}
.menu .elementor-menu-toggle:before,
.menu .elementor-menu-toggle:after,
.menu .elementor-menu-toggle i:after{
    content: "";
    height: var(--weight);
    width: var(--width);
    position: absolute;
    background: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% + var(--gap)));
    transition: all 0.3s ease-in-out;
}
.menu .elementor-menu-toggle.elementor-active:before{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.menu .elementor-menu-toggle:after{
    transform: translate(-50%,calc(-50% - var(--gap)));
}
.menu .elementor-menu-toggle.elementor-active:after{
    transform: translate(-50%,-50%) rotate(45deg);
}
.menu .elementor-menu-toggle i:after{
    transform: translate(-50%,-50%);
}
.menu .elementor-menu-toggle i:before,
.menu .elementor-menu-toggle.elementor-active i:after{
    opacity: 0;
}
/*
.menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    max-width: 550px;
	left:0!important;
	
}
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    max-width: 100%;
}
.menu .elementor-nav-menu a {
    justify-content: flex-end;
}
/*---------------------------end menu elementor------------------------------*/

/*------------------------------------------------------Body-----------------------------------------------------*/

section#testa {
    margin: 0px 10% 0px 0px;
	background-color:#fff!important;
}
#testa .swiper-slide {
    min-height: 800px!important;	
}
#testa .swiper {
    border-radius: 0px 25px 25px 0px;
}
#testa .elementor-slides .swiper-slide-bg {
    background-position: top left!important;
}	
section#box_doppio {
  padding:100px 0px;
}
#foto {
	width:70%;
	z-index:0;
}
#testo {
	width:30%
	z-index:100;
	margin:25px 25px 25px -25px;
	background-color:black;
	color:#fff;
	padding:25px;
}
#foto .elementor-swiper-button-next {
    right: 30px;
}
/*
#intro {
	padding: 80px 15px 80px 0;
}

#intro .txt {
	padding:50px!important;
}
#servizi #sf_icone {
    background-color: transparent;
    padding: 25px!important;
    border: 1px #A21E22 solid;
	border-radius:50px;
	margin:25px;
}*/

section#servizi {
    background-color: #b6a996 !important;
    border-radius: 25px 0px 0px 25px;
    padding:50px;
}

section#servizi {
    margin: 0px 0px 0px 10%;
}
#servizi .cls-1 {
	fill:#fff!important;
}

#lavori .wpr-grid-media-hover-bg.wpr-overlay-fade-in.wpr-anim-size-large.wpr-anim-timing-ease-default.wpr-anim-transparency {
    opacity: 1;
}

#galleria {
	margin-top:20px;
}
#lavori .swiper-slide:nth-child(odd) {
    margin-bottom:150px;
}
#lavori .swiper-pagination-bullet {
    border-radius: 25%
}		
#lavori .swiper {
	padding-bottom:0;
}
#lavori .swiper-pagination-bullet {
    background: #b7aa98;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px!important;
    right: 0;
	width:auto;
}	
section#sceglierci {
    background-color: #bdc1cf !important;
    border-radius: 0px 25px 25px 0px;
	padding:50px;
    margin: 0px 15% 150px 0px;
}
#sceglierci ul {
list-style-type: none!important;
padding: 0;
margin: 0 0 0 25px;	
}
#sceglierci ul li::before {
    content: "";
    background-image: url(/wp-content/uploads/2025/01/div_bianco.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 9px;
}
#sceglierci li {
	margin-bottom:15px!important;
}
------------------------------------------------------Footer-----------------------------------------------------*/

#partners {
	background-color:#fff;
}
.footer {
	background-color:#fff;
	padding: 0px 15px;
}

#contatti .box {
    border-right:1px solid #b7aa98!important;
}
#contatti .box:last-child {
    border-right:0px!important;
}

#mappa { 
	filter: grayscale(1);
	margin-bottom:0;
}
#mappa .elementor-widget:not(:last-child) {
    margin-bottom: 0!important;
}
#subfooter {
	background-color:#FFF;
	padding:15px;
}
#subfooter p, #subfooter a, #subfooter nav {
	margin-bottom:0!important;
    font-size: 13px!important;
    text-transform: uppercase;
    font-weight: 500;
}

#subfooter li.menu-item::after {
    right: -1px;
    content: url(/wp-content/uploads/2025/01/divisore.svg);
    position: relative;
    top: -7px;
    width: 5px;
}	
#subfooter li.menu-item.menu-item-type-custom {
    margin-bottom: 0!important;
}

#subfooter li:last-child.menu-item::after {
    display:none!important;
}
#subfooter li:last-child.hfe-menu-item {
    padding-right: 0!important;
}	
#subfooter b {
    margin: 0px 5px;
}
#subfooter img.wp-smiley, #subfooter img.emoji {
    margin: 0 5px!important;
	padding: 1px!important;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after {
    border-left: 0!important;
}

#chat {
    max-width: 60px;
    max-height: 60px;
    position: fixed;
    width: 60px;
    bottom: 20px;
    right: 20px;
    z-index:999;
}

#chat .elementor-icon, #chat_open .elementor-icon {
    max-height: 50px;
	border-radius:10px!important;
	border:1px solid #fff;
}
#chat_open {
	max-width: 60px;
    position: fixed;
    width: 60px;
    bottom: 25px;
    right: 20px;
}

#chat_open .elementor-widget-icon {
    max-height: 50px!important;
}
#chat_open .elementor-icon, #chat .elementor-icon {
	margin-bottom:-1.3px!important;
}
.col-clo  .elementor-icon {
    background-color: #B7AA98!important;
}
.col-ope  .elementor-icon {
    background-color: #676868 !important;
    border-radius: 10px !important;
}
.b_n a.elementor-item {
    filter: grayscale(1) !important;
}
/*----- Cookiebot -----*/
#CookiebotWidget * , #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper * {
	color: #676868!important;
	

}
#CybotCookiebotDialogBodyContentText p, div#CybotCookiebotDialogBodyContentText a {
    font-size: 18px !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #B7AA98!important;
    border-color: #B7AA98!important;
	color: #fff!important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw  {
    background-color: transparent!important;
    border: 2px solid #B7AA98!important;
}	
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, #CookiebotWidget .CookiebotWidget-consent-details button, #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: #B7AA98!important;
}	
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled {
    opacity: 1;
    color: #B7AA98!important;
}	
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #B7AA98!important;
}	
#CookiebotWidget *, #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
	    font-family: 'Montserrat',sans-serif!important;

}
#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #B7AA98!important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #676868!important;
}
label.CybotCookiebotDialogBodyLevelButtonLabel {
	color: #676868!important;
}
#CookiebotWidget {
    left: 20px!important;
    bottom: 20px!important;
}
#iubenda_policy h2 {
    font-size: 25px !important;
	margin-bottom:10px!important;
	}
#iubenda_policy h3 {
    font-size: 17px!important;
    margin-bottom:10px!important;
}	
/*<--------------------------------------------------- Responsive  --------------------------------------------------->*/
@media screen and (max-width: 767px) {
#header .elementor-menu-toggle::after {
	display:none;
}
#intro, #lavori {
    padding: 120px 15px !important;
}
	
	h2 {
		font-size:36px!important;
	}
	#intro h1 {
		font-size:42px!important;
	}
	h3 {
		font-size:21px!important;
	}
.div_contenuto {
		padding:0px 15px;
}	
section#testa {
    margin: 0px 20% 0px 0px;
}
section#servizi {
    margin: 0px 0px 0px 10%;
	padding:20px;
}
#testa .swiper-slide {
    min-height: 600px!important;
}
section#box_doppio {
  padding:35px 0px;
}

.box1 p {
    margin-bottom:20px!important;
}
#contatti .box {
    border-right:0px!important;
	border-bottom:1px solid #b7aa98!important;
	padding:50px 0px!important;
}
#contatti .box:last-child  {
	border-bottom:0px!important;
	padding:50px 0px!important;
}	



div#nav-icon::before {
    right: 33px;
    bottom: 0px;
    font-size: 13px;
}
	#subfooter .hfe-nav-menu__align-right .hfe-nav-menu {
    margin: auto;
}
#subfooter li.menu-item::after {
  display:none;
}
#subfooter	.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
	#lavori .swiper-slide:nth-child(odd) {
    margin-bottom:0px;
}

	#sceglierci ul {
    margin: 0 0 0 15px;
}
	section#sceglierci {
    margin: 0px 10% 120px 0px;
	padding:20px;
		
}	
	#lavori .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none !important;
}
	#lavori img.swiper-slide-image.swiper-lazy.swiper-lazy-loaded {
    width: 100%;
}
	#lavori .uuid-0bc435d4-e202-4ee9-aecd-6072b0db560f, #lavori .uuid-7d3fac04-e136-4d75-8f73-a2b948dbe0d6  {
    fill: #ffffff;
}

	
}	


@media screen and (min-width: 768px) {
#lavori .elementor-swiper-button {
    display: none !important;
}
}