/*header css*/

#header {
  background-color: #001e5a !important;
  text-align: center;
  /*#005380, #005e91, #68bb59,#3895d3,#1261A0 */
}

#logo {
  font-family: Proxima Nova;
  font-size: 1em;
  color: white;
  margin-left: 8px;
  font-weight: bold;
  text-align: center;
}

#logo:hover {
  text-decoration: none;
  color: WHITE /*#F5F5DC ,#ECEBC9, #F4E7D3*/;
  font-size: 1.05em;
}

#headerIcon {
  color: white;
  float: right;
  padding-left: 10px;
}

#headerCont {
  text-align: center;
}

.nav {
  background-color: rgb(193, 4, 4);
  color: white;
  text-decoration: none;
  text-align: center;
  font-style: bold;
}

.breaking {
  font-size: 1.3em;
  font-style: bold;
}
.breakingDetails {
  color: white;
  font-style: bold;
  text-align: center;
  animation: blink 5s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.nav:hover,
.breakingDetails:hover {
  text-decoration: underline;
  color: white /*#F5F5DC ,#ECEBC9, #F4E7D3*/;
}

#subtitle {
  font-weight: 5px;
}

#navList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#navContainer {
  text-align: right;
  margin-right: 10px;
}

.navMenu {
  float: left;
}

.navLink {
  color: white;
  text-align: right;
  float: right;
  padding: 2px 8px;
  text-decoration: none;
  font-family: Bebas Neue;
  font-size: 50%;
}

.navLink:hover {
  background-color: #ffd300;
  text-decoration: none;
  color: black;
  cursor: pointer !important;
}

.navList:visited {
  text-decoration: none;
  color: white;
}

#log_in_content {
  padding: 4px;
}

p.log_in_label,
#userID,
#password {
  color: black;
  font-size: 1em;
  font-weight: bold;
}

h1.logo {
  position: absolute;
  top: 22%;
  left: 38%;
  font-size: 1.5em;
  color: white;
  background-color: green;
  width: 22%;
  padding: 1px;
}

.MissionStatement {
  text-align: justify !important;
  font-size: 14px;
}

.Mission {
  text-align: center !important;
}

#search {
  width: 50%;
  height: 2%;
  position: absolute;
  padding: 10px;
  top: 40%;
  left: 25%;
}

#headerline {
  border-top: solid;
  border-width: 1px;
  background-color: #007399;
  color: white;
  font-size: 13px;
}

#footerline {
  border: solid;
  border-width: 1px;
  background-color: white;
  color: white;
  font-size: 13px;
}
#search_button {
  width: 10%;
  height: 5%;
  position: absolute;
  padding: 5px;
  top: 48%;
  left: 45%;
}
.button {
  float: right;
}

#slideImage {
  height: 250px;
  width: 100%;
}

#newline {
  color: green;
}

h6.blog1:hover,
h4.blog1:hover {
  background-color: BLUE;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  padding: 3px;
}
h6.blog1,
h6.blog1 {
  cursor: pointer;
  padding: 3px;
  font-weight: bold;
  color: #1f4d84;
  font-size: 13px;
}

#graph {
  border: groove;
  border-width: 2px;
  text-align: right;
  width: 100%;
  height: 80%;
}

#sidebar-left-border {
  border-left: groove;
  padding-left: 8px;
  border-width: 1px;
}

#results_capital {
  font-size: 14px;
  line-height: 16px;
}

#newslink {
  background-color: white;
}

.indexStory {
  border-bottom: solid lightgray;
  border-width: 1px;

  padding: 0px 0px 8px 0px;
}

.indxRightBorder {
  border-right: solid 1px;
  border-color: rgb(210, 208, 208);
  padding: 0px 0px 8px 0px;
}
.topStoryTitle {
  font-size: 1em;
  color: black;
  font-weight: bold;
  font-family: Cambria;
  text-align: left;
  text-decoration: none;
}

.miniTitle {
  font-size: 0.85em;
  color: black;
  font-weight: bold;
  font-family: Cambria;
  text-align: center;
}

.miniTitle:hover,
.featuredTitle:hover {
  text-decoration: none;
  color: #0340b8;
}

.topStoryTitle:hover {
  text-decoration: none;
  color: #0340b8;
}

#caption2 {
  font-size: 0.75em;
  color: grey;
}

.indexStoryLast {
  border-width: 1px;
  padding: 0px 0px 8px 0px;
}

.img-indx-sl {
  padding: 0% 10% 2% 10%;
  height: 100%;
  width: 100%;
}

.indxSpotlightTitle {
  font-size: 4em;
  color: black;
  text-align: center;
  font-weight: bold;
  border-right: none;
  border-left: none;
}

.indxSpotlightDesc {
  padding: 0% 7% 2% 7%;
  font-weight: normal;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1em;
  color: black;
}

.imgStory {
  float: left;
  text-align: center;
  padding-right: 8px;
  height: 50%;
  width: 50%;
}

.img-travel {
  float: left;
  text-align: center;
  padding-right: 8px;
  height: 100%;
  width: 100%;
}

.img-top-story {
  text-align: center;
  padding: 5%;
  height: 100%;
  width: 100%;
}
.img-featured {
  text-align: center;
  padding: 0% 5% 5% 5%;
  height: 100%;
  width: 100%;
}

.featuredTitle {
  font-size: 1.2em;
  color: black;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

.featuredVid {
  width: 416px;
  height: 300px;
}

#vidDescription {
  color: white;
  font-weight: bold;
  font-style: Consolas;
  font-size: 14px;
  padding: 5px;
  background-color: darkblue;
}

#slideLink,
#slideLink:hover,
#slideLink:visited {
  color: white !important;
  text-decoration: none !important;
}

.sidebitDetails {
  font-family: Cambria;
  font-size: 0.6em;
}

.sidebitTitleUp {
  font-size: 1em;
  font-style: bold;
  color: #19b319;
}

.sidebarImg {
  float: left;
  text-align: center;
  padding-right: 8px;
  height: 50px;
  width: 60px;
}

.sidebarTitle {
  font-size: 0.85em;
  color: black;
  font-weight: bold;
  font-family: Cambria;
}

.sidebarTitle:hover {
  text-decoration: none;
}

.sidebarSummary {
  font-size: 0.75em;
}

.sidebitTitleDown {
  font-size: 1em;
  font-style: bold;
  color: #cc3300;
}

.numb3rsDown {
  font-size: 1.2em;
  font-weight: bold;
  color: #cc3300;
}

.numb3rsUp {
  font-size: 1.2em;
  font-weight: bold;
  color: #19b319;
}

.technewslink {
  color: black;
  font-family: tahoma;
  font-weight: bold;
}
.gly_red {
  color: blue;
}

.gly_green {
  color: limegreen;
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .indxSpotlightTitle {
    font-size: 36px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  #headerIcon {
    color: white;
    float: left;
    padding-left: 10px;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.5em;
  }

  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 17.5%;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 3.5%;
  }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
  .indxSpotlightTitle {
    font-size: 48px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  #headerIcon {
    color: white;
    float: left;
    padding-left: 10px;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.5em;
  }
  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 17%;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 4%;
  }
}

@media screen and (min-width: 414px) and (max-width: 767px) {
  .indxSpotlightTitle {
    font-size: 56px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  #headerIcon {
    color: white;
    float: left;
    padding-left: 10px;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.6em;
  }
  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 12%;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 4%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .indxSpotlightTitle {
    font-size: 42px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.6em;
  }

  #headerIcon {
    color: white;
    float: left;
    padding-left: 10px;
  }

  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 50px;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 4%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1023) {
  .indxSpotlightTitle {
    font-size: 42px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.6em;
  }

  #headerIcon {
    color: white;
    float: left;
    padding-left: 5px;
    margin-top: 30px;
  }
  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 50px;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 4%;
  }
}

@media screen and (min-width: 1024px) {
  .indxSpotlightTitle {
    font-size: 48px;
    font-weight: bold;
    color: black;
    text-align: center;
  }

  p.underconText {
    color: green;
    margin-top: 65%;
    font-weight: bold;
  }

  #headerIcon {
    color: white;
    float: right;
    padding-left: 10px;
    margin-top: 40px;
  }

  .sidebitDetails {
    font-family: Cambria;
    font-size: 0.7em;
  }

  /*TEST*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  /*TEST*/
  .indexContent {
    padding: 4%;
    z-index: -1;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 1px 0px #eeeeee, -1px 0px #f2f3f4;
  }
  /*TEST*/
  .sticky + .indexContent {
    padding-top: 20px;
  }

  .body {
    background-color: #f9f9f9;
  }
}
/*end of media queries*/

#catlabel {
  color: white;
  background-color: green;
}

tr.item {
  border: solid;
}

h4.sidebar_archive {
  color: #007399;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.7em;
}

h4.sidebar_archive:hover {
  color: #00994d;
  cursor: pointer;
  text-decoration: underline;
}

.infobit {
  color: white;
}

.infobit_title {
  color: yellow;
  font-size: 18px;
}
.infobit_subtitle {
  color: white;
}

.infobit_detail {
  font-size: 18px;
}

.infobit_subdetail {
  color: white;
  font-size: 13px;
}

#customborder {
  border: solid;
  border-width: 1px;
}

.sidebar-img {
  height: 180px;
  width: 100%;
  padding: 5px;
}

.no-js #loader {
  display: none;
}
.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}
.undercon {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/web/20250318164105im_/https://pinoytechbook.com/simple-pre-loader/images/loader-64x/Preloader_7.gif) center
    no-repeat #fff;
}

p.underconText {
  text-align: center;
  color: dodgerblue;
  margin-top: 35%;
  font-weight: bold;
}

#aboutUs_line {
  font-size: 0.85em;
  text-align: justify;
}

#aboutUs_header {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

/*
     FILE ARCHIVED ON 16:41:05 Mar 18, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:02:18 Jan 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.538
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 9.064
  LoadShardBlock: 1311.474 (3)
  PetaboxLoader3.datanode: 1273.703 (4)
  PetaboxLoader3.resolve: 57.207 (3)
  load_resource: 52.172
*/