/* PIBC CSS 2026 */
@font-face { font-family: 'clarionbold'; font-style: normal; font-weight: normal; src: url('/assets/fonts/clarion-bold-webfont.eot'); src: url('/assets/fonts/assets/fonts/clarion-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/clarion-bold-webfont.woff2') format('woff2'), url('/assets/fonts/clarion-bold-webfont.woff') format('woff'), url('/assets/fonts/clarion-bold-webfont.ttf') format('truetype'), url('/assets/fonts/clarion-bold-webfont.svg#clarionbold') format('svg'); }

/**** Main Body ****/
body { margin: auto; max-width: 1200px; line-height: 1.42857143; text-rendering: optimizeLegibility; }
.img-fluid { padding-left: 0; padding-right: 0; border-radius: 8px; }

/*.container {width: 1200px}*/
/***********************/

/**** Nav Bar ****/
.navbar-expand-lg { background: #42aeed; border: 4px solid #F6FD24; border-radius: 8px; padding-top: 7px; }
.navbar-expand-lg .navbar-brand { color: #ECF8F0; }
.navbar-expand-lg .navbar-brand:hover, .navbar-expand-lg .navbar-brand:focus { color: #fff; }
.navbar-expand-lg .navbar-text { color: #ecf0f1; }
.navbar-expand-lg .navbar-nav > li > a { color: #ecf0f1; }
.navbar-expand-lg .navbar-nav > li > a:hover, .navbar-expand-lg .navbar-nav > li > a:focus { background-color: #0389cf; border-radius: 6px; color: #fff; transition: all 300ms linear; }
.navbar-expand-lg .navbar-nav > li > .dropdown-menu { background-color: #42aeed; }
.navbar-expand-lg .navbar-nav > li > .dropdown-menu > li > a { color: #ecf0f1; }
.navbar-expand-lg .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-expand-lg .navbar-nav > li > .dropdown-menu > li > a:focus { background-color: #0389cf; color: #fff; }
.navbar-expand-lg .navbar-nav > li > .dropdown-menu > li > .divider { background-color: #0389cf; }
.navbar-expand-lg .navbar-nav .open .dropdown-menu > .active > a, .navbar-expand-lg .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-expand-lg .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #0389cf; color: #fff; }
.navbar-expand-lg .navbar-nav > .active > a, .navbar-expand-lg .navbar-nav > .active > a:hover, .navbar-expand-lg .navbar-nav > .active > a:focus { background-color: #0389cf; border-radius: 15px / 10px; color: #fff; padding-bottom: 10px; padding-top: 10px; }
.navbar-expand-lg .navbar-nav > .open > a, .navbar-expand-lg .navbar-nav > .open > a:hover, .navbar-expand-lg .navbar-nav > .open > a:focus { background-color: #0389cf; color: #fff; }
.navbar-expand-lg .navbar-toggle { border-color: #0389cf; }
.navbar-expand-lg .navbar-toggle:hover, .navbar-expand-lg .navbar-toggle:focus { background-color: #0389cf; }
.navbar-expand-lg .navbar-toggle .icon-bar { background-color: #ecf0f1; }
.navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-form { border-color: #ecf0f1; }
.navbar-expand-lg .navbar-link { color: #ecf0f1; }
.navbar-expand-lg .navbar-link:hover { color: #fff; }
.navbar-brand { font-family: 'clarionbold', Verdana, sans-serif; font-size: 1.4em; text-shadow: 4px 4px 8px #090909; }
.navbar-brand img { border: none; }
.navbar-text { font-size: 1.6em; padding-top: 0.5em; padding-left: 30px; display: flex; text-wrap: nowrap; }
/***********************/

/**** General ****/
#palmerston { position: relative; }
img { border: 1.5px solid #F6FD24; }
h2, h3 { color: #0389cf; }
h3 { font-size: 1.6em; }
a {color: #e95420; text-decoration: none; background-color: transparent; }
footer { background-color: #21221C; color: #fff; font-size: 0.9em; text-align: center; border-radius: 6px; }
footer p { padding: 0.75rem; }
.rednormal { color: red; }
.greennormal { color: green; }
.brownnormal { color: brown; }
.orangenormal { color: orange; }
.navybluenormal { color: #000080; }
.redbold { color: red; font-weight: bold; }
.strike { text-decoration: line-through; }
.tooltip-inner { border-radius: 6px; max-width: 950px; white-space: pre-wrap; }
.tooltip-inner th, td { border: solid 1px; text-align: left; padding-left: 6px; padding-right: 6px; }
.table th, td { text-align: center; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color:#e5e5e5; }
/***********************/

/**** Honours Board ****/
.honours th, td { text-align: center; }
.custom-tooltip { --bs-tooltip-bg: var(--bs-danger); }
.custom-tooltip table { margin: 6px; }
.custom-tooltip th { text-align: center; }
.custom-tooltip { max-height: 450px; overflow-y: auto; }
/***********************/

/**** Calendar ****/
.calendar th { text-align: center; }
/***********************/

/**** League Tables ****/
.card { margin-bottom: 10px; --bs-card-title-spacer-y: 0rem; }
.card-header { border-bottom: none; }
.card-title { font-size: 16px; }
.card-title a { text-decoration: none; }
.card-title a:hover { text-decoration: underline; }
.leaguetables { text-align: center; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.leaguetables th, td { border: solid 1px; padding-left: 6px; padding-right: 6px; }
/***********************/

/**** Club Finals ****/
.winners { margin: 8px 0 0 0; }
.result { color: #009C2C; font-weight: bold; padding-top: 0; padding-bottom: 6px; text-decoration-line: overline underline; }
/***********************/

/**** Palmerston Cup ****/
.palmcup th, td { text-align: center; }
.badge { color: #E6FF00; background-color: #3F3F3F; border-radius: 12px; padding: 6px 14px; }

/***********************/

/* Rounded table - add 'rounded-table' class to any table that needs it */
.rounded-table { border-collapse: separate !important; border-spacing: 0 !important; border: none !important; position: relative; }
.row:has(> .rounded-table) { --bs-gutter-x: 0; }
.rounded-table thead,
.rounded-table thead th { border: none !important; background: transparent !important; }
.rounded-table tbody { overflow: hidden !important; border-radius: 8px !important; outline: 1px solid var(--bs-dark) !important; }
.rounded-table th,
.rounded-table td { border-right: 1px solid var(--bs-dark) !important; border-bottom: 1px solid var(--bs-dark) !important; border-top: none !important; border-left: none !important; }
.rounded-table th:last-child,
.rounded-table td:last-child { border-right: none !important; }
.rounded-table tr:last-child td,
.rounded-table tr:last-child th { border-bottom: none !important; }
/***********************/

/**** Map Area ****/
/*#map { border: 1px solid #EAC117; border-radius: 6px; margin: 10px auto; padding: 0; }
#directions { margin: 0; padding: 0 0 20px 0; }
#directions img { border: none; padding: 3px; }
#directions ul { line-height: 200%; margin: 10px auto; }
#directions p { line-height: 1.5em; padding: 1.5em 0; }*/
/***********************/

/********** Bowling Animation **********/
#jack { display: block; left: 610px; top: 515px; position: absolute; z-index: 2; }
#jack img { border: none; border-radius: 0; }
#bowl2 { z-index: 1; }
#bowl2, #bowl { width: 100px; height: 100px; background: #000; position: absolute; left: 210px; top: 530px; backface-visibility: hidden; transform-style: preserve-3d; opacity: 1; border-radius: 50px; z-index: 1; }
.bowl-element-animation { animation: animationFrames linear 2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards; }
#bowl2, #bowl img { border: none; border-radius: 0; }
 @keyframes animationFrames {
 0% {
 opacity: 0;
 transform: translate(390px, -42px) rotate(-180deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 opacity: 1;
 transform: translate(460px, -42px) rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}
/***********************************/

/********** President's Charity **********/
/*.donation-meter {
  margin-left: 30px;
  width: 100px;
}
.donation-meter .glass {
  background: #e5e5e5;
  border-radius: 100px 100px 0 0;
  display: block;
  height: 300px;
  margin: 0 35px 10px;
  padding: 5px;
  position: relative;
  width: 20px;
}
.donation-meter .amount {
  background: #f34e54;
  border-radius: 100px;
  display: block;
  width: 20px;
  position: absolute;
  bottom: 5px;
}
.donation-meter strong {
  display: block;
  text-align: center;
}
.donation-meter .goal {
  font-size: 30px;
}
.donation-meter .total {
  font-size: 16px;
  position: absolute;
  right: 35px;
}
.bulb {
  background: #e5e5e5;
  border-radius: 100px;
  display: block;
  height: 50px;
  margin: 0 35px 10px;
  padding: 5px;
  position: relative;
  top: -20px;
  right: 15px;
  width: 50px;
}
.bulb .red-circle {
  background: #f34e54;
  border-radius: 100px;
  display: block;
  height: 50px;
  width: 50px;
}
.bulb .filler {
  background: #f34e54;
  border-radius: 100px 100px 0 0;
  display: block;
  height: 30px;
  width: 20px;
  position: relative;
  top: -65px;
  right: -15px;
  z-index: 30;
}*/

@media (max-width:1280px) {

.navbar-text { font-size: 1.5em; padding-top: 0em; padding-left: 15px; text-wrap: wrap; }

#jack, #bowl { display: none; }   

}

@media (max-width:768px) {
    
.navbar-text { font-size: 1.3em; padding-left: 0; }
.navbar-brand img { display: none; }

#jack, #bowl { display: none; }   

}