/* 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);
    */

    /* PARALLAX 1 */

    .parallax_articoli {
        min-height: 30vh;
        background-image: url(../../img/bg/parallax3.jpg);
        background-position: center;
        background-size: cover;
    }
    .articoli .titleRow h1 {
        margin: 3rem 0;
        text-transform: uppercase;
        display: inline-block;
    }

    .articoli .titleRow hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    .articoli .container {
        padding-left: 10rem;
        padding-right:10rem;
    }
    .articoli .body .contentBox {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-right: calc(var(--bs-gutter-x) / 1.5);
        padding-left: calc(var(--bs-gutter-x) / 1.5);
    }
    .articoli .body .imgBox {
        position: relative;
    }
    .articoli .body .imgBox img {
        max-width: -moz-available;
        max-width: -webkit-fill-available;
    }
    .articoli .body .imgBox .data {
        position: absolute;
        top: 2%;
        right: 10%;
        font-size: 14px;
        font-weight: 200;
        color: #74FFA0;
    }
    .articoli .body .decriptionBox h6 {
        text-align: center;
        color: #74FFA0;
        font-size: 18px;
        font-weight: normal;
        text-transform: ;
        font-family: 'Raleway', sans-serif;
        margin-top: 1rem;
    }
    .articoli .body .decriptionBox .infoRow {
        font-size: 12px;
        font-weight: lighter;
        display: flex;
        justify-content: space-around;
        margin: 0.5rem 0;
    }
    .articoli .body .decriptionBox .infoRow .time{
        text-align: center;
    }

    .articoli .body .decriptionBox .infoRow p{
        display: inline;
        width: 50%;
    }
    .articoli .body .decriptionBox .infoRow .visualizzazioni{
        text-align: center;
    }

    .articoli .body .decriptionBox .infoRow svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;

    }
    .articoli a {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

/* ARTICOLI SINGOLI STYLE */

    .articolo_singolo .container {
        padding: 4rem;
        padding-right: var(--bs-gutter-x, 12rem);
        padding-left: var(--bs-gutter-x, 12em);

    }
    .articolo_singolo .articolo {
        border: 4px solid #74FFA0;
        padding: 6rem;
        padding-bottom:3rem;
    }
    .articolo_singolo .autore_dataRow {
        font-size: 12px;
        font-weight: lighter;
        margin-bottom: 2rem;
    }
    .articolo_singolo .autore_dataRow h6{
        font-family: 'Raleway', sans-serif;
        font-weight: lighter;
    }
    .articolo_singolo .autore_dataRow .time{
        text-align: right;
    }
    .articolo_singolo .titoloRow {
        margin-bottom: 3rem;
    }
    .articolo_singolo .titolo {
        text-align: center;
        color: #74FFA0;
    }
    .articolo_singolo .titolo h1{
        font-size: 32px;
    }
    .articolo_singolo .imgRow {
        margin-bottom: 3rem;
    }
    .articolo_singolo .descrizioneRow {
        line-height: 2.5;
        margin-bottom: 3rem;
    }
    .articolo_singolo .descrizione p {
        text-align: justify;
    }
    .articolo_singolo .firmaRow {
        margin-bottom: 3rem;
    }
    .articolo_singolo .firma {
        text-align: right;
        font-style: italic;
    }
    .articolo_singolo .link_visualizzazioniRow {
    }
    .articolo_singolo .link_visualizzazioniRow svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;
    }
    .articolo_singolo .link_visualizzazioniRow p {
        display: inline;
    }
    .articolo_singolo .visualizzazioni {
        text-align: right;
    }
    .articolo_singolo .recentiRow {
        margin-top: 3rem;
    }
    .articolo_singolo .recenti {
        border: 2px solid #74FFA0;
        margin:1rem;
        width: 30%;
        padding: 0;
    }
    .articolo_singolo .recenti img {
        max-width: -webkit-fill-available;
        margin-bottom: 1rem;
    }
    .articolo_singolo .recenti .titolo_recente h6 {
        text-align: center;
        color: #74FFA0;
        font-family: 'Raleway', sans-serif;
    }
    .articolo_singolo .recenti .info_recentiRow {
        display: inherit;
        margin-bottom: 0.5rem;
    }
    .articolo_singolo .recenti .autore_recente {
        display: inline;
    }
    .articolo_singolo .recenti .autore_recente p {
        font-style: italic;
        font-size: 12px;
        font-weight: lighter;
        margin-left: 0.5rem;
        display: inline;
    }
    .articolo_singolo .recenti .visualizzazioni_recenti {
        display: inline;
        text-align: right;
    }
    .articolo_singolo .recenti .visualizzazioni_recenti svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;
    }
    .articolo_singolo .recenti .visualizzazioni_recenti p {
        display: inline;
    }


/* INTERVISTE CSS */


    /* PARALLAX 1 */

    .parallax_articoli {
        min-height: 30vh;
        background-image: url(../../img/bg/parallax3.jpg);
        background-position: center;
        background-size: cover;
    }
    .interviste .titleRow h1 {
        margin: 3rem 0;
        text-transform: uppercase;
        display: inline-block;
    }

    .interviste .titleRow hr {
        border-top: 6px solid rgba(116, 255, 160, 1);
        margin-top: 0.25rem !important;
        border-width: 6px !important;
    }
    .interviste .container {
        padding-left: 10rem;
        padding-right:10rem;
    }
    .interviste .body .contentBox {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-right: calc(var(--bs-gutter-x) / 1.5);
        padding-left: calc(var(--bs-gutter-x) / 1.5);
    }

    .interviste .body .imgBox {
        position: relative;
    }
    .interviste .body .imgBox img {
        max-width: -moz-available;
        max-width: -webkit-fill-available;
    }
    .interviste .body .imgBox .data {
        position: absolute;
        top: 4%;
        right: 10%;
        font-size: 14px;
        font-weight: 200;
        color: #74FFA0;
    }
    .interviste .body .decriptionBox h6 {
        text-align: center;
        color: #74FFA0;
        font-size: 18px;
        font-weight: normal;
        text-transform: ;
        font-family: 'Raleway', sans-serif;
        margin-top: 1rem;
    }
    .interviste .body .decriptionBox .infoRow {
        font-size: 12px;
        font-weight: lighter;
        display: flex;
        justify-content: space-around;
        margin: 0.5rem 0;
    }
    .interviste .body .decriptionBox .infoRow .time{
        text-align: center;
    }

    .interviste .body .decriptionBox .infoRow p{
        display: inline;
        width: 50%;
    }
    .interviste .body .decriptionBox .infoRow .visualizzazioni{
        text-align: center;
    }

    .interviste .body .decriptionBox .infoRow svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;

    }
    .interviste a {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

    /* INTERVISTE SINGOLI STYLE */
    .intervista_singola .container {
        padding: 4rem;
        padding-right: var(--bs-gutter-x, 12rem);
        padding-left: var(--bs-gutter-x, 12em);

    }
    .intervista_singola .articolo {
        border: 4px solid #74FFA0;
        padding: 6rem;
        padding-bottom:3rem;
    }
    .intervista_singola .autore_dataRow {
        font-size: 12px;
        font-weight: lighter;
        margin-bottom: 2rem;
    }
    .intervista_singola .autore_dataRow h6{
        font-family: 'Raleway', sans-serif;
        font-weight: lighter;
    }
    .intervista_singola .autore_dataRow .time{
        text-align: right;
    }
    .intervista_singola .titoloRow {
        margin-bottom: 3rem;
    }
    .intervista_singola .titolo {
        text-align: center;
        color: #74FFA0;
    }
    .intervista_singola .titolo h1{
        font-size: 32px;
    }
    .intervista_singola .imgRow {
        margin-bottom: 3rem;
    }
    .intervista_singola .descrizioneRow {
        margin-bottom: 3rem;
    }
    .intervista_singola .descrizione p {
        text-align: justify;
        line-height: 2.5;
    }
    .intervista_singola .firmaRow {
        margin-bottom: 3rem;
    }
    .intervista_singola .firma {
        text-align: right;
        font-style: italic;
    }
    .intervista_singola .link_visualizzazioniRow {
    }
    .intervista_singola .link_visualizzazioniRow svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;
    }
    .intervista_singola .link_visualizzazioniRow p {
        display: inline;
    }
    .intervista_singola .visualizzazioni {
        text-align: right;
    }
    .intervista_singola .recentiRow {
        margin-top: 3rem;
    }
    .intervista_singola .recenti {
        border: 2px solid #74FFA0;
        margin:1rem;
        width: 30%;
        padding: 0;
    }
    .intervista_singola .recenti img {
        max-width: -webkit-fill-available;
        margin-bottom: 1rem;
    }
    .intervista_singola .recenti .titolo_recente h6 {
        text-align: center;
        color: #74FFA0;
        font-family: 'Raleway', sans-serif;
    }
    .intervista_singola .recenti .info_recentiRow {
        display: inherit;
        margin-bottom: 0.5rem;
    }
    .intervista_singola .recenti .autore_recente {
        display: inline;
    }
    .intervista_singola .recenti .autore_recente p {
        font-style: italic;
        font-size: 12px;
        font-weight: lighter;
        margin-left: 0.5rem;
        display: inline;
    }
    .intervista_singola .recenti .visualizzazioni_recenti {
        display: inline;
        text-align: right;
    }
    .intervista_singola .recenti .visualizzazioni_recenti svg {
        max-width: 1.5rem;
        display: inline;
        padding-right: 4px;
    }
    .intervista_singola .recenti .visualizzazioni_recenti p {
        display: inline;
    }