/*
Theme Name: Bellotti-Arreda-Theme-Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/** Font **/
@font-face {
    font-family: 'Futura Round';
    src: url('fonts/futura-round/futura-round-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,
body {
    font-family: 'Futura Round', sans-serif !important;
}
h1, h2, h3 {
    font-weight: 200 !important;
	letter-spacing: 1px !important;
}
/** End Font **/

/** Header **/
body .header-wrapper .header-bg-color.fill{
background: linear-gradient(
  to bottom,
  rgb(24, 22, 23) 0%,
  rgb(24, 22, 23) 18%,
  rgba(24, 22, 23, 0.95) 35%,
  rgba(24, 22, 23, 0.7) 55%,
  rgba(24, 22, 23, 0.35) 75%,
  rgba(24, 22, 23, 0.1) 90%,
  rgba(24, 22, 23, 0) 100%
) !important;
}

.header-wrapper.stuck{
    box-shadow: unset !important;
    padding: 10px 0px;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a{
    color: white !important;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a:hover{
    color: #ed6608 !important;
}



/*** Centrare nav ***/
.header-inner.flex-row.container.logo-left.medium-logo-center > .flex-col{
    width: 25% !important;

}
.flex-col:has(> ul.header-nav.header-nav-main.nav.nav-left){
width: 50% !important;

}
.flex-col:has(> ul.header-nav.header-nav-main.nav.nav-left) .nav-left{
justify-content: center;
gap: .5rem;
}

.header-inner.flex-row.container.logo-left.medium-logo-center > #logo{
    margin-right: 0px !important;
}

.flex-col:has(> ul.header-nav.header-nav-main.nav.nav-left) .nav-left .menu-item a{
    font-size: 1.3rem;
    
}

/** End Header **/
.home-jumbo-slider{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}



section.home-jumbo-content{
    position: absolute;
    top: 0 ;
    z-index: 2;
}


.home-three-card-custom-btn{
    text-align: left !important;
    display: flex !important;
    align-items: center;
}

.home-three-card-custom-btn span{
line-height: 120% !important;
}


.home-three-card-row .button.white {
 
    opacity: .85;
}

.home-three-card-row .button.white:hover {
    opacity: 1;
}

a:has(#footer-arrow-link){
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

a:has(#footer-arrow-link):hover #footer-arrow-link{
        transform: rotate(0deg);
}

a:has(#footer-arrow-link):hover{
    opacity: .7;
}

#footer-arrow-link{
    height: 40px;
    width: 40px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2026/01/arrow-up-right.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(45deg);
    transition: all .2s ease-in-out;
}

@media only screen and (max-width: 48em) {
#footer-arrow-link{
    height: 30px !important;
    width: 30px !important;
background-size: 70px;
}

}


.col-ambienti-custom .col-inner{
    overflow: hidden;
}

.col-ambienti-custom .img{
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 scale: 1.1;
 transition: scale .3s linear !important;
}
.col-ambienti-custom .img:hover{
    scale: 1;
}

.col-ambienti-custom .ambiente-title{
    position: absolute;
    top: 0;
    left: 20px;
    color: white;
    font-size: 2.3rem;
    pointer-events: none;
}


section.section.ambienti-section-form form input, section.section.ambienti-section-form form textarea{
    background-color: transparent;
    border-radius: 10px;
    font-size: 1.1rem;
    color: white !important;
}

section.section.ambienti-section-form form .col{
   padding-bottom: 10px;
}


section.section.ambienti-section-form form .contact-form-btn{
    background-color: #777777;
    margin: 0 !important;
    margin-top: 1rem !important;
    padding: 0px 3rem !important;
    font-size: 1rem;
}

section.section.ambienti-section-form form label:has(.contact-form-checkbox) {
    color: white;
    line-height: 100%;
}
body .ambienti-section-form{
    display: none;
}

body.page-child.parent-pageid-138 .ambienti-section-form{
    display: block !important;
}

.ambienti-section-form .ambienti-section-form-col > .col-inner{
    background-color: #ed6608 !important;
    padding: 1rem 2rem !important;
    border-radius: 20px;
}

.ambienti-section-form .ambienti-section-form-col > .col-inner .wpcf7-spinner{
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}



section.section.ambienti-section-form form input::placeholder, section.section.ambienti-section-form form textarea::placeholder{
    color: white;
    opacity: .8;
}


.contact-form-col form input, .contact-form-col form textarea{
    background-color: transparent;
    border-radius: 10px;
    font-size: 1.1rem;
    color: black !important;
}
.contact-form-col form .col{
   padding-bottom: 10px;
}
.contact-form-col form .contact-form-btn{
    background-color: #777777;
    margin: 0 !important;
    margin-top: 1rem !important;
    padding: 0px 3rem !important;
    font-size: 1rem;
    color: white !important;
}
.contact-form-col form label:has(.contact-form-checkbox) {
    color: black !important;
    line-height: 100%;
}
.ambienti-section-form .ambienti-section-form-col > .col-inner .wpcf7-spinner{
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.contact-form-col form input::placeholder, .contact-form-col form textarea::placeholder{
    color: black !important;
    opacity: .8;
}

body.page-id-152 .contact-page.ambienti-section-form{
    display: block !important;
}

body.page-id-152 .contact-page.ambienti-section-form .ambienti-section-form-col > .col-inner{
   background-color: #000000ed !important;
}


header .header-nav .html.header-button-1 .button {
   border: 1px solid white !important;
   color: white !important;
   overflow: hidden;
}

header .header-nav .html.header-button-1 .button::before{
    content: "";
    height: 100%;
    width: 0%;
    background-color: rgba(237, 102, 8, .7);
    display: inline-block;
    position: absolute;
    left: 0;
 top: 0px;
 left: 0px;
 transition: all .25s ease-in-out;
 z-index: -1;
}

header .header-nav .html.header-button-1 .button:hover::before{

    width: 100%;

}

header .header-nav .html.header-button-1 .button:hover{
    background-color: transparent !important;
    opacity: 1;
    color: white !important;
}

.slider-ambienti-home .flickity-slider > .row{
    top: 0px !important;
}
#header .header-button .button.is-outline{
    border: 1px solid white !important;
    color: white !important;
}

 #header .header-button:hover .button.is-outline{
background-color: #dfdfdf6e !important;

}

 #header .header-button .button.is-outline:hover *{
   color: black !important;
}

/*** Animazione Logo ***/
/*#bellotti-arreda-svg{
max-width: 16rem;
}

#logo:has(#bellotti-arreda-svg){
height: 100%;
display: flex;
align-items: center;
}

#logo:has(#bellotti-arreda-svg) > a{
width: 100%;
}
#bellotti-arreda-svg path {
  stroke-width: .1px;
stroke-dasharray: 0;
  stroke-dashoffset: 0;
  animation: textAnimation 3s ease-in-out 1 forwards;
}
#bellotti-arreda-svg path:not(.txt-arreda) {
  stroke: white;

}
#bellotti-arreda-svg path.txt-arreda{
    stroke: white;
	fill: white;
/*** Black
 stroke: #111110;
	fill: #111110;
 ***/
}

#bellotti-arreda-svg {
  padding: 10px 2px;
  background: linear-gradient(
    90deg,
    rgba(237, 102, 8, 1) 0%,
    rgba(237, 102, 8, 1) 51%,
    rgba(255, 255, 255, 1) 51%,
    rgba(255, 255, 255, 1) 100%
  );
  background-size: 100% 10%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
 /* animation: fillBg 1.6s ease forwards;*/
}


#bellotti-arreda-svg .st0 {
  stroke: #5e5f61;
}

@keyframes textAnimation {
  0% {
  fill: transparent;
  }
  60% {
fill: transparent;
stroke-dashoffset: 0;
  }
    100% {
  stroke-dashoffset: 0;
  }
}
@keyframes fillBg {
  from {
    background-size: 100% 10%;
  }
  to {
    background-size: 100% 100%;
  }
}
@media (min-width: 850px) {
   /* #logo a{
    width: 50% !important;
}*/
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}