/* New imagine 2024 colors */
:root {
    --purple-10: #ebe9f5;
    --purple-30: #aea7d6;
    --purple-50: #6b45ff;
    --purple-70: #271e3e;
    --purple-90: #090914;
    --green-10: #e6f2e9;
    --green-30: #a0bda2;
    --green-50: #009624;
    --green-70: #0f2313;
    --green-90: #070a06;
    --red-10: #f2e9f2;
    --red-30: #bfaabe;
    --red-50: #ff3666;
    --red-70: #3a2838;
    --red-90: #0f0a0f;
    --black: #000;
    --white: #fff;
}

body {
    background-color: #f2e9f2;
}

/* Additional skin css markup here */
#top-nav {
	background-color:var(--black);
}
.navbar-brand.primary>img {
	height:150px;
	padding:10px;
}
.navbar-brand.secondary {
	color:var(--green-50);
}
/* ------- Color styling ------- */

/* Regular links */
a,
/* Pagination component */
.pagination>li>a, .pagination>li>span,
/* Button links */
.btn-link {
	color:var(--green-50);
}

/* Subdued colors for links in a navbar element */
.navbar a {
	color:var(--green-50);
}

hr {
	border-color:var(--green-50);
}
footer .page-footer-inner {
    background-color: #232323;
}



/* Active left navigation bar items */
.navbar-left>.navbar-body>.list-unstyled li.active, .navbar-left>.navbar-body>.list-unstyled li.active a:hover, .navbar-left>.navbar-body>.list-unstyled li.active.dropdown:hover {
    background-color: var(--green-30);
}
.navbar-left>.navbar-body>.list-unstyled li.active>a, .navbar-left>.navbar-body>.list-unstyled li.active a:hover, .navbar-left>.navbar-body>.list-unstyled li.active.dropdown:hover>a {
	color:#232323;
}
.navbar-left > .navbar-body > .list-unstyled li a:hover, .navbar-left > .navbar-body > .list-unstyled li.dropdown:hover {
    background-color: var(--green-10);
}



/* ------- Typography ------- */

body,h1,h2,h3,h4,h5,h6 {
	font-family: Aller, Helvetica, Roboto, Arial, sans-serif;
	color:#232323;
}
body {
	font-size:16px;
}
h3 {
	font-size:21px;
}

@font-face {
  font-family: 'Aller';
  src: url("fonts/aller_rg-webfont.eot");
  src: url("fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aller_rg-webfont.woff2") format("woff2"), url("fonts/aller_rg-webfont.woff") format("woff"), url("fonts/aller_rg-webfont.ttf") format("truetype"), url("fonts/aller_rg-webfont.svg#allerregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aller';
  src: url("fonts/aller_bd-webfont.eot");
  src: url("fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aller_bd-webfont.woff2") format("woff2"), url("fonts/aller_bd-webfont.woff") format("woff"), url("fonts/aller_bd-webfont.ttf") format("truetype"), url("fonts/aller_bd-webfont.svg#allerbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 3px;
		margin-bottom: 0;
	}
}

/* --- Personal timeline --- */
.fc-tl-centered .fc-tl-date {
	background-color:transparent;
}
.fc-tl-centered .fc-tl-date .fc-tl-date-inner {
	border: 2px solid #FAEFC8;
    background-color:#FBF4DC; /* or #F9F4E5 */
	padding:10px 15px;
	border-radius:10px;
}
.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon {
    -moz-box-shadow: 0 0 0 5px #FAEFC8;
    -webkit-box-shadow: 0 0 0 5px #FAEFC8;
    box-shadow: 0 0 0 5px #FAEFC8;
}
.fc-tl-centered:before {
    background: #FAEFC8;
}
.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label {
    background: #FCF6E1;
	border: 1px solid #F9EAB1;
}
.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label:after {
    border-color: transparent #F9EAB1 transparent transparent;
}

.dl-horizontal>dt {
	margin-top:-3px!important;
}