/* webColor_2026_a.css */

:root {
  --primary-color: rgb(0, 128, 128);     /* Teal for strong headers */
  --secondary-color: rgb(255, 105, 180); /* Hot Pink for strong accents */
  --button-color: rgb(205, 220, 57);     /* Lime for buttons */
   /* Mint Cream background */
  --bg-color: rgb(255,255,255);        /* Mint Cream background */
  --sharp-highlight-color: rgb(255, 20, 147); /* Deep Pink for highlights */

  /* lighter soft highlight color */
  --highlight-color: rgb(255, 182, 193); /* Light Pink for highlights */
  --hover-color: rgb(255, 105, 180); /* Hot Pink for hover effects */
}

div#container {

  position: relative;

  padding-left: 32px;
  text-align: left;
  /* background: palegreen; */
}

div#content {
  background: white;
}

/* left menu H1, eg: organized by */
body .MenuHTMLContent h1 {
  /* background: #C91C1E; */

  /* background: #C91C1E; */
  /* highlight color on that background */
  /* background: #441853; */
  
  /* warm color highlight color on that background */
  /* background: #DA2021; */

  /* different background for second color tone  */
  background: var(--button-color);  
  /* dark */
  color: #666666;
}

body #content h2,
  body #content h3,
  body #content h4 {
  /* background: #C91C1E; */

  /* different background for second color tone  */
  background: var(--primary-color);



  /* color: #fff200; */
  color: #fff;
  
}

body #content h2 {
  background: url(../images/2026/bg_header.png) no-repeat 0 0;
  /* color: #993366;  */
}

body #content h2, 
#naviLeftHKIBOBar {

  
  
}



#content-bg {
  background: #fff;
  float: left;
}

#content-bg-inner {
  padding-right: 25px;
  background: url(../images/2026/right.jpg) no-repeat right top;

  background: var(--secondary-color);
  
}

#naviLeftHKIBOBar {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  /* min-height: 100vh; */
  height: 100%;
  background-image: url(../images/2026/sidestripe_2026_R1.png);
  background-color: var(--highlight-color);
  background-repeat: repeat-y;
  background-position: left;
  
}

#naviLeftNaviBg {
  position: absolute;
  left: 35;
  top: 0;
  width: 164px;
  
  /* min-height: 100vh;
  height: 100%; */
}

.entities {
  background-color: white;
}

body #navi {
  position: relative;
  min-height: 100%;
  height: 100%;
  
  /* background: #F7B701; */
  /* background-color: white; */
  /* gradient from top to middle */

  background: linear-gradient(to bottom, var(--button-color) 0%, white 21%);
  
}

/* left menu START */
div#navi ul {
  position: static;
  min-height: 150px;
  height: 345px;
  
}

div#navi ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  /* border-bottom: 1px solid #ccc; */

  position: static;
  line-height: 120%;
  margin-bottom: 8px;
}

body {
  /* background: #f3f1e0; */
  color: #333; }
  body .LogoContainer {
    height: 100px;
    width: 315px;
    margin: 0 auto;
    background: white url(../images/2026/phoenixcup_logo_wo_year_h100.jpg) no-repeat center 0; }
    body .LogoContainer a {
      display: block;
      height: 100%; }
  body #footer_text,
  body #footer_text a {
    color: var(--primary-color); }
  body div#wrap {
    border: 0; }
  body div#container {
    /* background: white url(../images/2026/sidestripe.png) repeat-y 0 0;  */
  }
  body div#naviStrip {
    /* background: url(../images/2026/sidestripe.png) repeat-y 12px 0;  */
  }

  body .BlockLabel {
    background: var(--primary-color); }
  
  body .page_counter {
    color: var(--primary-color); }
  body .nav-bg {
    /* background: #E2E0EE url(../images/2026/navi_main.png) no-repeat 0 0;  */
  }
    body .nav-bg ul {
      /* margin-bottom: 60px;  */
    }
  body div#navi ul li a {
    /* color: #333;  */
    /* color: darkblue; */
    /* background-color: #D586EF; */

    color: var(--primary-color);
  }
  body div#navi ul li.current a, 
  body div#navi ul li:hover a {

    /* color: #C91C1E; */
    /* background color is female color */
    /* color is the contract one */
    /* color is the high contract one */
    /* color: #441853; */
    color: #ffffff;
    color: var(--hover-color);
  }

  body .HTMLTopOfMenuContent img {
    display: none; }
  body #content h2,
  body #content h3,
  body #content h4 {
    /* color: #993366; 
    filter: hue-rotate(286deg);  */
  }
 
  div#language li:hover {
    background: url('../images/2026/language_but_left.png') no-repeat;
  }
  div#language li:hover a {
    background: url('../images/2026/language_but_right.png') right center no-repeat;
  }
  div#language li.on {
    background: url('../images/2026/language_but_left.png') no-repeat;
  }
  div#language li.on a{
    background: url('../images/2026/language_but_right.png') right center no-repeat;
  }


  body #content-bg-inner {
  /* right */
  background: var(--highlight-color);
}

body .BlockLabel {
  /* background: #e32a28; */
  /* background: #FDE400; */
  background: var(--secondary-color);
  /* filter: hue-rotate(90deg);  */
}
  
body #content h2 {
  background: url(../images/2026/bg_header_new.png) right 0 no-repeat;

  filter: hue-rotate(70deg); 
  
  /* tune to the similar color of --button-color: rgb(205, 220, 57);     /* Lime for buttons */

  
}

body #content h3 {

  background: url(../images/2026/bg_header2.png) 0 3px no-repeat; 
  /* filter: hue-rotate(286deg);  */
  /* filter: hue-rotate(256deg) opacity(50%) sepia(25%) drop-shadow(-1px 16px 20px blue); */
  color: var(--primary-color);
}