/*   
Theme Name: People's Balita
Theme URI: http://peoplesbalita.com
Description: This is just a WordPress Theme for People's Balita
Author: Fritz Gerald Oliveros
Author URI: http://fgographics.com
Version: 1
*/
@media only screen and (max-width: 768px) {
    /* Styles for mobile/tablet */
    .bottom-ads-section {
        display: block; /* Maybe it's only shown on smaller screens */
    }
}

@media only screen and (min-width: 769px) {
    /* Styles for desktop */
    .bottom-ads-section {
        display: none; /* OR maybe the desktop version is explicitly hidden */
    }
}
@media screen {


body{width:100%; padding:0; margin:0;}

.size-diff{ width:100%; height:2%; background-color:#900; clear:both;}

.page-wrapper{width:100%; padding:0; margin:0;}

.menu-holder-large{width:100%; padding:0; margin:0; overflow:hidden;}
.nav-holder{width:100%; padding:0; margin:0;}
.nav-holder ul{ width:100%; height:100%; padding:0; margin:0; list-style-type:none; text-align:center;}
.nav-holder ul li{ display:inline-block;  height:100%; background-image:url(images/ppl-nav-shadow.png); background-position:left center; background-repeat:no-repeat;}
.nav-holder ul li a { color:#fff; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; padding:15px 18px;}
.nav-holder ul li a:hover{ color:#0119ff;}

.header-container{ width:100%; padding:0; margin:0; background-color:#dd0000; height:8%;}
.header-inside{ width:100%; padding:0; margin:0;}

.inside-header-container{ background-image:url(images/ppl-sun-header.jpg); background-position:top center; background-repeat:no-repeat; background-size:15%;}

.inside-logo-holder{ width:40%; padding:0; margin:0; float:left;}
.date-search-tag ul{ list-style-type:none;}
.date-search-tag ul li{ display:block; line-height:260%;}
.date .search .tag { padding:0; margin:0;}
.date-search-tag{ width:60%; padding:0; margin:0; float:left; text-align:right;}
.search span{ background-color:#dad9dc; border-radius:5px; padding:8px 8px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.search input.s{ background-color:#dad9dc; border:none;}
.date span{ background-color:#dad9dc; border-radius:5px; padding:8px 15px; color:#0119ff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.tag{ font-family:Arial, Helvetica, sans-serif; color:#dd0000; font-weight:bold; text-transform:uppercase; line-height:5%; font-size:20px; margin:0; padding:0;}


.content-container{width:100%; padding:0; margin:0;}
.content-holder{width:80%; padding:0; margin:0 auto;}

.content-holder2{width:100%; padding:0; margin:0 auto;}

.top-ads-horizontal-holder{width:100%; padding:0 0 0 0; margin:0 auto; text-align:center;}
.top-ads-horizontal-holder img{ width:90%}

.bottom-ads-horizontal-holder{width:100%; padding:0 0 0 0; margin:0 auto; text-align:center;}
.bottom-ads-horizontal-holder img{ width:90%;  margin:2% auto;}

.main-left-holder{width:10%; padding:10% 0; margin:1%; background-color:#fff;}
.main-left-holder img{ width:100%;}
.main-right-holder{width:10%; padding:10% 0; margin:1%; background-color:#fff;}
.main-right-holder img{ width:100%;}
.main-center-holder{width:74%; padding:2% 1%; margin:0; background-color:#fff;}

.article-detail{ width:100%; clear:both; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.article-detail ul{ padding:0; margin:0; list-style-type:none;}
.article-detail ul li{ display:inline-block; padding:0; margin:0;}
.article-detail ul a{}

.single-news-holder .par-holder {width:100%; padding:2% 0 2% 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:justify;}

.top-gray-holder{ width:96%; padding:0; margin:0 auto;  padding:0%; background-color:#dedede;}
.top-gray-holder h4{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  font-size:20px; padding:1% 0 0 0; margin:0; background-image:none); vertical-align:central; text-align:center;}
.top-gray-holder .nbs{margin-top:-1%;}
.top-gray-holder .nbs p{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  font-size:20px; font-weight:bold; width:23%; margin:0 auto; padding:2% 0; text-align:center;}
.top-gray-holder .nbs img{ float:right; margin:-3% 0 0 0;}
.top-gray-holder span{ margin:0 0 1% 2%; font-size:20px; padding-bottom:10%; font-family:Arial, Helvetica, sans-serif;}


.home-logo-container{width:100%; padding:2% 0; margin:0; font-family:Arial, Helvetica, sans-serif;}
.left-top-box-outlined{ width:22%; float:left; padding:0 1%; margin-right:2%; border:solid #000 7px; font-size:20px; font-weight:bold; text-align:center;}
.left-top-box-outlined a{ text-decoration:none; color:#000;}
.left-top-box-outlined a:hover{ text-decoration:underline;}
.home-logo-holder{ width:44%; float:left;}
.home-logo-holder img{ width:100%;}
.right-top-box-outlined{ width:22%; padding:0 1%; float:left; margin-left:2%; border:solid #000 7px; font-size:20px; font-weight:bold; text-align:center;}
.right-top-box-outlined a{ text-decoration:none; color:#000;}
.right-top-box-outlined a:hover{ text-decoration:underline;}

.home-content-container{ width:100%; padding:0; margin:0;}
.home-side-stories-holder{  width:28%; padding:0; margin:0 2% 0 0; float:right; display:block;}
.home-side-stories-holder article{  width:100%; padding:0 0 10% 0; margin:0;}
.home-side-stories-holder article .img-holder01 img{width:100%;}
.home-side-stories-holder article h1{text-transform:uppercase; color:#000; font-size:20px; font-family:"Arial Black", Gadget, sans-serif;}

.side-box-outlined{ width:94%; float:left; padding:0 1%; margin-right:2%; border:solid #000 7px; font-family:"Arial Black", Gadget, sans-serif; font-size:20px; font-weight:bold; line-height:100%; text-align:center;}
.side-box-outlined a{ text-decoration:none; color:#000;}
.side-box-outlined a:hover{ text-decoration:underline;}


.home-main-stories-holder{  width:70%; padding:0; margin:0; float:right; display:block;}
.home-main-stories-holder article{  width:100%; padding:0; margin:0;}
.home-main-stories-holder article .img-holder02 img{width:100%;}
.home-main-stories-holder article h1{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:0 0 2% 0; margin:0; color:#dd0000;}
.home-main-stories-holder article h2{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:0 0 2% 0; margin:0; color:#dd0000;}
.home-main-stories-holder article .par-holder{width:100%; padding:2% 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:justify;}
.black-bar{ padding:0; margin:3% 0; width:100%; height:1%; background-color:#000; display:block; clear:both;}

.inside-side-stories-holder{  width:28%; padding:0; margin:0 0 0 2%; float:right; display:block;}
.inside-side-stories-holder article{  width:100%; padding:0 0 10% 0; margin:0;}
.inside-side-stories-holder article .img-holder01 img{width:100%;}
.inside-side-stories-holder article h1{text-transform:uppercase; color:#000; font-size:20px; font-family:"Arial Black", Gadget, sans-serif;}

.inside-main-stories-holder{  width:70%; padding:0; margin:0; float:right; display:block;}
.inside-main-stories-holder article{  width:100%; padding:0; margin:0;}
.inside-main-stories-holder article .img-holder02 img{width:100%;}
.inside-main-stories-holder article h1{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:2% 0 2% 0; margin:0; color:#dd0000;}
.inside-main-stories-holder article h2{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:0 0 2% 0; margin:0; color:#dd0000;}
.inside-main-stories-holder article .par-holder{width:100%; padding:0 0 2% 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:justify;}

.inside-main-stories-holder .par-holder p img{ float:left; margin:0 2% 2% 0;}

.side-stories{ width:100%; padding:0; margin:0;}
.side-stories ul{ width:100%; padding:0; margin:0; list-style-type:none;}
.side-stories ul li{ padding:0 0 10% 0;}
.side-stories ul li .image-holder{width:100%;  padding:0; margin:0;}
.side-stories ul li .image-holder img{ width:100%;}
.side-stories ul li .title-holder h2{font-family:"Arial Black", Gadget, sans-serif; font-size:15px; line-height:100%; padding:2% 0 2% 0; margin:0; color:#dd0000;}
.side-stories ul li .par-excerpt{width:100%; padding:0 0 2% 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:140%; text-align:justify;}

.news-title h1{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:0; margin:0; color:#dd0000; text-transform:uppercase;}
.par-holder p{width:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:justify;}

.article-list-3-holder{width:100%; padding:0; margin:0;}
.article-list-3-holder ul{width:100%; padding:0 0 0 1%; margin:0 auto; list-style-type:none;}
.article-list-3-holder ul li{ display:inline-block; width:30%; padding:2% 1% 2% 1%; margin:0 auto; vertical-align:text-top;}
.article-list-3-holder ul li .image-holder{ width:100%;  padding:0; margin:0;}
.article-list-3-holder ul li .image-holder img{width:100%; }
.article-list-3-holder ul li .title-holder h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:100%; color:#dd0000;  padding:2% 0 1% 0; margin:0;}
.article-list-3-holder ul li .par-excerpt{ font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:justify;}

.article-list-3-holder .article-detail{ width:100%; clear:both; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.article-list-3-holder .article-detail ul{ padding:0; margin:0; list-style-type:none;}
.article-list-3-holder .article-detail ul li{ display:inline-block; padding:0; margin:0;}
.article-list-3-holder .article-detail ul a{}

.article-list-4-holder{width:100%; padding:0; margin:0;}
.article-list-4-holder ul{width:100%; padding:0 0 0 1%; margin:0 auto; list-style-type:none;}
.article-list-4-holder ul li{ display:inline-block; width:17%; padding:2% 1% 2% 1%; margin:0 auto; vertical-align:text-top;}
.article-list-4-holder ul li .image-holder{ width:100%;  padding:0; margin:0; }
.article-list-4-holder ul li .image-holder img{width:80%; text-align:center;}
.article-list-4-holder ul li .title-holder h2{ font-family:Arial, Helvetica, sans-serif; font-weight:regular; font-size:20px; line-height:100%; color:#000000;  padding:2% 0 2% 0; margin:0 0 2% 0;}
.article-list-4-holder ul li .par-excerpt{ font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:left;}

.classified-columns{ width:30%; padding:0 1%; float:left; display:block;  font-family:Arial, Helvetica, sans-serif;}

.wog-box{ width:100%; padding:0; margin:0;}
.wog-box ul{width:100%; padding:0; margin:2% 0; list-style-type:none; background-color:#dfdfdf;}
.wog-box ul li{width:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:140%; text-align:center;}
.wog-box ul li img{ width:100%;}


.page-title-holder{ width:100%; padding:0 0 2% 0; margin:0; background-image:url(images/page-title-bg.png); background-position:left bottom; background-repeat:no-repeat; text-transform:uppercase;}
.page-title-holder h1{font-family:"Arial Black", Gadget, sans-serif; font-size:20px; line-height:100%; padding:0 0 2% 0; margin:0; color:#dd0000;}

.movie-list{ width:100%; padding:0; margin:0;}
.movie-list ul{ width:100%; padding:0; margin:0; list-style-type:none;}
.movie-list ul li{ display:inline-block; width:18%; padding:0.5%;}
.movie-list ul li img{ width:100%;}



.footer-container{ width:100%; padding:0; margin:0; background-color:#dd0000; height:20%;}
.footer-holder{width:68%; padding:0; margin:0 auto;}
.footnote{ text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding: 20px 0 10px 0;}
.blue-bar{width:100%; padding:0; margin:0; background-color:#0119ff; height:10%;}
.blue-bar2{width:100%; padding:0; margin:0; background-color:#0119ff; height:2%;}

.foot-links{width:100%; padding:0; margin:0;}
.foot-links-holder{width:100%; padding:0; margin:0;}
.foot-links-holder ul{ width:100%; padding:0; margin:0; list-style-type:none; text-align:center;}
.foot-links-holder ul li{ display:inline-block;}
.foot-links-holder ul li a{ color:#fff; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; padding:0 8px;}

.float-left{float:left;}
.clear-fix{ clear:both; width:100%; height:0px;}
.spacer{ width:100%; height:2%; clear:both;}

a.red-button{ background-color:#dd0000; border-radius:5px; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:5px 8px;}
a.red-button:hover{background-color:#0119ff;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

nav.pagination{ width:100%; padding:0; margin:0; text-align:center;}
nav.pagination h2.screen-reader-text{ display:none;}
nav.pagination .page-number{ background-color:red; padding:8px;}

.kicker{ clear:both; width:100%; font-size:20px; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; text-decoration:underline;}
.image-row {
      display: flex;
      align-items: center;
      /* Optional: add gap between images */
      gap: 10px;
    }
	




	
} /* END print media */