/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01-Jul-2022, 13:28:10
    Author     : Jafran Mjm
*/

@import 'config';

.img{
    float: right;
    width: 312px;
    height: 428px;
    overflow: hidden;
    img{
        width: 100%;
        min-height: 100%; 
    }
}

.text-container{
    float: right;
    right: 82px;
    width: calc(100% - (312px + 82px));
    position: relative;
    &.absolute .text{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .text{
        padding: 30px 0 100px;
        span{
            color: $clr_3;
            display: block;
            font-weight: 700;
        }
        .name{ 
            font-size: 26px;
            margin-bottom: 2px;
        }
        .title{
            font-weight: 500;
            font-size: 18px;
        }
        p{
            margin: 0;
            margin-top: 16px;
            line-height: 24px;
        } 
    }
    .date{
        position: absolute;
        top: 0;
        left: 0;
    }
    .download-text{
            position: absolute;
        top: 0;
        right: 0;
        text-decoration: underline;
    }
    .download-btn{
        position: absolute;
        bottom: 72px;
        left: 0;
        width: 38px;
        height: 38px;
        background: url(../img/download.png) no-repeat center center;
        background-size: 100%;
    }
    .previous{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .next{
        position: absolute;
        bottom: 0;
        left: 0;
    }
}