/*
 Theme Name: 	MBT IP Child
 Theme URI: 	https://auxtintech.it/
 Author: 		Agostino Costantino
 Author URI: 	https://auxtintech.it/
 Description: 	Un tema per MBT IP
 Template:     	mbtip
 Version:      	1.0.0
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  	mbtip-child
*/
:root {
    --colore-primario: #663E71;
    --colore-secondario: #BECE68;
    --colore-testo: #5B696A;
    --colore-pulsanti: #FFFFFF;
    --colore-titoli-verde: var(--colore-secondario);
    --colore-titoli-viola: var(--colore-primario);
    --font-family-generale:"Barlow Condensed", serif;
    --font-weight: 300;
}

/* MOBILE */
@media (min-width: 0px) {
    /* BASE */
    html{
        scroll-padding-top: 200px; /* height of sticky header */
        margin-top: 0!important; /* DA RIMUOVERE */
    }
    html, body {
        position: relative;
        line-height: normal;
        font-family: "Barlow Condensed", serif;
    }
    body {

    }
    html a {
        text-decoration: none;
    }
    b, strong {
        font-weight: 700;
    }
    header.dynamic-header{
        top: 0;
        z-index: 10;
        position: sticky;
    }
    h1,h2,h3{
        font-weight: 300;
    }
    footer p, footer a:hover {
        color: white;
    }
    footer p {
        font-size: 19px;
        line-height: 24px;
    }
    footer a {
        font-size: 20px;
        color: white;
    }
    .custom-logo img {
        height: 70px;
        width: auto;
    }
    .site-logo {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .custom-logo {
        max-width: 120px;
    }
    .textwidget a {
        color: white;
    }
    header a.nav-link {
        color: white;
        font-size: 16px;
        text-transform: uppercase;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .titolo-breadcrumb {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .titolo-breadcrumb h1 {
        color: var(--colore-secondario);
        font-weight: 500;
        font-size: 25px;
        display: inline-block;
    }
    .titolo-breadcrumb a.titolo-home{
        color: var(--colore-primario);
        font-weight: 500;
    }
    .separatore {
        color: var(--colore-primario);
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .titolo-verde{
        color: var(--colore-titoli-verde);
    }
    .titolo-viola{
        color: var(--colore-titoli-viola);
    }
    p, li {
        color: #3C3C3C;
        font-size: 24px;
        font-weight: 300;
        line-height: 35px;
    }
    a {
        color: white;
    }
    header a.dropdown-item{
        font-size: 16px;
    }
    .archivio p, .archivio a {
        font-size: 20px;
        color: white;
    }
    ul.navigazione-header {
        padding: 0;
        padding-top: calc(100% - 80%) !important;
        list-style: none;
    }
    .lingua {
        top: 59px;
        background-color: var(--colore-primario);
    }
    header .lingua p {
        border-right: 0;
        padding-left: 20px;
        padding-right: 20px;
        border-top: 1px soli black;
    }
    .spazio {
        padding: 16px;
        border-left: 1px solid black;
        border-right: 0;
    }
    .cerca {
        padding-left: 16px;
        padding-right: 16px;
    }
    header p {
        font-size: 16px;
        margin: 0;
        padding: 16px;
        border-right: 1px solid black;
    }
    #lente {
        color: var(--colore-primario);
        padding: 20px;
        border-left: 0 !important;
        border-radius: 0;
        border: 1px solid #D3D3D3;
    }
    #ricercabella {
        border-right: 0!important;
        border: 1px solid #D3D3D3;
    }
    .icona-cerca {
        height: 16px;
    }
    .wpml-ls-menu-item {
        display: flex;
    }
    .wpml-ls-menu-item img {
        max-width: inherit;
    }
    #menuheader .img-sede-header img {
        width: 100%;
        object-fit: cover;
    }
    .fixato {
        transition: .2s;
        -webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.3); 
        box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.3);
        background-color: var(--colore-primario);
    }
    .img-sede img {
        height: 350px;
        width: 100%;
        object-fit: cover;
    }
    #footer img {
        margin-bottom: 40px;
    }
    #footer p {
        line-height: 33px;
    }
    .sfondo-prefooter{
        background-position: center;
    }
    .copyright p {
        font-size: 18px;
    }
    .spazio-prefooter {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .titolo-prefooter {
        color: white;
        font-size: 40px;
        text-align: center;
    }
    span.wpcf7-list-item-label {
        color: var(--colore-primario);
    }
    /*************************************
     * ICONA MENU
     * **********************************/
    .contenitore-icona {
      display: inline-block;
      cursor: pointer;
      position: relative;
    }

    .barra1, .barra2, .barra3 {
      width: 40px!important;
      background-color: white;
      transition: 0.4s!important;
      height: calc((10px) * .1)!important;
      margin: calc((20px) * 0.6)!important;
    }

    .header-menu-fixed{
        height: 100px;
    }

    .cambia .barra1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px)!important;
      transform: rotate(-45deg) translate(-10px, 3px) !important;
    }

    .cambia .barra2 {opacity: 0!important;}

    .cambia .barra3 {
      -webkit-transform: rotate(45deg) translate(-15px, -8px) !important;
      transform: rotate(45deg) translate(-15px, -8px) !important;
    }

    /************************************
     * FINE ICONA MENU
     * *********************************/

    /**********************************
    **** PROFESSIONISTI
    **********************************/
    .recensioni-professionista {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    h2.titolo-recensione {
        font-size: 50px;
        color: var(--colore-secondario);
        text-align: center;
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .recensione-professionista {
        padding: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--colore-secondario);
    }
    .recensione-professionista p{
        color: white;
        text-align: center;
        font-weight: 300;
    }
    div.citazione-professionista{
        position: relative;
        background-color: var(--colore-secondario);
    }
    .img-citazione {
        top: -56px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
    }
    .citazione-professionista pre {
        font-family: var(--font-family-generale);
        text-align: center;
        font-size: 30px;
        font-weight: 300;
        color: var(--colore-primario);
        padding-bottom: 100px;
    }
    p.citazione-professionista{
        font-size: 30px;
        color: var(--colore-primario);
        line-height: normal;
        font-weight: 300;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 20px;
    }
    h2.nome-professionista, h2.titolo-pagina, h2.titolo-dopo-skill {
        color: var(--colore-primario);
        font-size: 60px;
        line-height: normal;
        margin-bottom: 40px;
    }
    h2.titolo-dopo-skill{
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .testo-dopo-foto {
        margin-top: 0;
        margin-bottom: 60px;
    }
    .link-membro-social {
        gap: 20px;
        display: flex;
        margin-top: 50px;
    }
    .link-email {
        height: 40px;
        width: 40px;
        display: flex;
        font-size: 25px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        background-color: var(--colore-testo);
    }
    h2.scopri-team {
        padding: 80px 0px;
    }
    .btn-scopri a {
        margin: 60px 0px;
        display: block;
        font-size: 30px;
        text-align: right;
    }
    .scopri-il-team{
        background-color: var(--colore-primario);
    }
    .sfondo-verde {
        background-color: var(--colore-secondario);
    }
    .sfondo-viola {
        background-color: var(--colore-primario);
    }
    .ruolo-professionista {
        color: var(--colore-testo);
    }
    .col-12.ruolo-professionista {
        z-index: 9;
        color: white;
        font-size: 35px;
        padding: 80px 0px;
        text-align: center;
        margin-bottom: 40px;
        text-transform: uppercase;
        /*background-color: var(--colore-testo);*/
    }
    .mansione-team {
        color: var(--colore-testo);
        font-size: 16px;
    }

    .fa-brands.fa-facebook.icona-membro-font-elegant.icona_facebook.icona-membro-element {
        color: #264d78;
        font-size: 23px;
    }

    .fa-brands.fa-twitter.icona-membro-font-elegant.icona_twitter.icona-membro-element {
        color: #264d78;
        font-size: 23px;
    }

    .fa-brands.fa-instagram.icona-membro-font-elegant.icona_instagram.icona-membro-element {
        color: #264d78;
        font-size: 23px;
    }

    .fa-brands.fa-linkedin.icona-membro-font-elegant.icona_linkedin.icona-membro-element {
        color: #264d78;
        font-size: 23px;
    }

    .fa-brands.fa-pinterest.icona-membro-font-elegant.icona_pinterest.icona-membro-element {
        color: #264d78;
        font-size: 23px;
    }

    .membro-team {
        position: relative;
        -webkit-transform: translateZ(0) rotate(0.01deg);
    }
    .membro-team .professionisti-inner {
        position: relative;
        width: 100%;
    }
    .row.professionisti .membro-team .immagine-membro {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        height: 240px;
    }
    .membro-team .immagine-membro {
        overflow: hidden;
        height: 380px;
    }
    .swiper-slide .membro-team .membro-team-text {
        display: block;
    }
    .membro-team .immagine-membro img {
        width: 100%;
        vertical-align: middle;
        filter: none;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .membro-team .info-membro {
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        left: 0%;
        bottom: -45px;
        background-color: var(--colore-primario);
        padding: 18px 0px;
        text-align: center;
        overflow: hidden;
    }
    .info-membro::before {
        content: "";
        left: 0;
        top: calc(-100%);
        width: 100%;
        height: 100%;
        position: absolute;
        background: transparent linear-gradient(180deg, #5B696A00 0%, var(--colore-primario) 100%) 0% 0% no-repeat padding-box;
    }
    .membro-call-to-action,
    .membro-team.linked .membro-team-read-more {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .membro-team .membro-team-name {
        line-height: 1.2em;
        color: #fff;
    }
    .membro-team .membro-team-text {
        margin-top: 75px;
        text-align: center;
        display: none;
    }
    .membro-team .membro-team-text .membro-team-description-title {
        margin-bottom: 10px;
    }
    .membro-team .membro-team-text .membro-team-description-title h4 {
        font-size: 16px;
    }
    .membro-team .membro-team-text .membro-team-description {
        margin-bottom: 25px;
    }
    .membro-team .membro-team-text .membro-team-description p {
        color: inherit;
    }
    .membro-team.linked .membro-team-read-more {
        position: absolute;
        box-sizing: border-box;
        color: #fff;
        background-color: var(--colore-primario);
        padding: 18px 20px;
        width: 100%;
        height: 100%;
        left: 0;
        top: calc(100% - 3px);
        -webkit-transition: top 0.2s ease-out;
        -webkit-transition: 0.2s top ease-out;
        transition: top 0.2s ease-out;
        -webkit-backface-visibility: hidden;
    }
    .membro-team.linked .membro-team-read-more a {
        width: 100%;
        height: 100%;
        display: table;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .membro-team.linked .membro-team-read-more .membro-team-read-more-inner {
        display: table-cell;
        color: #fff;
        vertical-align: middle;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
    }
    .nome-team {
        font-size: 1.4rem;
    }
    .card-footer {
        background-color: transparent;
    }
    .membro-team.linked .membro-team-read-more .membro-team-read-more-text {
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        text-decoration: none;
    }
    .membro-team.linked .membro-team-read-more .membro-team-read-more-icon {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
    }

    .prima-grande h3::first-letter {
        text-transform: uppercase;
    }

    .membro-team .membro-social {
        text-align: center;
    }
    .membro-team .membro-social .icona-membro-shortcode {
        background: 0 0;
        border-right: 1px solid var(--colore-primario);
        position: relative;
        padding: 0 10px;
    }
    .membro-team .membro-social .icona-membro-shortcode > a {
        position: relative;
    }
    .membro-team .membro-social .icona-membro-shortcode .membro-background {
        display: none;
    }
    .membro-team .membro-social .icona-membro-shortcode:last-child {
        border-right: none;
    }
    .icona-membro-element.square {
        position: relative;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
        color: #264d78;
        -webkit-transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
        overflow: auto;
    }
    .membro-team .membro-social .icona-membro-shortcode span.icona-membro-element {
        font-size: 23px;
        color: #222;
        position: relative;
        line-height: 1.2em;
        vertical-align: top;
        -webkit-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out;
    }
    .membro-team .membro-social .membro-social-text {
        font-size: 13px;
        line-height: 15px;
        text-transform: capitalize;
        color: #222;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .membro-team .membro-social .icona-membro-linked:hover {
        -webkit-animaiton: none !important;
        animation: none !important;
    }
    .membro-team .membro-social .icona-membro-linked:hover a .icona-membro-element {
        color: #6195b9;
        -webkit-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        -o-transition: color 0.15s ease-out;
        -ms-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out;
    }
    .membro-team:hover.linked img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transform: scale(1.1) rotate(0.01deg);
    }
    .membro-team:hover .membro-team-read-more {
        top: 0;
        -webkit-transition: top 0.3s ease;
        transition: top 0.3s ease;
    }
    .membro-team:hover .membro-team-read-more .membro-team-read-more-inner {
        display: table-cell;
        color: #fff;
        vertical-align: middle;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-out 0.15s;
        transition: opacity 0.2s ease-out 0.15s;
    }
    .membro-team:hover .membro-team-triangle {
        -webkit-transition: opacity 0.05s ease-out 0.2s,
        -webkit-transform 0.15s ease-out 0.2s;
        transition: opacity 0.05s ease-out 0.2s, transform 0.15s ease-out 0.2s;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .membro-call-to-action {
        position: relative;
        display: block;
        box-sizing: border-box;
        background-color: #f2f2f2;
    }
    .membro-call-to-action .membro-call-to-action-row-50-50,
    .membro-call-to-action .membro-call-to-action-row-66-33,
    .membro-call-to-action .membro-call-to-action-row-75-25 {
        display: table;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    .membro-call-to-action
    .membro-call-to-action-row-75-25
    .membro-call-to-action-column1 {
        width: 75%;
    }
    .membro-call-to-action
    .membro-call-to-action-row-75-25
    .membro-call-to-action-column2 {
        width: 25%;
    }
    .membro-call-to-action
    .membro-call-to-action-row-50-50
    .membro-call-to-action-column1,
    .membro-call-to-action
    .membro-call-to-action-row-50-50
    .membro-call-to-action-column2 {
        width: 50%;
    }
    .membro-call-to-action
    .membro-call-to-action-row-66-33
    .membro-call-to-action-column1 {
        width: 66%;
    }
    .membro-call-to-action
    .membro-call-to-action-row-66-33
    .membro-call-to-action-column2 {
        width: 34%;
    }
    .membro-call-to-action .membro-call-to-action-column2 {
        text-align: right;
    }
    .membro-call-to-action .membro-call-to-action-cell {
        display: table-cell;
        vertical-align: middle;
    }
    .membro-call-to-action .membro-call-to-action-text {
        font-size: 17px;
        font-weight: 300;
        text-align: left;
    }
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-icon-holder {
        position: absolute;
        height: 100%;
        top: 0;
    }
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-text {
        padding: 0 20px 0 45px;
    }
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-icon {
        display: table;
        height: 100%;
    }
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-icon
    .membro-call-to-action-icon-inner {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-icon
    .membro-call-to-action-icon-inner
    i,
    .membro-call-to-action.with-icon
    .membro-text-wrapper
    .membro-call-to-action-icon
    .membro-call-to-action-icon-inner
    span {
        color: #6195b9;
        font-size: 33px;
        display: inline-block;
        vertical-align: bottom;
    }
    .membro-counter-holder .membro-counter-number-holder > span,
    .icona-membro-shortcode {
        vertical-align: middle;
    }

    .social_facebook:before {
        content: "\e093";
    }
    .social_twitter:before {
        content: "\e094";
    }
    .social_pinterest:before {
        content: "\e095";
    }
    .social_googleplus:before {
        content: "\e096";
    }
    .social_tumblr:before {
        content: "\e097";
    }
    .social_tumbleupon:before {
        content: "\e098";
    }
    .social_wordpress:before {
        content: "\e099";
    }
    .social_instagram:before {
        content: "\e09a";
    }
    .social_dribbble:before {
        content: "\e09b";
    }
    .social_vimeo:before {
        content: "\e09c";
    }
    .social_linkedin:before {
        content: "\e09d";
    }
    .social_rss:before {
        content: "\e09e";
    }
    .social_deviantart:before {
        content: "\e09f";
    }
    .social_share:before {
        content: "\e0a0";
    }
    .social_myspace:before {
        content: "\e0a1";
    }
    .social_skype:before {
        content: "\e0a2";
    }
    .social_youtube:before {
        content: "\e0a3";
    }
    .social_picassa:before {
        content: "\e0a4";
    }
    .social_googledrive:before {
        content: "\e0a5";
    }
    .social_flickr:before {
        content: "\e0a6";
    }
    .social_blogger:before {
        content: "\e0a7";
    }
    .social_spotify:before {
        content: "\e0a8";
    }
    .social_delicious:before {
        content: "\e0a9";
    }
    .social_facebook_circle:before {
        content: "\e0aa";
    }
    .social_twitter_circle:before {
        content: "\e0ab";
    }
    .social_pinterest_circle:before {
        content: "\e0ac";
    }
    .social_googleplus_circle:before {
        content: "\e0ad";
    }
    .social_tumblr_circle:before {
        content: "\e0ae";
    }
    .social_stumbleupon_circle:before {
        content: "\e0af";
    }
    .social_wordpress_circle:before {
        content: "\e0b0";
    }
    .social_instagram_circle:before {
        content: "\e0b1";
    }
    .social_dribbble_circle:before {
        content: "\e0b2";
    }
    .social_vimeo_circle:before {
        content: "\e0b3";
    }
    .social_linkedin_circle:before {
        content: "\e0b4";
    }
    .social_rss_circle:before {
        content: "\e0b5";
    }
    .social_deviantart_circle:before {
        content: "\e0b6";
    }
    .social_share_circle:before {
        content: "\e0b7";
    }
    .social_myspace_circle:before {
        content: "\e0b8";
    }
    .social_skype_circle:before {
        content: "\e0b9";
    }
    .social_youtube_circle:before {
        content: "\e0ba";
    }
    .social_picassa_circle:before {
        content: "\e0bb";
    }
    .social_googledrive_alt2:before {
        content: "\e0bc";
    }
    .social_flickr_circle:before {
        content: "\e0bd";
    }
    .social_blogger_circle:before {
        content: "\e0be";
    }
    .social_spotify_circle:before {
        content: "\e0bf";
    }
    .social_delicious_circle:before {
        content: "\e0c0";
    }
    .social_facebook_square:before {
        content: "\e0c1";
    }
    .social_twitter_square:before {
        content: "\e0c2";
    }
    .social_pinterest_square:before {
        content: "\e0c3";
    }
    .social_googleplus_square:before {
        content: "\e0c4";
    }
    .social_tumblr_square:before {
        content: "\e0c5";
    }
    .social_stumbleupon_square:before {
        content: "\e0c6";
    }
    .social_wordpress_square:before {
        content: "\e0c7";
    }
    .social_instagram_square:before {
        content: "\e0c8";
    }
    .social_dribbble_square:before {
        content: "\e0c9";
    }
    .social_vimeo_square:before {
        content: "\e0ca";
    }
    .social_linkedin_square:before {
        content: "\e0cb";
    }
    .social_rss_square:before {
        content: "\e0cc";
    }
    .social_deviantart_square:before {
        content: "\e0cd";
    }
    .social_share_square:before {
        content: "\e0ce";
    }
    .social_myspace_square:before {
        content: "\e0cf";
    }
    .social_skype_square:before {
        content: "\e0d0";
    }
    .social_youtube_square:before {
        content: "\e0d1";
    }
    .social_picassa_square:before {
        content: "\e0d2";
    }
    .social_googledrive_square:before {
        content: "\e0d3";
    }
    .social_flickr_square:before {
        content: "\e0d4";
    }
    .social_blogger_square:before {
        content: "\e0d5";
    }
    .social_spotify_square:before {
        content: "\e0d6";
    }
    .social_delicious_square:before {
        content: "\e0d7";
    }
    /**************************************
     * FINE PROFESSIONISTI
     * ***********************************/
    /**************************************
     * HOME
     * ***********************************/
    .titolo-icona-sotto-slide {
        font-weight: 300;
        color: var(--colore-primario);
    }
    .icona-sotto-slide {
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px;
        transition: .4s;
    }
    .icona-sotto-slide:hover{
        background-color: var(--colore-primario);
    }
    .icona-sotto-slide:hover .titolo-icona-sotto-slide{
        color: var(--colore-secondario);
    }
    .sfondo-verde .icona-sotto-slide:hover img{
        filter: invert(99%) sepia(73%) saturate(975%) hue-rotate(10deg) brightness(86%) contrast(86%);
    }
    .sfondo-viola .icona-sotto-slide:hover img{
        filter: invert(28%) sepia(8%) saturate(3052%) hue-rotate(242deg) brightness(94%) contrast(91%);
    }
    img.img-icona-sotto-slide{
        margin-bottom: 30px;
    }
    .row-practices {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .practices {
        height: 300px;
        display: flex;
        transition: .4s;
        text-align: center;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--colore-secondario);
    }
    .practices:hover{
        background-color: var(--colore-secondario);
    }
    .practices:hover a{
        color: var(--colore-primario);
    }
    .titolo-practices-principale {
        font-size: 50px;
        color: var(--colore-secondario);
        position: relative;
        padding-bottom: 40px;
        margin-bottom: 60px;
    }
    .titolo-practices-principale::after {
        left: 0;
        bottom: 0;
        content: "";
        width: 80px;
        height: 1px;
        position: absolute;
        background-color: var(--colore-secondario);
    }
    .titolo-practices-principale.no-mobile{
        margin-bottom: 20px;
    }
    .titolo-practices-principale.no-mobile::after {
        content: unset!important;
    }
    .titolo-practices{
        padding: 40px;
        font-size: 40px;
        font-weight: 300;
    }
    .titolo-governance {
        color: var(--colore-primario);
        font-size: 40px;
        margin-bottom: 40px;
    }
    a.pulsante-link-governance {
        font-size: 20px;
        margin-top: 40px;
        padding: 15px 30px;
        display: inline-block;
        color: var(--colore-titoli-viola);
        border: 1px solid var(--colore-titoli-viola);
    }
    a.pulsante-footer-contattaci {
        font-size: 20px;
        margin-top: 40px;
        padding: 15px 30px;
        display: inline-block;
        color: white;
        border: 1px solid white;
    }
    .sezione-team{
        margin-top: 60px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .categoria-practices p{
        font-weight: 300;
    }
    .titolo-practices-categoria {
        color: var(--colore-primario);
        font-size: 40px;
        position: relative;
        padding-top: 20px;
        margin-bottom: 60px;
        padding-bottom: 20px;
        background-color: var(--colore-secondario);
    }
    .titolo-practices-categoria::after {
        top: 0;
        z-index: -1;
        right: -3000px;
        content: "";
        width: 3000px;
        height: 100%;
        position: absolute;
        background-color: var(--colore-secondario);
    }
    .titolo-practices-categoria::before {
        top: 0;
        left: -50%;
        z-index: -1;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: var(--colore-secondario);
    }
    .order-first .titolo-practices-categoria{
        color: var(--colore-secondario);
        background-color: var(--colore-primario);
    }
    .order-first .titolo-practices-categoria::after {
        right: -50%;
        width: 100%;
        background-color: var(--colore-primario);
    }
    .order-first .titolo-practices-categoria::before {
        left: -3000px;
        width: 3000px;
        background-color: var(--colore-primario);
    }
    .img-evidenza-practices {
        padding-bottom: 30px;
    }
    .ombra-viola {
        margin-top: 80px;
        position: relative;
    }
    .ombra-viola::after {
        content: "";
        width: 100%;
        height: 100%;
        top: 10px;
        left: 10px;
        z-index: -1;
        position: absolute;
        background-color: var(--colore-primario);
    }

    /**************************************
     * SLIDE HOME
     * ***********************************/
    .testo-slide h2{
        font-size: 50px;
        font-weight: 400;
        margin-bottom: 40px;
    }
    .testo-slide p{
        color: white;
        font-size: 24px;
        font-weight: 300;
        line-height: 40px;
    }
    a.pulsante-slide {
        font-size: 20px;
        margin-top: 40px;
        padding: 15px 30px;
        display: inline-block;
        color: var(--colore-titoli-verde);
        border: 1px solid var(--colore-titoli-verde);
    }

    .linea-header {
        height: 1px;
        margin-bottom: 80px;
        background-color: var(--colore-primario);
    }
    .titolo-skill {
        font-size: 30px;
    }
    .navigazione-header {
        color: white;
    }
    .navigazione-header > li{
        padding-bottom: 40px;
    }
    ul.navigazione-header {
        padding-top: calc(100% - 80%);
        list-style: none;
    }
    .navigazione-header > li > a {
        font-size: 22px;
        font-weight: 700;
        pointer-events: none;
    }
    .navigazione-header > li.nav-item-384 > a{
        pointer-events: all;
    }
    .navigazione-header .dropdown-toggle::after {
        content: unset;
    }
    .navigazione-header .dropdown-menu {
        display: block;
        position: relative;
        border: 0;
        text-align: center;
        color: var(--colore-testo);
        background-color: transparent;
    }
    #menu-menuhd-1 li:hover ul {
        display: block;
    }
    .navigazione-header .dropdown-menu .menu-desktop > ul > li:hover { color: var(--colore-primario); background-color: #fff;}

    .navigazione-header .dropdown-item {
        font-size: 16px;
        transition: .2s;
        font-weight: 700;
        color: var(--colore-testo);
    }
    .navigazione-header a.dropdown-item:hover {
        color: white;
        transition: .2s;
        background-color: transparent;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: transparent;
    }
    .navigazione-desktop {
        display: flex;
        list-style: none;
        gap: 40px;
    }
    .navigazione-desktop .dropdown-toggle::after {
        content: unset;
    }
    .navigazione-desktop .dropdown-menu {
        border-radius: 0;
    }
    .navigazione-desktop .dropdown-menu > li:hover {
        background-color: #fff;
        color: var(--colore-primario);
    }
    .navigazione-desktop .dropdown-menu > li > a.dropdown-item {
        color: var(--colore-testo);
    }
    .navigazione-desktop .dropdown-menu > li > a.dropdown-item:hover {
        color: var(--colore-primario);
        background-color: #fff;
    }
    .navigazione-desktop .dropdown-menu > li > a.dropdown-item.active, .navigazione-desktop .dropdown-menu > li > a.dropdown-item:active {
        /*background-color: var(--colore-testo);*/
        /*background-color: var(--e-a-border-color-bold);*/
        color: var(--colore-primario);
    }
    /*	.navigazione-desktop .dropdown-item*/
    .wp-video, .mejs-container, .wp-video-shortcode {
        width: 100% !important;
        padding: 0 !important;
    }
    .mejs-controls {
        display: none !important;
    }
    .titolo-business-home {
        z-index: 9;
        position: absolute;
        white-space: nowrap;
        top: calc(15%);
        left: calc(100% - 25%);
        transform: translateX(-50%) translateY(100%) rotate(-90deg);
    }
    #menuheader .modal-content {
        background-color: var(--colore-primario);
    }
    #menuheader .modal-header{
        border: 0;
    }
    .chiudi-modale{
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        opacity: 1;
    }
    li.menu-primario{
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--colore-secondario);
    }
    li.menu-primario a{
        font-size: 20px!important;
        font-weight: 500;
        pointer-events: none;
        color: var(--colore-secondario);
        text-transform: uppercase;
    }
    .menu-primario.esterno a {
        pointer-events: all;
    }
    #menu-top-header ul{
        list-style: none;
        padding-left: 0;
    }
    #menu-top-header li a{
        font-size: 16px;
    }
    .senza-before.menu-primario::before, .senza-before.menu-primario::after{
        content: unset;
    }
    li.menu-primario::before {
        content: "";
        width: 100%;
        height: 1px;
        left: -100%;
        bottom: -1px;
        position: absolute;
        background-color: var(--colore-secondario);
    }
    li.menu-primario::after {
        content: "";
        width: 100%;
        height: 1px;
        right: -100%;
        bottom: -1px;
        position: absolute;
        background-color: var(--colore-secondario);
    }
    .contenitore-titolo {
        height: 100%;
        position: relative;
        min-height: 600px;
        overflow: hidden;
    }
    .disabilita {
        position: relative;
    }
    .disabilita::before {
        content: " ";
        width: 100%;
        height: 100%;
        background-color: #E74E0174;
        position: absolute;
        left: 0;
    }
    .backtotop {
        width: 0;
        height: 0;
        bottom: 6%;
        right: 4%;
        z-index: 999;
        position: fixed;
        cursor: pointer;
        border-style: solid;
        border-width: 0 27.5px 48px 27.5px;
        border-color: transparent transparent #fff transparent;
        line-height: 0px;
        _border-color: #000000 #000000 #D0CECD7B #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    }
    .entrata {
        background-color: #FAFAFA;
        box-shadow: 0px 6px 6px #00000043;
        padding: 34px 70px;
    }
    /********************************
     * INIZIO TIMELINE MOBILE
     *******************************/
    /* TIMELINE NASCONDI INIZIO BORDO */
    .right:first-child::before {
        content: " ";
        height: 165px;
        position: absolute;
        top: -1px;
        width: 0;
        z-index: 1;
        left: 27px;
        border: 3px solid white;
    }

    /* TIMELINE NASCONDI FINE BORDO */
    .right:last-child::before {
        content: " ";
        height: calc(100% - 170px);
        position: absolute;
        bottom: -1px;
        width: 0;
        z-index: 1;
        left: 27px;
        border: 3px solid white;
        top: auto;
    }

    .left .contenuto::before {
        content: ' ';
        position: absolute;
        left: 58px;
        top: 190px;
        width: 20px;
        z-index: 1;
    }

    .right .contenuto::before {
        content: ' ';
        position: absolute;
        left: 58px;
        top: 190px;
        width: 20px;
        z-index: 1;
    }

    .left .contenuto::after {
        content: ' ';
        position: absolute;
        /*border-right: 1px solid var(--colore-primario);*/
        left: 200px;
        top: 340px;
        width: 10px;
        z-index: 1;
        height: 30px;
    }

    .right .contenuto::after {
        content: ' ';
        position: absolute;
        /*border-right: 1px solid var(--colore-primario);*/
        right: 170px;
        top: 340px;
        width: 10px;
        z-index: 1;
        height: 30px;
    }

    .right .anno {
        position: absolute;
        z-index: 9;
        top: 174px;
        left: 12px;
    }

    .left .anno {
        position: absolute;
        z-index: 9;
        top: 173px;
        left: 11px;
    }

    /* The actual timeline (the vertical ruler) */
    .timeline {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

    /* The actual timeline (the vertical ruler) */
    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        border-left: 3px solid var(--colore-primario);
        top: 190px;
        bottom: 0;
        left: 30px;
        margin-left: -3px;
    }

    /* Full-width containers */
    .contenitore-timeline {
        position: relative;
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
        padding-top: 52px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .contenitore-timeline::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .contenitore-timeline::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0px;
        background-color: white;
        border: 3px solid var(--colore-primario);
        top: 160px;
        border-radius: 50%;
        z-index: 1;
    }

    .contenuto img {
        position: relative;
        z-index: 2;
    }

    .contenuto h2 {
        font-size: 35px !important;
        font-weight: 700 !important;
        color: #646464 !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 100px;
    }

    .contenuto p {
        font-size: 15px !important;
        text-align: start;
        margin-top: -20px;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 14px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }

    .left::before {
        content: " ";
        height: 0;
        position: absolute;
        top: 22px;
        width: 0;
        z-index: 1;
        right: 30px;
        border: medium solid white;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent white;
    }

    .cerchio {
        display: flex;
        position: relative;
    }

    .cerchio::before {
        content: "";
        border: 3px dashed var(--colore-primario);
        width: 50%;
        position: absolute;
        height: 60%;
        left: 28px;
        top: -18px;
        border-bottom-left-radius: 10px;
        border-right: 0;
        border-top: 0;
    }

    .cerchio a {
        padding: 80px 20px;
        background-color: var(--colore-primario);
        border-radius: 50%;
        position: relative;
    }

    html[lang="en-US"] .cerchio a::after {
        content: 'click here';
    }

    .cerchio a::after {
        content: 'clicca qui';
        position: absolute;
        color: white;
        bottom: 30px;
        font-weight: bold;
        display: flex;
        left: calc(100% - 135px);
    }

    /********************************
     * FINE TIMELINE MOBILE
     *******************************/
    .wpcf7-spinner{
        display: none;
    }
    .con-strisce{
        height: 100%;
        padding: 40px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .spaziato-contattaci {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 60px!important;
    }
    .con-strisce p, .con-strisce i{
        color: white;
        font-size: 20px;
    }
    .form-control{
        border-radius: 0;
        padding: 20px;
    }
    .form-control::placeholder{
        font-size: 20px;
        color: var(--colore-primario);
    }
    .pulsante-invia {
        color: var(--colore-primario);
        border: 1px solid var(--colore-primario);
        padding: 10px 80px;
        margin-bottom: 80px;
        background-color: transparent;
    }

    /********************************
     * PUBBLICAZIONI
     *******************************/
    .lista-singolo-anno{
        border: 2px solid var(--colore-primario);
        color: var(--colore-primario);
        font-size: 30px;
        font-weight: 300;
        padding: 10px 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    #accordion_pubblicazioni .accordion-button::after, #accordion_seminari .accordion-button::after{
        content: unset;
    }
    #accordion_pubblicazioni .accordion-button{
        justify-content: center;
    }
    .accordion-button:not(.collapsed) {
        color: var(--colore-primario);
        background-color: var(--colore-secondario);
    }
    .accordion-button:focus {
        border-color: var(--colore-secondario);
        box-shadow: 0 0 0 0.25rem rgba(102, 62, 113, 1);
    }
    .info-pubblicazione {
        min-height: 350px;
        padding: 20px;
        background-color: var(--colore-secondario);
    }
    .info-pubblicazione p{
        color: var(--colore-primario);
    }
    .singola-pubblicazione {
        margin-bottom: 40px;
    }
    h2.titolo-pubblicazione {
        font-size: 30px;
        font-weight: 400;
        color: var(--colore-primario);
    }
    .meta-info p, .meta-info span.anno {
        color: var(--colore-primario);
        font-size: 16px;
        font-weight: 500;
    }
    .meta-info p{
        margin-bottom: 0;
    }
    div.spazio-pubblicazione{
        margin-top: 80px;
    }
    #menu-footer-1 {
        list-style: none;
        padding: 0;
    }
    #footer{
        text-align: center;
    }
    .inline a {
        color: white;
    }
    .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
        color: var(--colore-secondario);
    }
    h2.titolo-news, h2.titolo-team {
        font-size: 60px;
        margin-bottom: 60px;
    }
    h2.titolo-news{
        color: var(--colore-secondario);
        padding-top: 60px;
    }
    h2.titolo-team{
        color: var(--colore-primario);
    }
    .fake-img{
        min-height: 200px;
        width: 100%;
        background-color: white;
    }

    /********************************
     * SINGOLO ARTICOLO
     *******************************/
    h1.titolo-news, .data-interna-post {
        font-weight: 500;
        color: var(--colore-primario);
    }
    h1.titolo-news {
        margin-bottom: 30px;
    }
    .data-interna-post{
        margin-bottom: 4px;
    }
    .col-8.descrizione{
        margin-bottom: 80px;
    }
    .descrizione p{
        font-weight: 400;
    }

    /********************************
     * SIDEBAR
     *******************************/
    .sidebar ul {
        list-style: none;
        padding: 20px;
        box-shadow: 0px 3px 26px #00000029;
    }
    .sidebar ul li a{
        display: block;
        font-weight: 400;
        color: #3C3C3C;
        margin-bottom: 14px;
    }
    p.titolo-sidebar{
        color: var(--colore-primario);
        font-weight: 700;
        margin-bottom: 40px;
    }
}

/* TABLET */

@media (min-width: 768px) {

    .img-evidenza-practices {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .ombra-viola::after {
        top: 20px;
        left: 20px;
    }

    .btn-scopri a {
        font-size: 40px;
    }

    p.citazione-professionista{
        font-size: 60px;
    }

    .testo-dopo-foto {
        margin-top: 60px;
    }

    #footer{
        text-align: left;
    }

    .custom-logo {
        max-width: auto;
    }

    a.titolo-home, span.titolo-home {
        color: white;
        font-size: 25px;
    }

    ul{
        padding-left: 0;
    }

    .navigazione-desktop {
        gap: 25px;
    }

    /*PATCH FORM LAVORA CON NOI MOBILE BY AGOS*/
    .padding-mobile-inizio {
        padding-left: 0;
    }
    .padding-mobile-fine {
        padding-right: 0;
    }

    .membro-team .immagine-membro {
        height: 380px !important;
    }

    .membro-team .membro-team-text {
        display: block;
    }

    .contenitore-titolo {
        position: relative;
        height: 100%;
        overflow: hidden;
    }
    .immagine-articolo img {
        height: auto;
        border: 1px solid white;
        border-bottom: 0;
    }
    .menu-desktop {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .titolo-governance {
        font-size: 60px;
    }
    .lista-singolo-anno {
        display: flex;
        justify-content: center;
    }

    /********************************
     * INIZIO TIMELINE DESKTOP
     *******************************/
    .anno {
        font-size: 30px;
    }

    /* TIMELINE NASCONDI INIZIO BORDO */
    .right:first-child::before {
        content: " ";
        height: 165px;
        position: absolute;
        top: 0px;
        width: 0;
        z-index: 1;
        left: -3px;
        border: 1px solid white;
    }

    /* TIMELINE NASCONDI FINE BORDO */
    .right:last-child::before {
        content: " ";
        height: calc(100% - 170px);
        position: absolute;
        bottom: 0;
        width: 0;
        z-index: 1;
        left: -3px;
        border: 1px solid white;
        top: auto;
    }

    /* The actual timeline (the vertical ruler) */
    .timeline {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

    /* The actual timeline (the vertical ruler) */
    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        border-left: 2px solid var(--colore-primario);
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

    /* Container around content */
    .contenitore-timeline {
        padding: 10px 40px;
        position: relative;
        background-color: inherit;
        width: 50%;
    }

    /* The circles on the timeline */
    .contenitore-timeline::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        right: -43px;
        background-color: white;
        border: 2px solid var(--colore-primario);
        top: 145px;
        border-radius: 50%;
        z-index: 1;
        border-radius: 50%;
        z-index: 1;
        left: auto;
    }

    .left .contenuto::before {
        left: auto;
        right: -26px;
        top: 180px;
        width: 250px;
    }

    .right .contenuto::before {
        left: -26px;
        top: 180px;
        width: 250px;
    }

    .left .contenuto::after {
        left: 180px;
        top: 370px;
    }

    .right .contenuto::after {
        right: 190px;
        top: 375px;
    }
}

/* LAPTOP */
@media (min-width: 1366px) {
    /************************************
     * HEADER
     * *********************************/
    ul{
        padding-left: 40px;
    }

    #menu-desktop {
        transition: all 0.5s ease-in;
    }
    .container {
        /*max-width: 1570px!important;*/
        /*max-width: 1475px!important;*/
        max-width: 1320px !important;
    }
    .navigazione-desktop {
        gap: 40px;
    }
}

/* DESKTOP */
@media (min-width: 1680px) {

}