orbit_bootstrap2.1/assets/stylesheets/template/modules/epaper.scss

@charset "utf-8";
@import "../initial";

//lastes-criteria
.epaper-index2 {
    h3 {
        margin: 50px -15px 0;
        background: #96210f;
        padding: 20px 10px;
        text-align: center;
        font-weight: 700;
        border-radius: 10px 10px 0 0;
        a { color: #fff; }
    }
    div[data-list='topics'][data-level='1'] {
        .epaper-index2-container { margin-top: 0; }
    }
}

// slider-fullscreen
.latest-fullslider {
    margin-bottom: 2em;
    .epaper-container {
        display: flex;
        margin: 0;
        align-items: center;
        justify-content: center;
    }
    .right-fullslider { 
        white-space: normal; 
        padding: 0 2em 2em;
        h3 { 
            font-size: 1.8em;
            text-align: center;
            font-weight: 600;
        }
    }
    .left-fullslider { 
        padding-right: 0; 
        text-align: center; 
        display: flex;
        margin: 0;
        align-items: center;
        justify-content: center;
        @media(max-width: 800px) {
            height: unset;
            max-height: unset;
        }
    }
    .epaper-description { white-space: normal; }
    .banner-Container { background: #fff;}
}

@media(min-width: 768px){
    .latest-fullslider{
        .right-fullslider{
            .right-box{
                h3,h4,div{
                    text-align: center;
                    color: #333;
                    margin-top: 20px;
                }
                h3{
                    font-size: 1.8rem;
                }
                h4{
                    font-size: 1.2rem;
                }
            }

        }
        .left-fullslider {
            img {
                width: 100%;
                overflow: hidden;
            }

        }
    }
}
@media(max-width: 768px){
    .latest-fullslider{
        .epaper-container{
            background: #fff;
        }
        .right-fullslider{
            position: absolute;
            bottom: 0;
            right: 0;
            background-color: rgba(60, 16, 15, 0.8784313725490196);
            .epaper-description {
                color: #fff;
            }
            h3, h4 {
                font-size: 1em;
                color: #ffaa26;
                &:hover {
                    color: lighten($color: #ffaa26, $amount: 10)
                }
            }
        }
        .left-fullslider{
            padding: 20px 0;
            img{
                width: 100%;
                overflow: hidden;
                min-height: 250px;
            }

        }
    }
}



// epaper-show page

.epaper-show{
    @media(min-width: 768px){
        h3{
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 25px;
        }
        span{
            line-height: 27px;
        }
    }

    @media(max-width: 768px){
        .epaper-content{
            padding: 15px;
        }
        span{
            line-height: 20px;
        }
    }
    img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }


}

// epaper-index1

.epaper-index1-container{
    margin-top: 15px;

.epaper-leftimg,.epaper-rightContent{
    display: inline-block;
    text-align: center;
}
.epaper-leftimg{
    img{
        width: 100%;
        //max-height: 225px;

    }
}
// .epaper-rightContent{
//     width: 50%;
// }

@media(min-width: 768px){
	position: relative;
	text-overflow: ellipsis;
	background:#fff;
    .epaper-rightContent{
        position: relative;//absolute;
        top: 10px;
		padding-bottom: 10px;
        .epaper-description{
            text-overflow: ellipsis;
        }

    }
}
}
// epaper-index2
.epaper-index2-container{
	border-style: solid;
    border-color: #ccc;
    border-width: 0 1px 1px;
	h1,h2,h3,h4{
		border-bottom: 1px solid #ccc;//#e1e1e1;
		margin: 0;
		padding: 10px 0 10px 10px;
		> span {
            float:right;
            span {
              margin-right:10px;
              color: #0e5c92;
              border: 1px solid #d1d1d1;
              background: #f0f0f0;
              padding: 4px 6px;
              font-size: 14px;
              margin-top:-3px;  
            }
			
		}
	}
    margin-top: 15px;
	
.epaper-leftimg,.epaper-rightContent{
    display: inline-block;
    text-align: left;
}
@media(min-width: 768px){
	.epaper-leftimg{
		width: 30%;
		padding: 10px 0 10px 10px;
		img{
			width:100%;
			//max-height: 225px;
		}
	}
	.epaper-rightContent{
		padding: 10px 0 10px 10px;
		width: 70%;
	}
}
@media(max-width: 767px){
	.epaper-leftimg{
		width: 100%;
		padding: 10px;
		img{
			width:100%;
			//max-height: 225px;
		}
	}
	.epaper-rightContent{
		padding: 10px;
	}
}
background:#fff;
@media(min-width: 768px){
	position: relative;
	text-overflow: ellipsis;
    .epaper-rightContent{
        position: relative;//absolute;
        top: 10px;
		padding-bottom: 20px;
		padding-right: 10px;
        .epaper-description{
            text-overflow: ellipsis;
        }

    }
}
.epaper-description a:visited{
	color: #777575;
}
.epaper-description a:hover{
	text-decoration-color: #333;
    text-decoration-line: underline;
}
}