﻿    .mainContainerDiv {
        border: 1px solid #C0C0C0; 
        border-radius: 4px;
	    /*-webkit-box-shadow: 1px 1px 15px -1px #B3B3B3;
	    box-shadow: 1px 1px 15px -1px #B3B3B3;*/
        padding: 12px;
        background-color:#fefefe;
    }
	.mainContainerDiv:hover {
	    -webkit-box-shadow: 1px 1px  15px -1px #808080;
	    box-shadow: 1px 1px  15px -1px #808080;
	}
    .mainContainerDiv img {
        width: 100%; 
        min-width: 260px; 
        height: auto; 
        border-radius: 5px;
    }

    .articleNameDiv {
        font-weight: bold; 
        font-size: 1.2em;
        //color: #666666;
    }
    .textImgConteinerDiv {
        display: flex; 
        flex-direction: row; 
        justify-content: space-around;
    }
    .imgDiv {
        flex-grow: 1; 
        flex-shrink: 1; 
        padding-right: 10px; 
    }
    .textContainerDiv {
        flex-grow: 1; 
        flex-shrink: 1; 
        padding-left: 10px; 
        //padding-top: 15px; 
        position: relative;
        line-height:150%;
    }
    .articlePerexEllipsisDiv {
        overflow: hidden; display: -webkit-box; 
        -webkit-box-orient: vertical; 
        -webkit-line-clamp: 2; 
        white-space: pre-wrap;
        padding-top: 10px;
    }
    .authorDiv {
        position: absolute; 
        right: 0; 
        bottom: 0px; 
        font-style: italic;
        color: #497981;
    }

    .articleNameDiv a:visited, a:link, a:active
    {
        text-decoration: none;
        color: #497981;
    }
    .articleNameDiv a:hover {
        text-decoration: none;
        color: #ff0000;
    }

    .articlePerexEllipsisDiv a:visited, .articlePerexEllipsisDiv a:link, .articlePerexEllipsisDiv a:active {
        text-decoration: none;
        color:darkslategray;
    }
    .articlePerexEllipsisDiv a:hover {
        text-decoration: none;
        color: gray;
    }

    @media screen and (max-width: 720px) {
        .textImgConteinerDiv {display:block;}
        .imgDiv {padding-right: 0px;}
        .textContainerDiv {padding-left: 0px; margin-top: 15px;}
        .authorDiv {position: relative; text-align:right; margin-top:10px;}
        .articlePerexEllipsisDiv {-webkit-line-clamp: 2;}
    }