/* CSS HEX
    --gray-web: #818083;
    --dark-cornflower-blue: #293a6e;
    --cyan-process: #00bcf5;
    --cultured: #f8f8f8;
    --medium-aquamarine: #3ae4ae;

     CSS HSL
    --gray-web: hsla(260, 1%, 51%, 1);
    --dark-cornflower-blue: hsla(225, 46%, 30%, 1);
    --cyan-process: hsla(194, 100%, 48%, 1);
    --cultured: hsla(0, 0%, 97%, 1);
    --medium-aquamarine: hsla(161, 76%, 56%, 1);

     SCSS HEX
    $gray-web: #818083ff;
    $dark-cornflower-blue: #293a6eff;
    $cyan-process: #00bcf5ff;
    $cultured: #f8f8f8;
    $medium-aquamarine: #3ae4aeff;


     SCSS RGB
    $gray-web: rgba(129, 128, 131, 1);
    $dark-cornflower-blue: rgba(41, 58, 110, 1);
    $cyan-process: rgba(0, 188, 245, 1);
    $cultured: rgba(248, 248, 248, 1);
    $medium-aquamarine: rgba(58, 228, 174, 1);
    */

    .servizi_singola {
        margin: auto;
        background-image: url(../../img/background/background_servizi_singola.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .servizi_singola .container {
        padding: 4rem;
        padding-right: var(--bs-gutter-x, 12em);
        padding-left: var(--bs-gutter-x, 12em);
    }
    .servizi_singola .news_row {

        position: relative;
    }
    .servizi_singola .news_row .news_row_background{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /* background-color: rgba(34, 34, 34, 0.2); */
    }

    .servizi_singola .news_row .news_body {
        backdrop-filter: grayscale(1);
        padding-left: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        /* border: 4px solid #00bcf5;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
    }
    .servizi_singola .news_row .news_body .data_time_row {
        margin: auto auto 2rem auto;
    }
    .servizi_singola .news_row .news_body .data_time_row .data h6 {
        font-weight: lighter !important;
        color:#f8f8f8;
        font-size: 14px;
    }
    .servizi_singola .news_row .news_body .data_time_row .time h6 {
        font-weight: lighter !important;
        color:#f8f8f8;
        font-size: 14px;
        text-align: right;
    }
    .servizi_singola .news_row .news_body .content_row {
        margin: 2rem auto;
    }
    .servizi_singola .news_row .news_body .content_row .content {
        text-align: justify;
        color: #f8f8f8;
        padding-top: 2rem;
    }
    .servizi_singola .news_row .news_body .content_row .content strong {
        color: #00bcf5;
    }
    .servizi_singola .news_row .news_body .content_row p {


    }
    .servizi_singola .news_row .news_body .content_row .imgBox{
        /* background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 20rem; */
    }
    .servizi_singola .news_row .news_body .content_row .imgBox img{
        max-width:inherit;
        border-radius: 10px;
    }

    .servizi_singola .news_row .news_body .content_row h2 ,  .servizi_singola .news_row .news_body .content_row h1 {
        text-align: center;
        margin-top: 0.5rem;
        color: #00bcf5;
        text-shadow: -1px 1px 0px #293a6e;
        font-family: 'Makro XM';
        font-weight: 400;
        margin-bottom: 2rem;
    }
    .servizi_singola .link_visualizzazioni_row {

    }
    .servizi_singola .link_visualizzazioni_row .link {
        text-align: center;
    }
    .servizi_singola .link_visualizzazioni_row .link span {
        cursor: pointer;
    }
    .servizi_singola .link_visualizzazioni_row .link svg {
        max-width: 2rem;
        display: inline;
        padding-right: 4px;
    }
    .servizi_singola .link_visualizzazioni_row .visualizzazioni svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;
    }
    .servizi_singola .link_visualizzazioni_row p {
        display: inline;
    }
    .servizi_singola .visualizzazioni {
        text-align: center;
    }



    .servizi_singola .tooltip {
      position: relative;
      display: inline-block;
      opacity: 1;
      margin-top: 1rem;
    }

    .servizi_singola .tooltip .tooltiptext {
      visibility: hidden;
      width: 140px;
      background-color: #555;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px;
      position: absolute;
      z-index: 1;
      bottom: 150%;
      left: 50%;
      margin-left: -75px;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .servizi_singola .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

    .servizi_singola .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }
    .servizi_singola .modal-content {
        width: -webkit-fill-available;
        position: relative;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
        box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #293a6e;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 2rem;
        border: 4px solid #00bcf5;
        padding: 0 2.5rem;
        text-align: center;
    }
    .servizi_singola .modal-body {
        position: relative;
        padding: 16px;
        font-weight: 400;
        font-size: 16px;
        flex: 1 1 auto;
        color: #1f1f1f;
        text-align: justify;
        padding-left: 0;
        padding-right: 0;
        margin-top: 2rem;
        text-align: center;
        overflow-x:hidden;
    }
    .servizi_singola .modal-body input {
        background-color: #818083;
        color: #f8f8f8;
        font-size: 12px;
    }
    .servizi_singola .modal-footer {
        display: block;
        border-top-color: #00bcf5;
    }
    .servizi_singola .tooltip button{
        color: #00bcf5;
        background-color: transparent;
        text-decoration: none;
        outline: none;
        min-width: 5rem;
        min-height: 2rem;
        /* box-shadow: 3px 3px 8px #b1b1b1, -3px -3px 8px #ffffff; */
        transition: 0.5s;
        display: inline-block;
        padding: 3px 6px;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid #1480c4;
        border-radius: 4px;
    }
    .servizi_singola .tooltip button:hover {
        background-color: #1480c4;
        color: #e6efec;
        text-decoration: none;
    }



    .servizi_singola .modal-footer button{
        color: #3ae4ae;
        background-color: transparent;
        text-decoration: none;
        outline: none;
        min-width: 7rem;
        min-height: 3rem;
        /* box-shadow: 3px 3px 8px #b1b1b1, -3px -3px 8px #ffffff; */
        transition: 0.5s;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid #3ae4ae;
        border-radius: 4px;
    }
    .servizi_singola .modal-footer button:hover{
        background-color: #3ae4ae;
        color: #293a6e;
        text-decoration: none;
    }
    /* adattamento Navbar */
    .et-hero-tabs {
        height: auto;
    }
    .navbar {
        padding:0;
    }
    .bg-landing {
        min-height: auto;
    }
    .et-hero-tabs-container{
        position: relative;
        top:0;
    }
    .logo_container{
        display: none;
    }