@import url('/assetlib/css/arcaincutility-common.css');

/*
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #8DC63F !important;
	color: white !important;
}
*/

/*bigger screens*/
@media (min-width: 992px) {}

/*smaller screens*/
@media (max-width: 991px) {}

html,
body {
  background-color: #ffffff;
  font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #002D56;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: #002D56 !important;
  border-color: #002D56;
  color: white !important;
}

a {
  color: #002D56;
  font-weight: bold;
  text-decoration: none;
}

/*
This style is for when a link is hovered.
In this case, it is identical to the original and could be combined with the 'a' style above with a comma (a, a:hover {...}).
I left it this way so that the hover could be customized, for example, changing text-decoration: underline would make the link display an underline when it is hovered.
*/
a:hover {
  color: #002D56;
  font-weight: bold;
  text-decoration: none;
}