/*
 Theme Name: FlexiOne Child
 Theme URI:  https://example.com
 Description: Tema Child di "FlexiOne"
 Author:      Zangari Davide
 Template:    flexione
 Version:     1.0
*/

/* Importa gli stili del tema parent */
@import url("../flexione/style.css");



:root {
    --one: #3C4852;
    --two: #CCAB68;
    --three: #537F99;
    --five: #C4223E;
    --link-color: #006E81!important;
    --link-menu: #ffffff;
    --link-bg: #3C4852;
    --link-menu-active: #CCAB68;
    --link-botton: #006E81!important;
    --white: #ffff!important;
  }

.evi {
 align-items: center;
    background-color: var(--wp--preset--color--accent, #C4223E);
    color: #ffffff;
    column-gap: 0.5em;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-right: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
}

.evi:hover {
   background-color: #af1730;
}

 /* ------------------------------------------------------------------------- *
/* ! whatsapps */
/* ------------------------------------------------------------------------- */
.wp {
    position: fixed;
    z-index: 100;
    right: 10px;
    bottom: 16%;
}

svg#whatsapps {
    width: 50px;
    border-radius: 20px;
    box-shadow: black;
    background: #ffff;
    padding: 8px;
    color: #00d95f;
    -webkit-box-shadow: 0px 1px 14px 3px #00D95F;
    box-shadow: 0px 1px 6px 1px #00D95F;
}

    /* ------------------------------------------------------------------------- *
/* ! menu */
/* ------------------------------------------------------------------------- */
.mn-mobile {
  display: none;
}

.site-header {
  display: block;
  padding: 10px 60px;
  background-color: #3C4852;
}



.logo {
  width: 120px;
}

.nav-menu li a {
  text-decoration: none;
  color: var(--link-menu);
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
}
.page-template-menu-transparent .nav-menu li a {
  color: var(--link-menu);
}

.scroll-down .nav-menu li a {
  color: var(--link-menu);
}


.nav-menu-right li a {
  text-decoration: none;
  color: var(--link-menu);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
}

.nav-menu-right li {
list-style: none;
}

@media (min-width: 1100px) {
.main-navigation {
    position: relative;
    margin-left: 0;
}
}

.header-container {
    justify-content: space-between;
}


.page-template-menu-transparent .nav-menu-right li a {
  color: var(--link-menu);
}

.scroll-down .nav-menu-right li a {
  color: var(--link-menu);
}


.page-template-menu-transparent.scroll-down header.site-header {
  background-color: #3c4852db;
  transform: translateY(-20%);
}



.page-template-fullwidth header.site-header {
  position: fixed;
  width: 100%;
  background-color: var(--link-bg);
  box-shadow: none;
  z-index: 1000;
}

.page-template-fullwidth.scroll-down header.site-header {

  background-color: #3c4852db;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding-top: 0;
  padding-bottom: 0;
  transform: translateY(-20%);
  transition: all 0.5s ease;
  

}

.page-template-fullwidth.scroll-up header.site-header {
  background-color: var(--link-bg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding-top: 0;
  padding-bottom: 0;
  transform: translateY(-100%);
  transition: all 0.5s ease;
}

@media (min-width: 901px) {

  .page-template-menu-transparent.scroll-down header.site-header {
  transform: translateY(-20%);
}

.page-template-fullwidth.scroll-down header.site-header {
  transform: translateY(-20%);
}

}

.topbar {
  color: white;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--two);
  margin-bottom: 5px;
}

.topbar li a{color: var(--link-menu);}
.page-template-menu-transparent .topbar li a{color: var(--link-menu);}
.page-template-fullwidth.scroll-down .topbar li a{color: var(--link-menu);}



@media (max-width: 900px) {
.topbar {
  display: none;
}

.page-template-menu-transparent.scroll-down header.site-header {
    padding-top: 32px;
}
.page-template-fullwidth.scroll-down header.site-header {
    padding-top: 32px;
}
}

@media (max-width: 1100px) {
    .menu-toggle {
        display: block;
        color: white;
    }

}

button.menu-toggle {
    background: transparent;
    border: none;
}


/* ------------------------------------------------------------------------- *
/* ! footer */
/* ------------------------------------------------------------------------- */
.site-footer {
  background-color: #3C4852;
  color: #fff;
  padding: 30px;
}

/* ------------------------------------------------------------------------- *
/* ! mobile menu */
/* ------------------------------------------------------------------------- */
@media (max-width: 1100px) {

      .nav-menu {

        position: absolute;
        background: var(--link-bg);
        top: 110px;
        left: 0;
        width: 100%;
        z-index: 10;
        transform: translateY(-150%);
        transition: all 0.4s ease;
        padding: 30px;
    }

        .nav-menu.active {
          top:0;
        padding: 30px 70px;
    }

.admin-bar  .nav-menu { top: 32px; }


.logo-mobile, .close-menu {
  display: block;
}

  .close-menu {
        position: absolute;
        top: 40px;
        right: 70px;
        cursor: pointer;
    }

.close-menu svg {
  width: 15px;
  stroke: none;
fill: var(--white);
}

.hamburger-icon svg {
  width: 32px;
  stroke: none;
fill: var(--white);
}

.logo-mobile img.custom-logo {
  width: 120px;
}
.logo img {
  width: 80%;
}

.nav-menu ul li:after {
  display:none;
}

    .nav-menu-header {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }

ul#menu-main-menu li {
  font-size: 20px;
  letter-spacing: .5px;
  border-bottom: 1px solid #ffffff81;
}

ul#menu-main-menu li:last-child {
    border: none;
}
.mn-mobile {
  display: block;
}

.nav-menu ul li.evi.mn-mobile.current-menu-item a {
    color: var(--white);
}
.nav-menu ul li .evi.mn-mobile a:hover {
    color: var(--white);
}



}


@media (max-width: 900px) {
.preventivo-box span { display: none;}
}


@media (max-width: 600px) {
.site-header {
  padding: 10px 30px;
}
	
  .nav-menu.active {
        padding: 30px 50px;
   }
}