/* FONT DECLARATIONS GOES HERE */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
.lust_text_book
{
    font-family: lust-text, serif;
    font-weight: 400;
    font-style: normal;
}
.lust_text_medium
{
    font-family: lust-text, serif;
    font-weight: 500;
    font-style: normal;
}
.lust_text_italic
{
    font-family: lust-text, serif;
    font-weight: 400;
    font-style: italic;
}

.inter_extraLight
{
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-style: normal;
}

.inter_light
{
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-style: normal;
}
.inter_regular
{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.inter_medium
{
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-style: normal;
}
.inter_semibold
{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-style: normal;
}
.inter_bold
{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-style: normal;
}





/* Typography defined here */
.h
    {
        font-size: 2.5rem;
        line-height: 2.4rem;
    }
.h1
{
    font-size: 2.5rem;
    line-height: 3.1rem;
}
.h2
{
        font-size: 2rem;
    line-height:2.4rem;
}
.h3
{
    font-size: 1.4rem;
    line-height: 1.85rem;
}
.h4
{
    font-size: 1.5rem;
    line-height: 2.05rem;
}
.h5
{
    font-size: 1.5rem;
    line-height:2.25rem;
}
.h6
{
    font-size:1rem;
    line-height:1.675rem;
}

.p1
{
    font-size:2rem;
    line-height:3.75rem;
}
.p2
{
    font-size:1.9rem;
    line-height:3.75rem;
}
.p3
{
    font-size: 1.5rem;
    line-height: 2.25rem;
}
.p4
{
    font-size:1.125rem;
    line-height:1.9rem;
}
.p5
{
    font-size:1.125rem;
    line-height:1.7rem;
}
.p6
{
       font-size: 0.9rem;
    line-height: 1.36rem;
}
.p7
{
    font-size:0.9rem;
    line-height: 1.36rem;
}
.p8
{
    font-size:0.98rem;   
}
/* TYPO CSS FOR JOURNAL BLOG PAGE */
div.richText_content p
{
    font-size: 1.12rem;
    line-height: 1.7rem;
}
div.richText_content h1
{
    font-size: 2.2rem;
    line-height: 3.4rem;
}
div.richText_content h2
{
    font-size: 2rem;
    line-height: 2.85rem;
}
div.richText_content h3
{
    font-size: 1.45rem;
    line-height: 2.05rem;
}
div.richText_content h4
{
   font-size:1.2rem;
   line-height:2.15rem;
}
div.richText_content h5
{
   font-size:1.1rem;
   line-height:2.15rem;
}
div.richText_content h6
{
   font-size:1rem;
   line-height:2.15rem;
}
div.richText_content ol li
{
    font-size: 1.12rem;
    line-height: 1.7rem;
}
div.richText_content ul li
{
    font-size: 1.12rem;
    line-height: 1.7rem;
}
blockquote
{
    font-size:1.3rem;
    line-height:2rem;
}
pre
{
    font-size: 1.12rem;
    line-height: 1.7rem;
}
th 
{
    font-size: 1rem;
    line-height: 1.6rem;
}
td 
{
    font-size: 1rem;
    line-height: 1.6rem;
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1029px)
{
    /* Typography defined here */
    .h {
        font-size: 4.4rem;
        line-height: 5.3rem;
    }
    .h1
    {
             font-size: 4rem;
        line-height: 5rem;
    }
    .h2
    {
        font-size: 2.8rem;
        line-height: 3.7rem;
    }
    .h3
    {
            font-size: 2.64rem;
    line-height: 2.55rem;
    }
    .h4
    {
        font-size: 2.85rem;
        line-height: 4.05rem;
    }
    .h5
    {
            font-size: 2.77rem;
        line-height: 3.45rem;
    }
    .h6
    {
            font-size: 1.9rem;
        line-height: 2.875rem;
    }
    
    .p1
    {
        font-size:2.2rem;
        line-height:3.75rem;
    }
    .p2
    {
        font-size:2.09rem;
        line-height:3.75rem;
    }
    .p3
    {
        font-size:1.87rem;
        line-height:3.25rem;
    }
    .p4
    {
        font-size:2.2rem;
        line-height:3.4rem;
    }
    .p5
    {
        font-size: 1.825rem;
        line-height: 2.6rem;
    }
    .p6
    {
        font-size: 1.5rem;
        line-height: 2.06rem;
    }
    .p7
    {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .p8
    {
        font-size:1.3rem;   
    }
    
}





/* DESKTOP LARGE SCREEN */
@media only screen and (min-width:1030px) 
{
    /* Typography defined here */
    .h
    {
        font-size:3.5rem;
        line-height:3.8rem;
    }
    .h1
    {
        font-size: 3.1rem;
        line-height: 3.28rem;
    }
    .h2
    {
        font-size: 3.2rem;
        line-height: 3.7rem;
    }
    .h3
    {
        font-size:2.2rem;
        line-height:2.85rem;
    }
    .h4
    {
        font-size: 2rem;
        line-height: 2.75rem;
    }
    .h45
    {
        font-size:1.8rem;
        line-height:2.4rem;
    }
    .h5
    {
        font-size: 2.1rem;
        line-height: 2.45rem;
    }
    .h6
    {
        font-size:1.7rem;
        line-height:2.15rem;
    }
    
    .p1
    {
        font-size:2.7rem;
        line-height:3.25rem;
    }
    .p2
    {
        font-size:2.2rem;
        line-height:3.25rem;
    }
    .p3
    {
        font-size:1.75rem;
        line-height:3.25rem;
    }
    .p4
    {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }   
    .p5
    {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .p6
    {
        font-size:1.2rem;
        line-height:1.86rem;
    }
    .p7
    {
        font-size:1.1rem;
    }
    .p8
    {
        font-size:0.98rem;
    }
     /* NEW DEFINED TYPO NEED TO WRITE MEDIA QUERIES */
     .p9
     {
         font-size:1.1rem;
     }

     /* TYPO CSS FOR JOURNAL BLOG PAGE */
     div.richText_content p
     {
        font-size: 1.4rem;
        line-height: 2rem;
     }
     div.richText_content h1
     {
        font-size: 3.1rem;
        line-height: 3.48rem;
     }
     div.richText_content h2
     {
        font-size:2.5rem;
        line-height:3.85rem;
     }
     div.richText_content h3
     {
        font-size: 2.1rem;
        line-height: 2.85rem;
     }
     div.richText_content h4
     {
        font-size:1.7rem;
        line-height:2.15rem;
     }
     div.richText_content h5
     {
        font-size:1.5rem;
        line-height:1.9rem;
     }
     div.richText_content h6
     {
        font-size:1.3rem;
        line-height:1.65rem;
     }
     div.richText_content ol li
     {
        font-size: 1.4rem;
        line-height: 2rem;
     }
     div.richText_content ul li
     {
        font-size: 1.4rem;
        line-height: 2rem;
     }
     blockquote
     {
        font-size:1.7rem;
        line-height:2.65rem;
     }
     pre
     {
        font-size: 1.4rem;
        line-height: 2rem;
     }
     th 
     {
        font-size: 1.2rem;
        line-height: 2rem;
     }
     td 
     {
        font-size: 1.1rem;
        line-height: 2rem;
     }
}


@media only screen and (min-width:1850px) 
{
    
    .h
    {
        font-size:4.83rem;
        line-height:5.6rem;
    }
    .h1
    {
        font-size: 4.5rem;
        line-height: 4.88rem;
    }
    .h2
    {
        font-size: 3.8rem;
        line-height: 4.65rem;
    }
    .h3
    {
        font-size:2.55rem;
        line-height:3.55rem;
    }
    .h4
    {
        font-size:2.35rem;
        line-height:3.35rem;
    }
    .h45
    {
        font-size:2rem;
        line-height:2.4rem;
    }
    .h5
    {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    .h6
    {
        font-size:1.9rem;
        line-height:2.95rem;
    }
    
    .p1
    {
        font-size:3.1rem;
        line-height:3.25rem;
    }
    .p2
    {
        font-size:2.5rem;
        line-height:3.25rem;
    }
    .p3
    {
        font-size:1.95rem;
        line-height:3.25rem;
    }
    .p4
    {
        font-size: 2.05rem;
        line-height: 2.95rem;
    }
    .p5
    {
        font-size: 1.9rem;
        line-height: 2.65rem;
    }
    .p6
    {
        font-size: 1.75rem;
        line-height: 2.66rem;
    }
    .p7
    {
        font-size:1.53rem;
        line-height: 2rem;
    }
    .p8
    {
        font-size:1.4rem;
        line-height: 1.9rem;
    }
    /* TYPO CSS FOR JOURNAL BLOG PAGE */
    div.richText_content p
    {
        font-size: 1.85rem;
        line-height: 2.75rem;
    }
    div.richText_content h1
    {
       font-size: 3.7rem;
       line-height: 4.28rem;
    }
    div.richText_content h2
    {
        font-size:3.2rem;
        line-height:3.85rem;
    }
    div.richText_content h3
    {
       font-size: 2.7rem;
       line-height: 3.65rem;
    }
    div.richText_content h4
    {
       font-size:2.5em;
       line-height:2.15rem;
    }
    div.richText_content h5
    {
       font-size:2.3rem;
       line-height:2.15rem;
    }
    div.richText_content h6
    {
       font-size:2.2rem;
       line-height:2.15rem;
    }
    div.richText_content ol li
    {
        font-size: 1.85rem;
        line-height: 2.75rem;
    }
    div.richText_content ul li
    {
        font-size: 1.85rem;
        line-height: 2.75rem;
    }
    blockquote
    {
        font-size: 2.2rem;
        line-height: 3.45rem;
    }
    pre
    {
        font-size: 1.85rem;
        line-height: 2.95rem;
    }
    th 
    {
       font-size: 1.7rem;
       line-height: 2rem;
    }
    td 
    {
       font-size: 1.6rem;
       line-height: 2rem;
    }
}

@media only screen and (min-device-width: 1100px ) and (max-device-width: 1200px)
{
    .h1 {
        font-size: 3.4rem;
        line-height: 3.68rem;
    }
    .p4 {
    font-size: 1.55rem;
    line-height: 2.2rem;
    }
    .p5 {
    font-size: 1.3rem;
    line-height: 1.95rem;
    }
    .p6 {
    font-size: 0.95rem;
    line-height: 1.66rem;
    }
}