/* HEAD STYLE */


/* Colore Palette Style */

    .colore-nero {
        color: #000000;
    }
    .colore-blu {
        color: #001b48;
    }
    .colore-blu75 {
        color: rgba(0, 26, 68, 0.75);
    }
    .colore-blu50 {
        color: rgba(0, 26, 68, 0.5);
    }
    .colore-blu25 {
        color: rgba(0, 26, 68, 0.25);
    }
    .colore-verde {
        color: #74FFA0;
    }
    .colore-verde75 {
        color: rgba(116, 255, 160, 0.75);
    }
    .colore-verde50 {
        color: rgba(116, 255, 160, 0.5);
    }
    .colore-verde25 {
        color: rgba(116, 255, 160, 0.25);
    }
    .colore-bianco {
    color: #ffffff;
    }
    .colore-bianco75 {
        color: rgba(255, 255, 255, 0.75);
    }
    .colore-bianco50 {
        color: rgba(255, 255, 255, 0.5);
    }
    .colore-bianco25 {
        color: rgba(255, 255, 255, 0.25);
    }
    .bg-dark-blu {
        background-color: rgba(0, 26, 68, 0.5);
    }

    /* CSS HEX
    --black: #000000ff;
    --oxford-blue: #001a44ff;
    --mint-green: #74ffa0ff;
    --white: #ffffffff;

    CSS HSL
    --black: hsla(0, 0%, 0%, 1);
    --oxford-blue: hsla(217, 100%, 13%, 1);
    --mint-green: hsla(139, 100%, 73%, 1);
    --white: hsla(0, 0%, 100%, 1);

    SCSS HEX
    $black: #000000ff;
    $oxford-blue: #001a44ff;
    $mint-green: #74ffa0ff;
    $white: #ffffffff;

     SCSS RGB
    $black: rgba(0, 0, 0, 1);
    $oxford-blue: rgba(0, 26, 68, 1);
    $mint-green: rgba(116, 255, 160, 1);
    $white: rgba(255, 255, 255, 1);
    */

/* Fonts */

    html, body, p {
        font-family: 'Raleway', sans-serif;
        overflow-x: hidden;
        color: #ffffff;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'LuloCleanOne';
        font-weight: bold;
        font-style: normal;
    }
    hr {
        border-top:solid #74ffa0ff;
    }
    .subtitle {
        font-family: 'Courgette', cursive;
    }

/* Stile Sito */

    body {
        background-color: #001a44ff;
        position: relative;
    }
    .parallax {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }



/* NAVBAR */
/* ============ Hover effect desktop view ============ */
    @media all and (min-width: 992px) {
    	.navbar .nav-item .dropdown-menu{ display: none; }
    	.navbar .nav-item:hover .nav-link{ color: #fff;  }
    	.navbar .nav-item:hover .dropdown-menu{ display: block; }
    	.navbar .nav-item .dropdown-menu{ margin-top:0; margin-left: 0.5rem;}
    }
/* ============ desktop view .end// ============ */
    .navbar {
        font-family: 'LuloCleanOne';
        font-weight: bold;
        font-style: normal;
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 26, 68, 0.75);
        -moz-box-shadow: 0 8px 6px -6px rgba(0, 26, 68, 0.75);
        box-shadow: 0 8px 6px -6px rgba(0, 26, 68, 0.75);
    }

    .navbar .navbar-brand {
        font-size: 16px;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        color: white;
        padding: 0 1rem;
    }
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #74ffa0ff;
    }
    .navbar .navbar-item .dropdown-menu {
        margin-top: 1rem;
        margin-left: 0.5rem;
        border-radius: 0;
    }
    .navbar .dropdown-menu {
        border: 0px;
        border-radius: 0;
        background: linear-gradient(0deg, rgba(0,26,68,0.5) 75%, rgba(0,26,68,0) 100%);
        color: white;
        text-align: end;
    }
    .navbar .dropdown-item {
        color: white;
        font-weight: 700;
        padding-right: 1rem;
        padding-left: 2.5rem;
    }
    .navbar .dropdown-item:hover {
        color: #74ffa0ff;
        text-decoration: none;
        background-color: transparent;
    }
     .navbar-nav .show > .nav-link,
     .navbar-nav .active > .nav-link,
     .navbar-nav .nav-link.show,
    .navbar-nav .nav-link.active {
            color: #74ffa0ff !important;
    }
    .navbar .navbar-collapse {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    /* `md` applies to small devices (landscape phones, less than 768px) */
    @media (max-width: 768.98px) {
        .navbar .navbar-nav .nav-item {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .bg-dark-blu {
            background-color: rgb(0 26 68 / 100%);
        }
    }


/* SOCIALNAV */
    .socialNav {
        position: fixed;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 2rem;
    }
    .socialNav img {
        height:30px;
        cursor: pointer;
        transition: 0.5s;
    }
    .socialNav a {
        cursor: pointer;
    }
    .socialNav img:hover {
        transform: scale(1.5);
        color: #74ffa0ff;
    }
    .socialNav-mobile {

    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .socialNav {
            display: none;
        }
        .socialNav-mobile {
            display: block
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        .socialNav {
            display: none;
        }
        .socialNav-mobile {
            display: block
        }
     }

/* MASTHEAD */

    .mastHead {
        min-height: 100vh;
        background-image: url(../../img/bg/landing.jpg);
        background-position: center;
        background-size: cover;
        position: relative;
    }
    .mastHead svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        height: 25rem;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .mastHead svg {
            height: 15rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        .mastHead svg {
            height: 20rem;
        }
     }


/* ABOUT */

    .about {
        background-color: #001b48;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .about .title {
        text-align: center;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .about .title h1 {
        display: inline-block;
    }

    .about .title hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    .about .imgBox {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .about .imgBox .imgContent {
        background-image: url(../../img/about_visconti_alessandra.jpg);
        background-position: center top;
        background-size: cover;
        min-height: 100%;
    }
    .about .description {
        padding-left: 3rem;
        padding-right: 3rem;
        text-align: center;
    }
    .about .description h1 {
        text-transform: uppercase;
    }
    .about .description hr {
        border-top: 1px solid rgba(116, 255, 160, 1);
        border-width: 1px !important;

    }
    .about .description p {
        text-align: justify;
        font-weight: 200;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .about {
            padding-top: 1rem;
            padding-bottom: 3rem;
        }
        .about .imgBox {
            height: 300px;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            margin-bottom: 1rem;
        }
        .about .description {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        .about {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .about .imgBox {
            height: 500px;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        .about .description {
            margin-top: 2rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }


     }

/* PARALLAX 1 */

    .parallax1 {
        min-height: 70vh;
        background-image: url(../../img/bg/parallax1.jpg);
        background-position: center;
        background-size: cover;
    }

/* 3 DICI FLOW */

    ._3diciFlow {
        background-color: #001b48;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    ._3diciFlow .titleMobile {
        display: none;
        text-align: center;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    ._3diciFlow .titleMobile h1 {
        display: none;
    }
    ._3diciFlow .titleMobile hr {
        display: none;
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    ._3diciFlow .imgBox {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    ._3diciFlow .imgBox .imgContent {
        background-image: url(../../img/3dici_flow_drop.jpg);
        background-position: center top;
        background-size: cover;
        min-height: 100%;
    }
    ._3diciFlow .description {
        padding-left: 3rem;
        padding-right: 3rem;
        text-align: left;
    }
    ._3diciFlow .description h1 {
        text-transform: uppercase;
        display: inline-block;
    }
    ._3diciFlow .description hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    ._3diciFlow .description p {
        text-align: justify;
        font-weight: 200;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        ._3diciFlow {
            padding-top: 1rem;
            padding-bottom: 3rem;
        }
        ._3diciFlow .titleMobile {
            display: block;
            text-align: center;
            padding-left: 2rem;
            padding-right: 2rem;
        }
        ._3diciFlow .titleMobile h1 {
            display: inline-block;
        }
        ._3diciFlow .titleMobile hr {
            display: block;
            border-top: 6px solid rgba(116, 255, 160, 1);
            margin-top: 0.25rem !important;
            border-width: 6px !important;
        }
        ._3diciFlow .description {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            text-align: justify;
        }
        ._3diciFlow .description .title {
            display: none;
        }
        ._3diciFlow .imgBox {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            height: 300px;
            margin-bottom: 2rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        ._3diciFlow {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        ._3diciFlow .titleMobile {
            display: block;
            text-align: center;
            padding-left: 2rem;
            padding-right: 2rem;
        }
        ._3diciFlow .titleMobile h1 {
            display: inline-block;
        }
        ._3diciFlow .titleMobile hr {
            display: block;
            border-top: 6px solid rgba(116, 255, 160, 1);
            margin-top: 0.25rem !important;
            border-width: 6px !important;
        }
        ._3diciFlow .description .title {
            display: none;
        }
        ._3diciFlow .imgBox {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            height: 500px;
        }
        ._3diciFlow .description {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            margin-bottom: 1rem;
        }
     }

/* PARALLAX 2 */

    .parallax2 {
        min-height: 70vh;
        background-image: url(../../img/bg/parallax2.png);
        background-position: center;
        background-size: cover;
    }

/* SERVIZI HEAD */

    .serviziHead  {
        background-color: #001b48;
        padding-top: 5rem;
        padding-bottom: 1rem;
    }
    .serviziHead .title {
        text-align: center;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .serviziHead .title h1 {
        display: inline-block;
    }

    .serviziHead .title hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .serviziHead  {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
         .serviziHead  {
            padding-top: 2rem;
            padding-bottom: 1rem;
        }
     }

/* PSICOLOGIA SERVIZI */

    .psicologia {
        background-color: #001b48;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .psicologia .tablet-view {
        display: none;
    }
    .psicologia .web-mobile {
        display: flex;
    }
    .psicologia .imgBox {
    }
    .psicologia .imgBox .imgContent {
        background-image: url(../../img/servizi_psicologia.jpg);
        background-position: center top;
        background-size: cover;
        min-height: 100%;
    }
    .psicologia .description {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .psicologia .description h2 {
        font-family: 'Dancing Script', cursive;
        text-align: right;
    }
    .psicologia .description hr {
        border-top: 1px solid rgba(116, 255, 160, 1);
        border-width: 1px !important;

    }
    .psicologia .description p {
        text-align: justify;
        font-weight: 200;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .psicologia .web-mobile {
            display: flex;
        }
        .psicologia .tablet-view {
            display: none;
        }
        .psicologia .description {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        .psicologia .imgBox .imgContent {
            height: 300px;
        }
        .psicologia .imgBox {
            margin-bottom: 1rem;
        }
        .psicologia .description h2 {
            text-align: left;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
     @media (min-width: 576px) and (max-width: 768px) {
         .psicologia .web-mobile {
            display: none;
        }
        .psicologia .tablet-view {
            display: block;
        }

        .psicologia .description {
            padding-left: 0.5rem;
            padding-right: 0rem;
        }
        .psicologia .row {
            margin-left: 0;
        }
        .psicologia .description h2 {
            text-align: left;
        }
        .psicologia .imgBox {
            padding-left: 0rem;
            padding-right: 0.5rem;
        }
        .psicologia .imgBox .imgContent {
            height: 400px;
        }
     }


/* PSICOSPORT SERVIZI */

    .psicoSport {
        background-color: #001b48;
        padding-top: 1rem;
        padding-bottom: 5rem;
    }
    .psicoSport .tablet-view {
        display: none;
    }
    .psicoSport .web-mobile {
        display: flex;
    }
    .psicoSport .imgBox {
    }
    .psicoSport .imgBox .imgContent {
        background-image: url(../../img/servizi_psicosport.jpg);
        background-position: center top;
        background-size: cover;
        min-height: 100%;
    }
    .psicoSport .description {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .psicoSport .description h2 {
        font-family: 'Dancing Script', cursive;
        text-align: left;
    }
    .psicoSport .description hr {
        border-top: 1px solid rgba(116, 255, 160, 1);
        border-width: 1px !important;

    }
    .psicoSport .description p {
        text-align: justify;
        font-weight: 200;
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .psicoSport .web-mobile {
            display: flex;
        }
        .psicoSport .tablet-view {
            display: none;
        }
        .psicoSport {
            padding-top: 1rem;
            padding-bottom: 3rem;
        }
        .psicoSport .description {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        .psicoSport .description ul {
            margin-bottom: 0;
        }
        .psicoSport .imgBox .imgContent {
            height: 300px;
        }
        .psicoSport .imgBox {
            margin-bottom: 1rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (min-width: 576px) and (max-width: 768px) {
        .psicoSport .web-mobile {
            display: none;
        }
        .psicoSport .tablet-view {
            display: flex;
        }
        .psicoSport .description {
            padding-left: 0rem;
            padding-right: 0.5rem;
        }
        .psicoSport .row {
            margin-left: 0;
        }
        .psicoSport .description h2 {
            text-align: left;
        }
        .psicoSport .imgBox {
            padding-left: 0rem;
            padding-right: 0.5rem;
        }
        .psicoSport .imgBox .imgContent {
            height: 400px;
        }
     }


/* PARALLAX 3 */

    .parallax3 {
        min-height: 70vh;
        background-image: url(../../img/bg/parallax3.jpg);
        background-position: center;
        background-size: cover;
    }

/* PUBBLICAZIONI */

    .pubblicazioni {
        background-color: #001b48;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .pubblicazioni .title {
        text-align: left;
        padding-left: 3rem;
    }
    .pubblicazioni .title h1 {
        display: inline-block;
    }

    .pubblicazioni .title hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    .pubblicazioni .body {
        min-height: 27rem;
        padding-top:2rem;
    }
    .pubblicazioni .articoliBox {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .pubblicazioni .articoliBox .imgContent {
        position: relative;
        width: inherit;
        min-height: 100%;
        transition: 0.5s;
        overflow: hidden;
    }
    .pubblicazioni .intervisteBox {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .pubblicazioni .intervisteBox .imgContent {
        position: relative;
        width: inherit;
        min-height: 100%;
        transition: 0.5s;
        overflow:hidden;
    }
    .pubblicazioni .body a {
        color: white;
    }

    .pubblicazioni .body h1 {
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
        transition: 0.5s;
    }
    .pubblicazioni .body h6 {
        color: rgba(116, 255, 160, 1);
        font-size: 0.75rem;
        font-weight: 300;
        text-transform: uppercase;
        transition: 0.5s;
        position: absolute;
        top: 55%;
        left:50%;
        transform: translate(-50%, -50%);
        opacity:0;
    }
    .pubblicazioni .body .imgContent:hover h6 {
        border-top: 0.5px solid rgba(116, 255, 160, 1);
        padding: 12px 4rem;
        opacity: 1;
        top: 62%;
    }
    .pubblicazioni .body .imgContent:hover h1 {
        color: rgba(116, 255, 160, 1);
    }
    .pubblicazioni .body .imgContent img {
        max-width: -webkit-fill-available;
        max-width: -moz-available;
        transition: 0.5s;
    }

    .pubblicazioni .body .imgContent:hover img {
        webkit-filter: blur(10px) brightness(70%); /* Chrome, Safari, Opera */
        filter: blur(10px) brightness(70%);
        transform: scale(1.1);
    }
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .pubblicazioni {
            padding-top: 1rem;
            padding-bottom: 3rem;
        }
        .pubblicazioni .articoliBox {
            margin-bottom: 1.5rem;
        }
        .pubblicazioni .intervisteBox {
            margin-top: 1.5rem;
        }
    }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        .pubblicazioni {
            padding-top: 2rem;
            padding-bottom: 3rem;
        }
        .pubblicazioni .title {
            text-align: center;
            padding-left: 0;
        }
        .pubblicazioni .articoliBox {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .pubblicazioni .intervisteBox {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .pubblicazioni .body h1 {
            top: 40%;
        }
        .pubblicazioni .body h6 {
            top: 45%;
        }

     }


/* MAP GOOGLE */

    .map {
        padding-top: 7rem;
        padding-bottom: 1rem;
        background: linear-gradient(0deg, rgba(0,0,0,1) 80%, rgba(0,26,68,1) 100%);
    }
    .map .mapBox {
        min-height: 45vh;
        width: -moz-available;
        width: -webkit-fill-available ;
        /*background-image: url(../../img/map2.png);
        /*background-position: center;
        background-size: cover;
        background-repeat: no-repeat;*/
    }


/* CONTATTI */

    .contact {
        padding-top: 1rem;
        padding-bottom: 2rem;
        background-color: black;
    }
    .contact .contactBox {
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
    }
    .contact h6 {
        margin-bottom: 2rem;
    }
    .contact .contactBox .mailBox img {
        max-width: 4rem;
        cursor: pointer;
        margin-bottom: 1rem;
    }
    .contact .contactBox .phoneBox img {
        cursor: pointer;
        max-width: 4rem;
        margin-bottom: 1rem;
    }
    .contact .contactBox .phoneBox a {
        cursor: pointer;
        color: white;
    }
    .contact .whereBox {
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
    }
        .contact .whereBox p {
        color: #74ffa0;
    }
        /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
    .contact .contactBox .phoneBox a span {
        font-size:14px;
    }
    .contactBox .mailBox span {
         font-size:14px;
    }
    }


/* FOOTER */

    .footer {
        padding: 1rem 0;
        background-color: black;
        }
    .footer h6{
        font-family: 'Raleway', sans-serif;
        overflow-x: hidden;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
    }

/* PARALLAX MOBILE & TABLET STYLE */
    /* X-Small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
        .parallax1, .parallax2, .parallax3 {
            display:none;
        }
        .parallax {
            background-attachment: scroll;
        }
     }
    /* Small devices (tablet potrait, landscape phones, less than 768px) */
    @media (max-width: 768px) {
        .parallax {
            background-attachment: scroll;
        }
        .parallax1, .parallax2, .parallax3 {
            background-attachment: fixed;
            min-height: 40vh;
       }
       .parallax2 {
           background-position: right;
       }
     }

     /* MAPBOX */
     .marker {
        background-image: url('../../img/mapbox-icon.png');
        background-size: cover;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
      }

      .mapboxgl-popup {
        max-width: 200px;
      }

      .mapboxgl-popup-content {
        text-align: center;
        /*font-family: 'Open Sans', sans-serif;*/
      }

      .map h6 {
        color: #000000;
    }
        .ipad-iphone-active {
       background-attachment: inherit !important;
    }