/*
 * CATALO 27th anniversary — colour-only override.
 * This file intentionally changes colours only. It does not change dimensions,
 * spacing, HTML structure, JavaScript, form fields, or PHP behaviour.
 */
:root {
  --lightyellow: #e82442;
  --gold: #e82442;
  --darkgreen: #167bbd;
}

html, body, body.main_bg {
  background-color: #5ab7e8 !important;
}

::selection {
  background-color: #e82442 !important;
}

.text-yellow,
.text-darkyellow,
.yellowtext {
  color: #e82442 !important;
}

.whitebox_container .text-yellow,
.whitebox_container .text-darkyellow,
.whitebox_container .yellowtext {
  color: #e82442 !important;
}

.text-darkgreen,
.whitebox_container .text-white,
.whitebox_container .whitetext,
.whitebox_container .h1,
.whitebox_container .ml-text {
  color: #0b4d82 !important;
}

.lightgreytext {
  color: #5d7488 !important;
}

.button.button-mustard,
#btn_submit0.button,
#btn_submit.button {
  background-color: #e82442 !important;
  border-color: #e82442 !important;
  color: #ffffff !important;
}

.button.button-mustard:hover,
.button.button-mustard:focus,
#btn_submit0.button:hover,
#btn_submit0.button:focus,
#btn_submit.button:hover,
#btn_submit.button:focus {
  background-color: #c61733 !important;
  border-color: #c61733 !important;
  color: #ffffff !important;
}

.time_item.selected {
  background-color: #167bbd !important;
  border-color: #167bbd !important;
}

input:focus,
select:focus {
  border-color: #e82442 !important;
}

#footer .bg-darkgreen,
#footer_logo.bg-darkgreen {
  background-color: #167bbd !important;
}