@charset "utf-8";
/* CSS Document */

Body {
	font-family:'Noto Sans', Verdana, Arial, sans-serif;
}

.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/* Numbers in circle */
	.numbersCircle {
    border: 0.1em solid #80c342;
    border-radius: 100%;
	background-color: #80c342;
    height: 2em;
    width: 2em;
    text-align: center;
}

.numbersCircle p {
	margin-top: 0.10em !important;
    font-size: 1.5em !important;
    font-weight: bold;
    font-family: sans-serif;
    color: #ffffff;
}

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

a {
  color: #245AE8;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.noto-sans {
	font-family: 'Noto Sans', Verdana, Arial, sans-serif;
}

.nlprimary {
	color: #4C6E34;
}

.nllimegreen {
	color: #80c342;
}

.nllightred {
	color: #F34D39;
}

.nlorange {
	color: #F18200;
}

.nllinkblue {
	color: #245AE8;
}

.background-olive {
	background-color: #D9D8B2;
}

/* force url wrapping */
.urlwrap {
	word-wrap: break-word;
}

/* customise bootstrap button */
.btn-success:hover {
	background-color: #4C6E34 !important;
	border-color: #4C6E34 !important;
}

.btn-success:active {
    background-color: #27191D !important;
	border-color: #27191D !important;
}

.btn-neolife {
  color: #fff;
  background-color: #c90c0c;
  border-color: #c90c0c;
}

.btn-neolife:hover {
  color: #fff;
  background-color: #980909;
  border-color: #980909;
}

.btn-neolife:focus, .btn-neolife.focus {
  color: #fff;
  background-color: #980909;
  border-color: #980909;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-neolife.disabled, .btn-neolife:disabled {
  color: #fff;
  background-color: #980909;
  border-color: #980909;
}

.btn-neolife:not(:disabled):not(.disabled):active, .btn-neolife:not(:disabled):not(.disabled).active,
.show > .btn-neolife.dropdown-toggle {
  color: #fff;
  background-color: #980909;
  border-color: #980909;
}

.btn-neolife:not(:disabled):not(.disabled):active:focus, .btn-neolife:not(:disabled):not(.disabled).active:focus,
.show > .btn-neolife.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(152, 9, 9, 0.5);
}
/* end customise bootstrap button */

/* start promo */
.promo-dc-1 {
	font-size: 24px;
	color: #a05bbf;
	font-weight: 600;
}

.promo-bgcolor-1 {
	background-color: #f3eff7;
}

.promo-color-1 {
	color: #a05bbf;
}

.promo-dc-2 {
	font-size: 24px;
	color: #ba006f;
	font-weight: 600;
}

.promo-bgcolor-2 {
	background-color: #f7e7ee;
}

.promo-color-2 {
	color: #ba006f;
}

.promo-dc-3 {
	font-size: 24px;
	color: #5b108b;
	font-weight: 600;
}

.promo-bgcolor-3 {
	background-color: #ece8f5;
}

.promo-color-3 {
	color: #5b108b;
}
/* end promo */

/*** media queries ***/
/*@media only screen and (max-width: 480px) {
	h2 {
		font-size: 25px;
	}
}

@media only screen and (max-width: 480px) {
	h2 {
		font-size: 25px;
	}
}

@media only screen and (max-width: 480px) {
	h2 {
		font-size: 25px;
	}
}*/