/*
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: left;
    width: 312px;
    height: 428px;
    overflow: hidden;
    img{
        width: 100%;
        min-height: 100%; 
    }
}

.text-container{
    float: left;
    margin-left: 82px;
    width: calc(100% - (312px + 82px));
    position: relative;
    &.absolute .text{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .text{
        padding: 30px 0;
        span{
            color: $clr_3;
            display: block;
            font-weight: 700;
        }
        .name{
            font-size: 26px;
            margin-bottom: -2px;
        }
        .title{
            font-size: 18px;
        }
        p{
            margin: 0;
            margin-top: 8px;
        }
    }
    .team-category{
        position: absolute;
        top: 0;
        right: 0;
    }
    .email{
        position: absolute;
        bottom: 0;
        left: 0;
        color: $clr_5;
    }
    .back{
        position: absolute;
        bottom: -3px;
        right: 0;
    }
}