/*
=========================================================
Daily Hayyan Article Card
=========================================================
*/

.dhac-card{
    display:flex;
    flex-direction:row-reverse; /* Image on RIGHT */
    align-items:center;
    justify-content:space-between;

    width:100%;
    margin:20px 0;
    padding:14px;

    background:#FFE2E2;
    border:1px solid #827148;
    border-radius:12px;

    text-decoration:none !important;
    overflow:hidden;
    box-sizing:border-box;

    transition:all .30s ease;

    box-shadow:0 2px 6px rgba(0,0,0,.06);
}


/* Hover */

.dhac-card:hover{

    transform:translateY(-2px);

    border-color:#D4AF37;

    box-shadow:
        0 10px 30px rgba(0,0,0,.12);

}


/* =====================================================
   Content
===================================================== */

.dhac-content{

    flex:1;
    padding-left:18px;
    padding-right:0;
    min-width:0;
    text-align:right;
   
}


.dhac-title{

    color:#92003A;

    font-size:26px;

    line-height:1.8;

    font-weight:700;

    word-break:break-word;

    padding-right: 20px;
}


/* =====================================================
   Image
===================================================== */

.dhac-image{

    width:170px;

    flex-shrink:0;

}


.dhac-image img{

    display:block;

    width:170px;

    height:110px;

    object-fit:cover;

    border-radius:10px;

    transition:all .35s ease;

}


.dhac-card:hover .dhac-image img{

    transform:scale(1.08);

}


/* =====================================================
   RTL
===================================================== */

.rtl .dhac-card{

    direction:rtl;

}


.rtl .dhac-content{

    padding-right:0;

    padding-left:18px;

    text-align:right;

}


.rtl .dhac-title{

    text-align:right;

}


/* =====================================================
   Tablet
===================================================== */

@media (max-width:991px){

    .dhac-title{

        font-size:22px;

    }

    .dhac-image{

        width:145px;

    }

    .dhac-image img{

        width:145px;

        height:95px;

    }

}


/* =====================================================
   Mobile
===================================================== */

@media (max-width:767px){

    .dhac-card{

        padding:10px;

    }

    .dhac-title{

        font-size:18px;

        line-height:1.7;

    }

    .dhac-image{

        width:105px;

    }

    .dhac-image img{

        width:105px;

        height:75px;

    }

}


/* =====================================================
   Small Phones
===================================================== */

@media (max-width:420px){

    .dhac-title{

        font-size:16px;

    }

    .dhac-image{

        width:90px;

    }

    .dhac-image img{

        width:90px;

        height:65px;

    }

}


/* =====================================================
   Remove Theme Effects
===================================================== */

.dhac-card:focus,
.dhac-card:active{

    text-decoration:none;

    outline:none;

}


.dhac-card img{

    max-width:none;

}


.dhac-card *{

    box-sizing:border-box;

}