/* =========================================================

   OSHO–REIKI

   PRINCIPLE.ASPX



   CSS dedicato esclusivamente alla pagina Principle.aspx

   ========================================================= */





/* =========================================================

   PAGINA

   ========================================================= */



.reiki-principle-page {

    width: 100%;

    background: #fbfaf7;

    color: #262626;

    font-family: Arial, Helvetica, sans-serif;

}





/* =========================================================

   CONTENITORE

   ========================================================= */



.reiki-principle-wrap {

    width: calc(100% - 240px);

    max-width: 760px;

    margin: 0 auto;

    padding: 42px 0 48px;

    box-sizing: border-box;

}





/* =========================================================

   TITOLO

   ========================================================= */



.reiki-principle-heading {

    margin: 0 0 30px;

    text-align: center;

}



    .reiki-principle-heading h1 {

        margin: 0;

        color: #242424;

        font-family: Georgia, "Times New Roman", serif;

        font-size: clamp(34px, 4vw, 48px);

        line-height: 1.12;

        font-weight: 400;

    }





/* =========================================================

   BLOCCO PRINCIPI

   ========================================================= */



.reiki-principle-principles {

    display: grid;

    grid-template-columns: 150px minmax(0, 390px);

    justify-content: center;

    align-items: center;

    column-gap: 34px;

    width: 100%;

    max-width: 620px;

    margin: 0 auto 36px;

}





/* =========================================================

   BAMBOO

   ========================================================= */



.reiki-principle-bamboo {

    display: flex;

    justify-content: center;

    align-items: center;

}



    .reiki-principle-bamboo img {

        display: block;

        width: auto;

        height: auto;

        max-width: 150px;

        max-height: 350px;

        object-fit: contain;

    }





/* =========================================================

   ELENCO PRINCIPI

   ========================================================= */



.reiki-principle-list {

    min-width: 0;

    color: #292929;

    font-family: Georgia, "Times New Roman", serif;

}





/* =========================================================

   SOLO PER OGGI

   ========================================================= */



.reiki-principle-today {

    margin: 0 0 16px;

    font-size: 20px;

    line-height: 1.3;

    font-style: italic;

    font-weight: 600;

}





/* =========================================================

   SINGOLO PRINCIPIO

   ========================================================= */



.reiki-principle-item {

    margin: 0 0 15px;

}



.reiki-principle-main {

    font-size: 19px;

    line-height: 1.3;

    font-style: italic;

    font-weight: 600;

}



.reiki-principle-note {

    margin-top: 2px;

    font-size: 14px;

    line-height: 1.3;

    font-style: italic;

    font-weight: 400;

}





/* =========================================================

   FIRMA

   ========================================================= */



.reiki-principle-signature {

    margin-top: 22px;

    font-family: "Courier New", Courier, monospace;

    font-size: 13px;

    line-height: 1.3;

    text-align: right;

}





/* =========================================================

   TESTO DESCRITTIVO

   ========================================================= */



.reiki-principle-description {

    width: 100%;

    max-width: 620px;

    margin: 0 auto;

    color: #303030;

    font-size: 16px;

    line-height: 1.55;

}



    .reiki-principle-description p {

        margin-top: 0;

        margin-bottom: 16px;

    }



        .reiki-principle-description p:last-child {

            margin-bottom: 0;

        }





/* =========================================================

   SPAZIO TRA I MEMO DEL DATABASE

   ========================================================= */



.reiki-principle-memo-space {

    height: 16px;

}





/* =========================================================

   LINK NEL TESTO

   ========================================================= */



.reiki-principle-description a {

    color: inherit;

    text-decoration: underline;

    text-underline-offset: 2px;

}



    .reiki-principle-description a:hover {

        text-decoration-thickness: 2px;

    }





/* =========================================================

   RESPONSIVE

   ========================================================= */



@media (max-width: 1200px) {



    .reiki-principle-wrap {

        width: calc(100% - 120px);

    }

}





@media (max-width: 900px) {



    .reiki-principle-wrap {

        width: calc(100% - 48px);

        padding-top: 34px;

    }



    .reiki-principle-principles {

        grid-template-columns: 125px minmax(0, 360px);

        column-gap: 26px;

    }



    .reiki-principle-bamboo img {

        max-width: 125px;

        max-height: 300px;

    }

}





@media (max-width: 600px) {



    .reiki-principle-wrap {

        width: calc(100% - 32px);

        padding-top: 28px;

        padding-bottom: 38px;

    }



    .reiki-principle-heading {

        margin-bottom: 26px;

    }



    .reiki-principle-principles {

        grid-template-columns: 90px minmax(0, 1fr);

        align-items: center;

        column-gap: 18px;

        margin-bottom: 30px;

    }



    .reiki-principle-bamboo img {

        max-width: 90px;

        max-height: 260px;

    }



    .reiki-principle-today {

        margin-bottom: 13px;

        font-size: 18px;

    }



    .reiki-principle-item {

        margin-bottom: 12px;

    }



    .reiki-principle-main {

        font-size: 17px;

    }



    .reiki-principle-note {

        font-size: 13px;

    }



    .reiki-principle-signature {

        margin-top: 18px;

        font-size: 12px;

    }



    .reiki-principle-description {

        font-size: 15px;

        line-height: 1.55;

    }

}