
:root{
--color-primary:#C8460F;
--color-secondary:#F66313;
--color-success:#00803A;
--color-info:#0B7FA8;
--color-warning:#F9930C;
--color-danger:#DC2626;
--color-light:#F7F7F8;
--color-dark:#020425;
--color-white:#FFFFFF;
--color-black:#000000;
--body-bg-color:#FFFFFF;
--body-text-color:#020425;
--body-link-color:#020425;
--body-link-hover-color:#C8460F;
--mainnav-text-color:#020425;
--mainnav-link-color:#020425;
--mainnav-link-hover-color:#C8460F;
--mainnav-link-active-color:#C8460F;
--footer-bg-color:#000000;
--footer-text-color:#BDBDC6;
--footer-link-color:#FFFFFF;
--footer-link-hover-color:#FF8A4C;
--night-bg-color:#191C20;
--night-surface-color:#22262C;
--night-panel-color:#0F1114;
--night-text-color:#FFFFFF;
--night-muted-color:#AEB5BD;
--night-border-color:#40454E;
--night-link-hover-color:#F66313;
}
/* Pattern: Light */
.t4-palette-light {
	background-color: #FFFFFF;
	color: #020425;
}
.t4-palette-light h1, .t4-palette-light h2, .t4-palette-light h3, .t4-palette-light h4,
.t4-palette-light h1 a, .t4-palette-light h2 a, .t4-palette-light h3 a, .t4-palette-light h4 a {
	color: #020425;
}
.t4-palette-light h1 a:hover, .t4-palette-light h2 a:hover, .t4-palette-light h3 a:hover, .t4-palette-light h4 a:hover,
.t4-palette-light h1 a:focus, .t4-palette-light h2 a:focus, .t4-palette-light h3 a:focus, .t4-palette-light h4 a:focus,
.t4-palette-light h1 a:active, .t4-palette-light h2 a:active, .t4-palette-light h3 a:active, .t4-palette-light h4 a:active {
	color: #C8460F;
}
.t4-palette-light a {
	color: #020425;
}
.t4-palette-light a:hover {
	color: #C8460F;
}
/* Mega menu */
.t4-palette-light .t4-megamenu .nav > li.show a,
.t4-palette-light .t4-megamenu .nav > li.show .nav-link {
	color: #020425;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #C8460F;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #C8460F;
}
/*Caret on module menu*/
.t4-palette-light .t4-megamenu .nav > li a .item-caret,
.t4-palette-light .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #020425;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #C8460F;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #C8460F;
}
/* Sub navigation */
.t4-palette-light .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #C8460F;
}
/* Module menu */
.t4-palette-light .t4-module {
	color: #020425;
}
.t4-palette-light .t4-module .module-title {
	color: #020425;
}
.t4-palette-light .nav > li a,
.t4-palette-light .nav > li .nav-link {
	color: #020425;
}
.t4-palette-light .nav > li a:hover,
.t4-palette-light .nav > li a:focus,
.t4-palette-light .nav > li a:active,
.t4-palette-light .nav > li .nav-link:hover,
.t4-palette-light .nav > li .nav-link:focus,
.t4-palette-light .nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-light .nav > li.active > a,
.t4-palette-light .nav > li.active > a.nav-link
.t4-palette-light .nav > li.active:hover > a,
.t4-palette-light .nav > li.active:hover > a.nav-link {
  color: #C8460F;
}
/* Sub nav */
.t4-palette-light .nav > li.active li a {
  color: #020425;
}
.t4-palette-light .nav li.active li a:hover,
.t4-palette-light .nav li.active li a:focus,
.t4-palette-light .nav li.active li a:active {
  color: #C8460F;
}
.t4-palette-light .nav li.active li.active > a {
  color: #C8460F;
}

/* Pattern: Gray */
.t4-palette-gray {
	background-color: #F7F7F8;
	color: #020425;
}
.t4-palette-gray h1, .t4-palette-gray h2, .t4-palette-gray h3, .t4-palette-gray h4,
.t4-palette-gray h1 a, .t4-palette-gray h2 a, .t4-palette-gray h3 a, .t4-palette-gray h4 a {
	color: #020425;
}
.t4-palette-gray h1 a:hover, .t4-palette-gray h2 a:hover, .t4-palette-gray h3 a:hover, .t4-palette-gray h4 a:hover,
.t4-palette-gray h1 a:focus, .t4-palette-gray h2 a:focus, .t4-palette-gray h3 a:focus, .t4-palette-gray h4 a:focus,
.t4-palette-gray h1 a:active, .t4-palette-gray h2 a:active, .t4-palette-gray h3 a:active, .t4-palette-gray h4 a:active {
	color: #C8460F;
}
.t4-palette-gray a {
	color: #020425;
}
.t4-palette-gray a:hover {
	color: #C8460F;
}
/* Mega menu */
.t4-palette-gray .t4-megamenu .nav > li.show a,
.t4-palette-gray .t4-megamenu .nav > li.show .nav-link {
	color: #020425;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:active,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #C8460F;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #C8460F;
}
/*Caret on module menu*/
.t4-palette-gray .t4-megamenu .nav > li a .item-caret,
.t4-palette-gray .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #020425;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #C8460F;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #C8460F;
}
/* Sub navigation */
.t4-palette-gray .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #C8460F;
}
/* Module menu */
.t4-palette-gray .t4-module {
	color: #020425;
}
.t4-palette-gray .t4-module .module-title {
	color: #020425;
}
.t4-palette-gray .nav > li a,
.t4-palette-gray .nav > li .nav-link {
	color: #020425;
}
.t4-palette-gray .nav > li a:hover,
.t4-palette-gray .nav > li a:focus,
.t4-palette-gray .nav > li a:active,
.t4-palette-gray .nav > li .nav-link:hover,
.t4-palette-gray .nav > li .nav-link:focus,
.t4-palette-gray .nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-gray .nav > li.active > a,
.t4-palette-gray .nav > li.active > a.nav-link
.t4-palette-gray .nav > li.active:hover > a,
.t4-palette-gray .nav > li.active:hover > a.nav-link {
  color: #C8460F;
}
/* Sub nav */
.t4-palette-gray .nav > li.active li a {
  color: #020425;
}
.t4-palette-gray .nav li.active li a:hover,
.t4-palette-gray .nav li.active li a:focus,
.t4-palette-gray .nav li.active li a:active {
  color: #C8460F;
}
.t4-palette-gray .nav li.active li.active > a {
  color: #C8460F;
}

/* Pattern: Dark */
.t4-palette-dark {
	background-color: #000000;
	color: #FFFFFF;
}
.t4-palette-dark h1, .t4-palette-dark h2, .t4-palette-dark h3, .t4-palette-dark h4,
.t4-palette-dark h1 a, .t4-palette-dark h2 a, .t4-palette-dark h3 a, .t4-palette-dark h4 a {
	color: #FFFFFF;
}
.t4-palette-dark h1 a:hover, .t4-palette-dark h2 a:hover, .t4-palette-dark h3 a:hover, .t4-palette-dark h4 a:hover,
.t4-palette-dark h1 a:focus, .t4-palette-dark h2 a:focus, .t4-palette-dark h3 a:focus, .t4-palette-dark h4 a:focus,
.t4-palette-dark h1 a:active, .t4-palette-dark h2 a:active, .t4-palette-dark h3 a:active, .t4-palette-dark h4 a:active {
	color: #FF8A4C;
}
.t4-palette-dark a {
	color: #FFFFFF;
}
.t4-palette-dark a:hover {
	color: #FF8A4C;
}
/* Mega menu */
.t4-palette-dark .t4-megamenu .nav > li.show a,
.t4-palette-dark .t4-megamenu .nav > li.show .nav-link {
	color: #FFFFFF;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #FF8A4C;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #FF8A4C;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #FF8A4C;
}
/*Caret on module menu*/
.t4-palette-dark .t4-megamenu .nav > li a .item-caret,
.t4-palette-dark .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #FFFFFF;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #FF8A4C;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #FF8A4C;
}
/* Sub navigation */
.t4-palette-dark .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #FF8A4C;
}
/* Module menu */
.t4-palette-dark .t4-module {
	color: #FFFFFF;
}
.t4-palette-dark .t4-module .module-title {
	color: #FFFFFF;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #FFFFFF;
}
.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
	color: #FF8A4C;
}
.t4-palette-dark .nav > li.active > a,
.t4-palette-dark .nav > li.active > a.nav-link
.t4-palette-dark .nav > li.active:hover > a,
.t4-palette-dark .nav > li.active:hover > a.nav-link {
  color: #FF8A4C;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
  color: #FFFFFF;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #FF8A4C;
}
.t4-palette-dark .nav li.active li.active > a {
  color: #FF8A4C;
}

/* Pattern: Primary */
.t4-palette-blue {
	background-color: #C8460F;
	color: #FFFFFF;
}
.t4-palette-blue h1, .t4-palette-blue h2, .t4-palette-blue h3, .t4-palette-blue h4,
.t4-palette-blue h1 a, .t4-palette-blue h2 a, .t4-palette-blue h3 a, .t4-palette-blue h4 a {
	color: #FFFFFF;
}
.t4-palette-blue h1 a:hover, .t4-palette-blue h2 a:hover, .t4-palette-blue h3 a:hover, .t4-palette-blue h4 a:hover,
.t4-palette-blue h1 a:focus, .t4-palette-blue h2 a:focus, .t4-palette-blue h3 a:focus, .t4-palette-blue h4 a:focus,
.t4-palette-blue h1 a:active, .t4-palette-blue h2 a:active, .t4-palette-blue h3 a:active, .t4-palette-blue h4 a:active {
	color: #020425;
}
.t4-palette-blue a {
	color: #FFFFFF;
}
.t4-palette-blue a:hover {
	color: #020425;
}
/* Mega menu */
.t4-palette-blue .t4-megamenu .nav > li.show a,
.t4-palette-blue .t4-megamenu .nav > li.show .nav-link {
	color: #FFFFFF;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #020425;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #020425;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #020425;
}
/*Caret on module menu*/
.t4-palette-blue .t4-megamenu .nav > li a .item-caret,
.t4-palette-blue .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #FFFFFF;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #020425;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #020425;
}
/* Sub navigation */
.t4-palette-blue .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #020425;
}
/* Module menu */
.t4-palette-blue .t4-module {
	color: #FFFFFF;
}
.t4-palette-blue .t4-module .module-title {
	color: #FFFFFF;
}
.t4-palette-blue .nav > li a,
.t4-palette-blue .nav > li .nav-link {
	color: #FFFFFF;
}
.t4-palette-blue .nav > li a:hover,
.t4-palette-blue .nav > li a:focus,
.t4-palette-blue .nav > li a:active,
.t4-palette-blue .nav > li .nav-link:hover,
.t4-palette-blue .nav > li .nav-link:focus,
.t4-palette-blue .nav > li .nav-link:active {
	color: #020425;
}
.t4-palette-blue .nav > li.active > a,
.t4-palette-blue .nav > li.active > a.nav-link
.t4-palette-blue .nav > li.active:hover > a,
.t4-palette-blue .nav > li.active:hover > a.nav-link {
  color: #020425;
}
/* Sub nav */
.t4-palette-blue .nav > li.active li a {
  color: #FFFFFF;
}
.t4-palette-blue .nav li.active li a:hover,
.t4-palette-blue .nav li.active li a:focus,
.t4-palette-blue .nav li.active li a:active {
  color: #020425;
}
.t4-palette-blue .nav li.active li.active > a {
  color: #020425;
}

/* Pattern: Mainnav */
.t4-palette-mainnav {
	background-color: #FFFFFF;
	color: #020425;
}
.t4-palette-mainnav h1, .t4-palette-mainnav h2, .t4-palette-mainnav h3, .t4-palette-mainnav h4,
.t4-palette-mainnav h1 a, .t4-palette-mainnav h2 a, .t4-palette-mainnav h3 a, .t4-palette-mainnav h4 a {
	color: #020425;
}
.t4-palette-mainnav h1 a:hover, .t4-palette-mainnav h2 a:hover, .t4-palette-mainnav h3 a:hover, .t4-palette-mainnav h4 a:hover,
.t4-palette-mainnav h1 a:focus, .t4-palette-mainnav h2 a:focus, .t4-palette-mainnav h3 a:focus, .t4-palette-mainnav h4 a:focus,
.t4-palette-mainnav h1 a:active, .t4-palette-mainnav h2 a:active, .t4-palette-mainnav h3 a:active, .t4-palette-mainnav h4 a:active {
	color: #C8460F;
}
.t4-palette-mainnav a {
	color: #020425;
}
.t4-palette-mainnav a:hover {
	color: #C8460F;
}
/* Mega menu */
.t4-palette-mainnav .t4-megamenu .nav > li.show a,
.t4-palette-mainnav .t4-megamenu .nav > li.show .nav-link {
	color: #020425;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #C8460F;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #C8460F;
}
/*Caret on module menu*/
.t4-palette-mainnav .t4-megamenu .nav > li a .item-caret,
.t4-palette-mainnav .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #020425;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #C8460F;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #C8460F;
}
/* Sub navigation */
.t4-palette-mainnav .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #C8460F;
}
/* Module menu */
.t4-palette-mainnav .t4-module {
	color: #020425;
}
.t4-palette-mainnav .t4-module .module-title {
	color: #020425;
}
.t4-palette-mainnav .nav > li a,
.t4-palette-mainnav .nav > li .nav-link {
	color: #020425;
}
.t4-palette-mainnav .nav > li a:hover,
.t4-palette-mainnav .nav > li a:focus,
.t4-palette-mainnav .nav > li a:active,
.t4-palette-mainnav .nav > li .nav-link:hover,
.t4-palette-mainnav .nav > li .nav-link:focus,
.t4-palette-mainnav .nav > li .nav-link:active {
	color: #C8460F;
}
.t4-palette-mainnav .nav > li.active > a,
.t4-palette-mainnav .nav > li.active > a.nav-link
.t4-palette-mainnav .nav > li.active:hover > a,
.t4-palette-mainnav .nav > li.active:hover > a.nav-link {
  color: #C8460F;
}
/* Sub nav */
.t4-palette-mainnav .nav > li.active li a {
  color: #020425;
}
.t4-palette-mainnav .nav li.active li a:hover,
.t4-palette-mainnav .nav li.active li a:focus,
.t4-palette-mainnav .nav li.active li a:active {
  color: #C8460F;
}
.t4-palette-mainnav .nav li.active li.active > a {
  color: #C8460F;
}

/* Section: Header */
#t4-header {
	position: -webkit-sticky !important;
	position: sticky;
	top: 0;
	z-index: 10;
}
#t4-header .bg-overlay {
	opacity: 0.5;
}

/* Section: Breadcrumbs */

#t4-breadcrumbs .bg-overlay {
	opacity: 0.5;
}

/* Section: Main body */

#t4-main-body .bg-overlay {
	opacity: 0.5;
}

/* Section: Content bottom */

#t4-content-bottom .bg-overlay {
	opacity: 0.5;
}

/* Section: Footer */

#t4-footer .bg-overlay {
	opacity: 0.5;
}
@charset "UTF-8";
/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank_BS5 - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2021 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --body-font-family: Google Sans;
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-line-height: 1.7;
  --body-letter-spacing: 0px;
  --t4-font-family: Google Sans;
  --t4-font-size: 16px;
  --t4-font-weight: 400;
  --t4-font-style: normal;
  --t4-line-height: 1.7;
  --t4-letter-spacing: 0px;
  --heading-font-family: Playfair Display;
  --heading-font-weight: 800;
  --heading-font-style: normal;
  --heading-line-height: 1.12;
  --heading-letter-spacing: -0.0234em;
  --h1-font-size: 36px;
  --h2-font-size: 32px;
  --h3-font-size: 28px;
  --h4-font-size: 22px;
  --h5-font-size: 19px;
  --h6-font-size: 17px;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  transition-duration: 400ms;
}
html {
  font-size: var(--body-font-size);
}
body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}
.t4-content {
  background-color: var(--body-bg-color);
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}
a {
  color: var(--body-link-color);
}
a:hover, a:focus, a:active {
  color: var(--body-link-hover-color);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}
h1, .h1 {
  font-size: var(--h1-font-size);
}
h2, .h2 {
  font-size: var(--h2-font-size);
}
h3, .h3 {
  font-size: var(--h3-font-size);
}
h4, .h4 {
  font-size: var(--h4-font-size);
}
h5, .h5 {
  font-size: var(--h5-font-size);
}
h6, .h6 {
  font-size: var(--h6-font-size);
}
/* MEGAMENU
--------------------------------------- */
.t4-megamenu {
  font-family: var(--megamenu-font-family);
  font-size: var(--megamenu-font-size);
  font-weight: var(--megamenu-font-weight);
  line-height: var(--megamenu-line-height);
  letter-spacing: var(--megamenu-letter-spacing);
}
.t4-megamenu h1, .t4-megamenu h2, .t4-megamenu h3, .t4-megamenu h4, .t4-megamenu h5, .t4-megamenu h6 {
  font-family: var(--megamenu-font-family);
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-success {
  background-color: var(--color-success);
}
.bg-info {
  background-color: var(--color-info);
}
.bg-warning {
  background-color: var(--color-warning);
}
.bg-danger {
  background-color: var(--color-danger);
}
.bg-light {
  background-color: var(--color-light);
}
.bg-dark {
  background-color: var(--color-dark);
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.btn.btn-outline-primary:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.btn.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.btn.btn-secondary:focus, .btn.btn-secondary:hover, .btn.btn-secondary:active {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.btn.btn-outline-secondary:hover {
  background-color: var(--color-secondary);
  color: #000;
}
.btn.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.btn.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:active {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-success {
  border-color: var(--color-success);
  color: var(--color-success);
}
.btn.btn-outline-success:hover {
  background-color: var(--color-success);
  color: #fff;
}
.btn.btn-info {
  background-color: var(--color-info);
  border-color: var(--color-info);
}
.btn.btn-info:focus, .btn.btn-info:hover, .btn.btn-info:active {
  background-color: var(--color-info);
  border-color: var(--color-info);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-info {
  border-color: var(--color-info);
  color: var(--color-info);
}
.btn.btn-outline-info:hover {
  background-color: var(--color-info);
  color: #fff;
}
.btn.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.btn.btn-warning:focus, .btn.btn-warning:hover, .btn.btn-warning:active {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
}
.btn.btn-outline-warning:hover {
  background-color: var(--color-warning);
  color: #000;
}
.btn.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.btn.btn-danger:focus, .btn.btn-danger:hover, .btn.btn-danger:active {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-danger {
  border-color: var(--color-danger);
  color: var(--color-danger);
}
.btn.btn-outline-danger:hover {
  background-color: var(--color-danger);
  color: #fff;
}
.btn.btn-light {
  background-color: var(--color-light);
  border-color: var(--color-light);
}
.btn.btn-light:focus, .btn.btn-light:hover, .btn.btn-light:active {
  background-color: var(--color-light);
  border-color: var(--color-light);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-light {
  border-color: var(--color-light);
  color: var(--color-light);
}
.btn.btn-outline-light:hover {
  background-color: var(--color-light);
  color: #000;
}
.btn.btn-dark {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}
.btn.btn-dark:focus, .btn.btn-dark:hover, .btn.btn-dark:active {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-dark {
  border-color: var(--color-dark);
  color: var(--color-dark);
}
.btn.btn-outline-dark:hover {
  background-color: var(--color-dark);
  color: #fff;
}
/* Text Colors */
.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-info {
  color: var(--color-info) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-light {
  color: var(--color-light) !important;
}
.text-dark {
  color: var(--color-dark) !important;
}
/* Badage Colors */
.badge-primary {
  background-color: var(--color-primary);
}
.badge-secondary {
  background-color: var(--color-secondary);
}
.badge-success {
  background-color: var(--color-success);
}
.badge-info {
  background-color: var(--color-info);
}
.badge-warning {
  background-color: var(--color-warning);
}
.badge-danger {
  background-color: var(--color-danger);
}
.badge-light {
  background-color: var(--color-light);
}
.badge-dark {
  background-color: var(--color-dark);
}
:root {
  --t4-heading-color: var(--color-dark);
  --headings-color: var(--color-dark);
  --px-ink-strong: var(--color-dark);
  --px-muted: color-mix(in srgb, var(--color-dark) 58%, var(--color-white));
  --px-border-light: color-mix(in srgb, var(--color-dark) 7%, var(--color-white));
  --px-border-strong: var(--color-dark);
  --px-surface-raised: var(--color-light);
  --px-accent-ink: var(--color-primary);
  --px-on-accent: var(--color-white);
  --t4-body-bg: var(--body-bg-color);
  --t4-body-color: var(--body-text-color);
  --t4-emphasis-color: var(--px-ink-strong);
  --t4-secondary-color: var(--px-muted);
  --t4-tertiary-color: var(--px-muted);
  --t4-secondary-bg: var(--px-surface-raised);
  --t4-tertiary-bg: var(--px-surface-raised);
  --t4-border-color: var(--px-border-light);
  --t4-border-color-translucent: var(--px-border-light);
  --t4-link-color: var(--body-link-color);
  --t4-link-hover-color: var(--body-link-hover-color);
  --t4-code-color: var(--px-accent-ink);
  --t4-primary: var(--color-primary);
  --t4-secondary: var(--color-secondary);
  --t4-success: var(--color-success);
  --t4-info: var(--color-info);
  --t4-warning: var(--color-warning);
  --t4-danger: var(--color-danger);
  --t4-light: var(--color-light);
  --t4-dark: var(--color-dark);
  --t4-white: var(--color-white);
  --t4-black: var(--color-black);
  --t4-highlight-bg: var(--color-secondary);
  --t4-highlight-color: var(--color-dark);
  /* Accent (logo dot, link underline, play button, focus ring) = theme Secondary */
  --px-accent: var(--color-secondary);
  /* Category colour: --px-cat comes from the category field px-accent at runtime (set on the card,
     menu item or module). Text tone = color-mix(--px-cat --px-cat-weight, --px-cat-into), written
     where it is used (mixin px-cat-text) so it follows the --px-cat of that element; 65% keeps
     every category AA on white. */
  --px-cat: var(--px-accent);
  --px-cat-weight: 65%;
  --px-cat-into: var(--color-dark);
  /* Type: every heading and title uses the heading serif (Admin › Site › Typography) */
  --px-font-display: var(--heading-font-family);
  --px-font-accent: var(--heading-font-family);
  --px-display-tracking: var(--heading-letter-spacing, -0.0234em);
  --px-display-leading: var(--heading-line-height);
  --px-ease: cubic-bezier(.32, .74, .57, 1);
  /* Spacing scale (rule template-tokens › Spacing) */
  --px-sp-0: 2px;
  --px-sp-1: 4px;
  --px-sp-2: 8px;
  --px-sp-3: 12px;
  --px-sp-4: 16px;
  --px-sp-5: 20px;
  --px-sp-6: 24px;
  --px-sp-7: 30px;
  --px-sp-8: 36px;
  --px-sp-9: 40px;
  --px-sp-10: 48px;
  --px-sp-11: 60px;
  --px-sp-12: 80px;
  --px-sp-13: 100px;
  --px-sp-14: 120px;
  --px-gap: var(--px-sp-6);
  --px-gap-xs: var(--px-sp-2);
  --px-gap-sm: var(--px-sp-3);
  --px-gap-lg: var(--px-sp-9);
  --px-gap-xl: var(--px-sp-10);
  --px-section-pad-y: var(--px-space-md, 28px);
  --px-container-max: 1264px;
  /* News layout: main column + rail */
  --px-rail: 328px;
  --px-rail-gap: var(--px-sp-9);
  --px-header-h: 60px;
  /* Small type (kicker, meta, labels) */
  --px-fs-xs: 0.6875rem;
  --px-fs-sm: 0.8125rem;
  --px-fs-md: 0.875rem;
  --px-fs-ui: 0.9375rem;
  --px-fs-lg: 1.125rem;
  --px-fs-xl: 1.25rem;
  --px-label-tracking: 0.07em;
  /* Icon glyphs (Font Awesome i / ::before) — not text, so not on the heading scale */
  --px-icon-xs: 0.5625rem;
  --px-icon-sm: 0.875rem;
  --px-icon-md: 1rem;
  --px-icon-lg: 1.375rem;
  --px-icon-xl: 2rem;
  /* Drop shadow of panels over the page (mega menu) */
  --px-shadow-drop: 0 var(--px-sp-4) var(--px-sp-8) color-mix(in srgb, var(--color-dark) 12%, transparent);
  /* Radii */
  --px-radius: 6px;
  --px-radius-sm: 3px;
  --px-radius-lg: 6px;
  --px-radius-section: 6px;
  --px-radius-pill: 999px;
  /* Title mark */
  --px-title-mark-height: 34%;
  --px-title-mark-bottom: 6%;
  --px-title-mark-height-dark: 7px;
  --px-title-mark-bottom-dark: -8px;
  /* Step number circle (stock blocks) */
  --px-step-num-size: 52px;
  --px-step-num-font: 17px;
  --px-hero-min-visual: 26rem;
  --px-hero-title-size: clamp(min(1.75rem, var(--h1-font-size)), 2.6vw, var(--h1-font-size));
  --px-sec-title-size: clamp(min(1.625rem, var(--h2-font-size)), 2.4vw, var(--h2-font-size));
  --px-h1-size: clamp(min(1.75rem, var(--h1-font-size)), 2.6vw, var(--h1-font-size));
  --px-h2-size: clamp(min(1.625rem, var(--h2-font-size)), 2.4vw, var(--h2-font-size));
  --px-h3-size: clamp(min(1.5rem, var(--h3-font-size)), 2vw, var(--h3-font-size));
  --px-h4-size: var(--h4-font-size);
  --px-display-size: clamp(var(--h1-font-size), 4.5vw, calc(var(--h1-font-size) * 1.65));
  --px-display-num-size: clamp(calc(var(--h1-font-size) * 2), 13vw, calc(var(--h1-font-size) * 3.5));
  --px-choose-icon-size: 3rem;
  --px-marquee-duration: 28s;
  --px-marquee-gap: 2.5rem;
  --px-service-card-min: 14rem;
  --px-case-min: 20rem;
  --px-case-img-h: 26.25rem;
  --px-about-media-min: clamp(26rem, 44vw, 40rem);
}
html:root {
  --px-space-sm: var(--px-sp-4);
  --px-space-md: 28px;
  --px-space-lg: var(--px-sp-10);
  --px-space-xl: var(--px-sp-12);
}
@media (max-width: 1199.98px) {
  :root {
    --px-rail: 300px;
    --px-rail-gap: var(--px-sp-8);
}
}
@media (max-width: 991.98px) {
  :root {
    --px-sp-9: 36px;
    --px-sp-10: 40px;
    --px-sp-11: 48px;
    --px-sp-12: 60px;
    --px-sp-13: 72px;
    --px-sp-14: 84px;
    --px-gap: var(--px-sp-5);
}
}
@media (max-width: 575.98px) {
  :root {
    --px-sp-9: 32px;
    --px-sp-10: 36px;
    --px-sp-11: 40px;
    --px-sp-12: 48px;
    --px-sp-13: 56px;
    --px-sp-14: 64px;
    --px-gap: var(--px-sp-4);
}
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--px-font-display);
  letter-spacing: var(--px-display-tracking);
}
h1, .h1 {
  font-size: var(--px-h1-size);
  line-height: var(--px-display-leading);
}
h2, .h2 {
  font-size: var(--px-h2-size);
  line-height: 1.125;
}
h3, .h3 {
  font-size: var(--px-h3-size);
  line-height: 1.18;
}
h4, .h4 {
  font-size: var(--px-h4-size);
  line-height: 1.22;
}
h5, .h5 {
  line-height: 1.25;
}
h6, .h6 {
  line-height: 1.3;
}
.px-paper,
.t4-palette-light,
.t4-palette-gray {
  --t4-heading-color: var(--color-dark);
  --headings-color: var(--color-dark);
  --px-ink-strong: var(--color-dark);
  --px-muted: color-mix(in srgb, var(--color-dark) 58%, var(--color-white));
  --px-border-light: color-mix(in srgb, var(--color-dark) 7%, var(--color-white));
  --px-border-strong: var(--color-dark);
  --px-surface-raised: var(--color-light);
  --px-accent-ink: var(--color-primary);
  --px-on-accent: var(--color-white);
  --t4-body-bg: var(--body-bg-color);
  --t4-body-color: var(--body-text-color);
  --t4-emphasis-color: var(--px-ink-strong);
  --t4-secondary-color: var(--px-muted);
  --t4-tertiary-color: var(--px-muted);
  --t4-secondary-bg: var(--px-surface-raised);
  --t4-tertiary-bg: var(--px-surface-raised);
  --t4-border-color: var(--px-border-light);
  --t4-border-color-translucent: var(--px-border-light);
  --t4-link-color: var(--body-link-color);
  --t4-link-hover-color: var(--body-link-hover-color);
  --t4-code-color: var(--px-accent-ink);
  color: var(--body-text-color);
}
.px-paper {
  background-color: var(--body-bg-color);
}
.px-ink,
.px-panel-dark,
.px-on-image,
.t4-palette-dark,
.bg-dark,
.t4-footer,
.t4-footnav {
  --body-bg-color: var(--color-black);
  --body-text-color: var(--color-white);
  --body-link-color: var(--color-white);
  --body-link-hover-color: var(--footer-link-hover-color);
  --t4-heading-color: var(--color-white);
  --headings-color: var(--color-white);
  --px-ink-strong: var(--color-white);
  --px-muted: var(--footer-text-color);
  --px-border-light: color-mix(in srgb, var(--color-white) 14%, transparent);
  --px-border-strong: color-mix(in srgb, var(--color-white) 32%, transparent);
  --px-surface-raised: color-mix(in srgb, var(--color-white) 6%, var(--color-black));
  --px-accent-ink: var(--footer-link-hover-color);
  --px-on-accent: var(--color-black);
  --px-cat-weight: 0%;
  --px-cat-into: var(--color-white);
  /* Dark-section aliases kept for stock block CSS */
  --px-surface-elevated: var(--px-surface-raised);
  --px-ink-on-dark: var(--color-white);
  --px-muted-on-dark: var(--footer-text-color);
  --px-border-on-dark: color-mix(in srgb, var(--color-white) 10%, transparent);
  --px-border-on-dark-strong: color-mix(in srgb, var(--color-white) 18%, transparent);
  --px-border-on-dark-soft: color-mix(in srgb, var(--color-white) 22%, transparent);
  --t4-body-bg: var(--body-bg-color);
  --t4-body-color: var(--body-text-color);
  --t4-emphasis-color: var(--px-ink-strong);
  --t4-secondary-color: var(--px-muted);
  --t4-tertiary-color: var(--px-muted);
  --t4-secondary-bg: var(--px-surface-raised);
  --t4-tertiary-bg: var(--px-surface-raised);
  --t4-border-color: var(--px-border-light);
  --t4-border-color-translucent: var(--px-border-light);
  --t4-link-color: var(--body-link-color);
  --t4-link-hover-color: var(--body-link-hover-color);
  --t4-code-color: var(--px-accent-ink);
}
.px-ink,
.bg-dark {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
}
.t4-footer,
.t4-footnav {
  --body-bg-color: var(--footer-bg-color);
  --body-text-color: var(--footer-text-color);
  --body-link-color: var(--footer-link-color);
  --body-link-hover-color: var(--footer-link-hover-color);
  --px-accent-ink: var(--footer-link-hover-color);
  --px-border-light: color-mix(in srgb, var(--footer-text-color) 32%, transparent);
  --px-border-strong: color-mix(in srgb, var(--footer-text-color) 60%, transparent);
}
:root[data-bs-theme=dark] {
  --body-bg-color: var(--night-bg-color);
  --body-text-color: var(--night-text-color);
  --body-link-color: var(--night-text-color);
  --body-link-hover-color: var(--night-link-hover-color);
  --mainnav-text-color: var(--night-text-color);
  --mainnav-link-color: var(--night-text-color);
  --mainnav-link-hover-color: var(--night-link-hover-color);
  --mainnav-link-active-color: var(--night-link-hover-color);
  --t4-heading-color: var(--night-text-color);
  --headings-color: var(--night-text-color);
  --px-ink-strong: var(--night-text-color);
  --px-muted: var(--night-muted-color);
  --px-border-light: var(--night-border-color);
  --px-border-strong: var(--night-text-color);
  --px-surface-raised: var(--night-surface-color);
  --px-accent-ink: var(--night-link-hover-color);
  --px-shadow-drop: 0 var(--px-sp-4) var(--px-sp-8) color-mix(in srgb, var(--color-black) 55%, transparent);
  --px-on-accent: var(--color-white);
  --px-cat-weight: 60%;
  --px-cat-into: var(--night-text-color);
  --t4-body-bg: var(--body-bg-color);
  --t4-body-color: var(--body-text-color);
  --t4-emphasis-color: var(--px-ink-strong);
  --t4-secondary-color: var(--px-muted);
  --t4-tertiary-color: var(--px-muted);
  --t4-secondary-bg: var(--px-surface-raised);
  --t4-tertiary-bg: var(--px-surface-raised);
  --t4-border-color: var(--px-border-light);
  --t4-border-color-translucent: var(--px-border-light);
  --t4-link-color: var(--body-link-color);
  --t4-link-hover-color: var(--body-link-hover-color);
  --t4-code-color: var(--px-accent-ink);
  color-scheme: dark;
}
[data-bs-theme=dark] .px-paper,
[data-bs-theme=dark] .t4-palette-light,
[data-bs-theme=dark] .t4-palette-gray {
  --body-bg-color: var(--night-bg-color);
  --body-text-color: var(--night-text-color);
  --body-link-color: var(--night-text-color);
  --body-link-hover-color: var(--night-link-hover-color);
  --mainnav-text-color: var(--night-text-color);
  --mainnav-link-color: var(--night-text-color);
  --mainnav-link-hover-color: var(--night-link-hover-color);
  --mainnav-link-active-color: var(--night-link-hover-color);
  --t4-heading-color: var(--night-text-color);
  --headings-color: var(--night-text-color);
  --px-ink-strong: var(--night-text-color);
  --px-muted: var(--night-muted-color);
  --px-border-light: var(--night-border-color);
  --px-border-strong: var(--night-text-color);
  --px-surface-raised: var(--night-surface-color);
  --px-accent-ink: var(--night-link-hover-color);
  --px-shadow-drop: 0 var(--px-sp-4) var(--px-sp-8) color-mix(in srgb, var(--color-black) 55%, transparent);
  --px-on-accent: var(--color-white);
  --px-cat-weight: 60%;
  --px-cat-into: var(--night-text-color);
  --t4-body-bg: var(--body-bg-color);
  --t4-body-color: var(--body-text-color);
  --t4-emphasis-color: var(--px-ink-strong);
  --t4-secondary-color: var(--px-muted);
  --t4-tertiary-color: var(--px-muted);
  --t4-secondary-bg: var(--px-surface-raised);
  --t4-tertiary-bg: var(--px-surface-raised);
  --t4-border-color: var(--px-border-light);
  --t4-border-color-translucent: var(--px-border-light);
  --t4-link-color: var(--body-link-color);
  --t4-link-hover-color: var(--body-link-hover-color);
  --t4-code-color: var(--px-accent-ink);
}
[data-bs-theme=dark] .px-ink,
[data-bs-theme=dark] .px-panel-dark,
[data-bs-theme=dark] .t4-palette-dark,
[data-bs-theme=dark] .bg-dark {
  --body-bg-color: var(--night-panel-color);
}
[data-bs-theme=dark] .t4-footer,
[data-bs-theme=dark] .t4-footnav {
  --footer-bg-color: var(--night-panel-color);
  --body-bg-color: var(--night-panel-color);
}
.btn.btn-dark {
  background-color: var(--px-ink-strong);
  border-color: var(--px-ink-strong);
  color: var(--body-bg-color);
}
.btn.btn-dark:focus, .btn.btn-dark:hover, .btn.btn-dark:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
  opacity: 1;
}
.btn.btn-primary {
  color: var(--color-white);
}
.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: color-mix(in srgb, var(--color-primary) 85%, var(--color-black));
  border-color: color-mix(in srgb, var(--color-primary) 85%, var(--color-black));
  color: var(--color-white);
}
.btn.btn-outline-dark {
  border-color: var(--px-border-strong);
  color: var(--px-ink-strong);
}
.btn.btn-outline-dark:hover {
  border-color: var(--px-ink-strong);
  background-color: var(--px-ink-strong);
  color: var(--body-bg-color);
}
/*# sourceMappingURL=theme.tpl.css.map */