:root {
    --background-light: #e8f5e9;
    --background-dark: #d0e9d6;
    --text-color: #001645;
    --text-light: #001645;
    --box-background: radial-gradient(circle at bottom left, #a2befc, white);
    --border-color: #001645;
    
    --header-text: #fed141;
    
    --navbar-text: #fed141;
    --navbar-hover: #8c042a;
    
    --sidebar-background: radial-gradient(circle at top left, #bf0d3e, #8c042a);
    --sidebar-text: white;
    --sidebar-link: #001645;
    --sidebar-hover: #010c24;
    
    --main-background: ;
    
    --header-background-start: #bf0d3e;
    --header-background-middle: #8c042a;
    --header-background-end: #bf0d3e;

    --navbar-background-start: #bf0d3e;
    --navbar-background-end: #8c042a;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('/asia/philippines/img/pattern.jpg');
  background-repeat: repeat;
  background-size: auto;
  z-index: -9999;
  pointer-events: none;
}

.infobox {
  background-color:white;
}
.text-banner {
  position: relative;
  text-align: center;
  margin-left: 255px;
  margin-right: 255px;
  background-repeat: no-repeat;
  background-position: left, right;
  background-size: 40px 30px, 40px 30px;
  background-image: 
    url('/webmastry/img/smallflag/asia/philippines.jpg'),
    url('/webmastry/img/smallflag/asia/philippines.jpg');
}

@media (max-width: 960px) {
  .text-banner {
    margin-left: 0;
    margin-right: 0;
    background-image: none;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
  }
}

.expandable {
background: #bf0d3e;
}