/** gray **/
.global-imageigrid{
    margin-bottom:25px;
        margin-top:25px;
   padding:30%;
    background-size: contain;
    background-repeat: no-repeat;
}
.MsoNormalTable {
    border: 1px solid #000;
}
.article-pic.overlay_gray{
    display:inline-block;
    position: relative;
        transition: all 1s ease-in-out 0s;
	
}
.article-pic{
		cursor:pointer;
}
.article-pic.overlay_gray:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #878787;
    opacity: 0.3;
        transition: all 1s ease-in-out 0s;
}
.article-pic.overlay_gray:hover:after {
    opacity: 0;
}
/** gray **/
/** red **/
.article-pic.overlay_red{
    display:inline-block;
    position: relative;
        transition: all 1s ease-in-out 0s;
	
}

.article-pic.overlay_red:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #be1c07;
    opacity: 0.3;
        transition: all 1s ease-in-out 0s;
}
.article-pic.overlay_red:hover:after {
    opacity: 0;
}
/** red **/
/** yellow **/
.article-pic.overlay_yellow{
    display:inline-block;
    position: relative;
        transition: all 1s ease-in-out 0s;
	
}

.article-pic.overlay_yellow:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #db980d;
    opacity: 0.3;
        transition: all 1s ease-in-out 0s;
}
.article-pic.overlay_yellow:hover:after {
    opacity: 0;
}

/** yellow **/
.article-pic{
	width:100%;
}
.article-pic img{
	width:100%;
}

/* added by rodrigo duterte */
.article-col h3 a,
.article-col h3 a:hover{
	color:#fdf5de;
	text-decoration:none;
}
.grid-sizer{width:100%;}
.loader {
    height: 100%;
    left: 0;
    padding-top: 20%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}
.loader > img{
	position:relative;
	z-index:100;
}
.loader:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #000;
    opacity: 0.8;
    transition: all 1s ease-in-out 0s;
}
a.no_more, a.first_link, a.last_link, span.ellipse{display:none !important;}
.page_navigation a{padding-right:15px;font-weight:bold;color:#FFF !important;}
.page_navigation {float: right;}
#detail-banner-slide ul, #detail-banner-slide ul li{padding:0;}
#show-gallery-link {
    display:none;
    margin-top: 50px;
}
@media (min-width: 768px) {
	.grid-sizer{width:50%;}
	.wrapper.no-items-found{position:absolute;top:50px;width:100%;}
}

@media (min-width: 992px) {
	.grid-sizer{width:33.3333%;}
}
@media(min-width:768px){
	.article-col h3{
		padding:20px 35px 0;
		line-height:41px;
	}
	.article-junior-school h3,
	.article-middle-school h3,
	.article-senior-school h3{
		padding-bottom:20px;
	}
}

@media(max-width:767px){
	.article-col h3 {
		line-height: 30px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.article-col.Red h3,
	.article-col.Gray h3,
	.article-col.Yellow h3{
		padding-bottom:20px;
	}
	.banner-index-box .bib-r{
		padding:25px 35px 15px 35px;
	}
	h2 .side-issue-close{bottom:0;right:35px;}
	.sibox h2{font-size:29px;}
	.header-week, .header-week a, .header-week a:hover{font-size:30px;}
	.sibox h2{margin-top:20px;}
}




@media (max-width: 550px) {
    .global-image.image14 {
    display: none;
	}
}