/* 
==============================================
  Baseball5 Asia Cup 2026 — League Theme
==============================================

  Brand colors extracted from B5AC logo SVG:
  - Gold/Yellow:  #F1BE22  (Baseball5 text, ball seams)
  - Red:          #DD2D26  (Location banner bar)
  - Near-black:   #0E0E0E  (Main body shape)
  - White:        #FFFFFF  (Asia Cup text)

  Derived:
  - Dark Red:     #B8221F  (darker red for hover states)
  - Light Gold:   #FDF0C8  (pale gold for section backgrounds)
  - Light Red:    #F5C4C2  (pale red for hover backgrounds)
*/


.btn-info {
  background-color: #DD2D26;
  color: #ffffff;
  border-color: #DD2D26;
}

#header #logo {
  /* width: 400px; */
}

#menu {
  background-color: #0E0E0E;
}

body #wrapper #sidebar a.nav-link:hover {
  color: #F1BE22;
  background: #DD2D26;
}

#menu .nav-item a:hover,
#menu .nav-item a.active {
  color: #F1BE22;
  border-color: #F1BE22;
}

#pageContent .viewMore {
  background: #DD2D26;
  color: #fff;
}

#pageContent .nav a.nav-link.active {
  background-color: #DD2D26;
  color: #ffffff;
}

#pageContent .nav a.nav-link:hover {
  background-color: #F5C4C2;
}

#pageContent .sectionBlock .sectionTitle {
  color: #DD2D26;
}

#pageContent .detailsRoster .headTitle,
.pageName,
body .blockContent h1 {
  color: #DD2D26;
  background: url(../images/title_dot_line.jpg) repeat-x;
  background-position-y: 40px;
}

body .blockContent h2,
body .blockContent h3,
body .blockContent h4,
body .blockContent h5,
body .blockContent h6 {
  color: #0E0E0E;
}

body .blockContent table th {
  color: #B8221F;
}

#pageContent .sectionBlock.socialSectionBlock {
  background-color: #DD2D26;
}

#pageContent .gallerySectionBlock {
  background-color: #FDF0C8;
}

/* News Section 
news_bg: 1920x646px
This is the background image for the news section.
It is set to cover the entire section with a white background color.
*/
#pageContent .newsSectionBlock.sectionBlock {
  background-image: url(../images/news_bg_baseball5_asiacup_r2.png);
  background-position: 0 0;
  background-color: #fff;
  background-size: cover;
}

/* 
About Section
about_right: 1920x720px
This is the background image for the about section.
It is set to cover the entire section with a pale gold background color.
*/

#pageContent .sectionBlock.aboutSectionBlock {
  background-image: url(../images/about_right_1920x720px_v2.png);
  background-position: right bottom;
  background-size: cover;
  background-color: #FDF0C8;
}

.tableHead {
  color: #ffffff;
  background: #DD2D26;
}

body #wrapper #sidebar a.nav-link:hover {
  color: #FDF0C8;
  background: #DD2D26;
}