/** plugin: Bolder Names! #4.0 code **/
entity-title entity-header-line{
   color: black;
    font-weight: bold;

}

.entity-grid>.entity-header.with-entity-banner .entity-name,.entity-grid>.entity-header.with-entity-banner .entity-title {
text-shadow:-0.6px -0.6px 0 #e7caca, 0.6px -0.6px 0 #e7caca, -0.6px 0.6px 0 #e7caca, 0.6px 0.6px 0 #e7caca;
       color: black;
    font-weight: 700;
    font-size: 1.2em;
    font-variant: small-caps;  
}
.entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
.entity-grid>.entity-header.with-entity-banner .entity-icons {   
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
 	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub {  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub a {
  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
  	color: black;
    text-decoration: underline;
	font-weight: bolder;
}

/* Breadcrumbs */
#main-content > section > div > div.entity-header.pb-5.flex.flex-wrap > div.entity-header-text.flex.flex-col > div.entity-texts > ol > li:nth-child(1) > a{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
 }

.entity-header .entity-breadcrumb li+li:before
{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
}

.entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-name, .entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-title{
font-size: 3.0em;
color: black;
font-weight: 700;
font-family: Eagle Lake;
font-variant: small-caps;
text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
}


.badge{
  color: hsl(var(--bc)/var(--tw-text-opacity))
}

.entity-header-text a:not(.btn):not(.btn2) {
    text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  color: black!important;
}

/** plugin: Hexagon Entities #2.0 code **/
:root {
  --hexagon-images-variant-one: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
  --hexagon-images-variant-two: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
  --hexagon-images-use: var(--hexagon-images-variant-one);
}

td > .entity-image, .entity-tooltip-avatar .entity-image, .user-image {
  border-radius: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--hexagon-images-use);
  mask-image: var(--hexagon-images-use);
}

/** plugin: Skylarks Theme #2.1 code **/
/* Set vars */
:root {
    --sky-dashboard-picture-height: 250px; /* var(--sky-dashboard-picture-height) */
    --sky-dashboard-picture-height-mobile: 200px;
    --sky-page-radius: 7px; /* var(--sky-page-radius) */

    --sky-background-color: #C7C9B8; /* var(--sky-background-color) */

    --sky-page-color: #D8D9CD; /* var(--sky-page-color) */
    --sky-page-color-2nd: #D1D2C6; /* var(--sky-page-color-2nd) */
    --sky-page-color-3rd: #D8D9CD; /* var(--sky-page-color-3rd) */

    --sky-text-color: #333333; /* var(--sky-text-color) */
    --sky-text-color-link: #751212; /* var(--sky-text-color-link) */
    --sky-text-color-active: #AD2020; /* var(--sky-text-color-active) */
    --sky-text-color-muted: #888888; /* var(--sky-text-color-muted) */

    --sky-sidebar-background-color: #172028; /* var(--sky-sidebar-background-color) */
    --sky-sidebar-text-color: #DDDDDD; /* var(--sky-sidebar-text-color) */

    --sky-topbar-background-color: #484942; /* var(--sky-topbar-background-color) */
    --sky-topbar-text-color: #DDDDDD; /* var(--sky-topbar-text-color) */

    --sky-button-background-color: #484942; /* var(--sky-button-background-color) */
    --sky-button-border-color: #484942; /* var(--sky-button-border-color) */
    --sky-button-text-color: #DDDDDD; /* var(--sky-button-text-color) */

    --sky-icon-background-color: #666; /* var(--sky-icon-background-color) */
    --sky-icon-color: #d2d6de; /* var(--sky-icon-color) */

    --sky-line-color: #333333; /* var(--sky-line-color) */

    --sky-header-color: #333333; /* var(--sky-header-color) */
}


/* new hover style */
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td,
.table > tbody > tr.active > th, .table > tbody > tr > td.active,
.table > tbody > tr > th.active, .table > tfoot > tr.active > td,
.table > tfoot > tr.active > th, .table > tfoot > tr > td.active,
.table > tfoot > tr > th.active, .table > thead > tr.active > td,
.table > thead > tr.active > th, .table > thead > tr > td.active,
.table > thead > tr > th.active,
.nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    color: var(--sky-text-color-link);
    background: inherit;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: var(--sky-page-radius);
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
    background: transparent;
    color: var(--sky-text-color-link);
}
/* selected tab */
.nav-tabs-custom > .nav-tabs > li.active,
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
    border: none;
 }

/******* MAIN THEME & COLORS *******/

a {
    color: var(--sky-text-color-link);
}
a:active, a:focus, a:hover {
    color: var(--sky-text-color-active);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--sky-header-color);
}
.help-block,
.text-muted {
    color: var(--sky-text-color-muted);
}
body {
    color: var(--sky-text-color);
}

.content-wrapper,
.main-footer,
body {
    background-color: var(--sky-background-color);
}
hr {
    border-top: 1px solid var(--sky-sidebar-background-color);
}



/* lable counters */
.label-default {
    background-color: inherit;
    color: inherit;
}
/* fix background */
.list-group-item {
    background-color: transparent;
    border: none;
}

.box-footer,
.table-striped > tbody > tr:nth-of-type(odd),
.panel-default > .panel-heading {
    background-color: var(--sky-page-color);
}
/* remov unwanted borders */

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th,
.box-footer {
    border: none;
}

.page-header,
.box .nav-stacked > li,
.box-header.with-border {
    border-bottom: none;
}

/*** MAIN NAVIGATION ***/
/* background */
.main-sidebar .sidebar,
.skin-black .left-side,
.skin-black .main-sidebar,
.skin-black .wrapper {
    background-color: var(--sky-sidebar-background-color);
}

section.sidebar-campaign {
    background: linear-gradient(180deg,rgba(51,51,51,0),var(--sky-sidebar-background-color));
}

.main-sidebar .sidebar li .sidebar-text,
.main-sidebar .sidebar li a {
    color: var(--sky-sidebar-text-color);
}

/******* TOPBAR ********/
.skin-black .main-header .navbar {
    background-color: var(--sky-topbar-background-color);
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a,
.skin-black .main-header .navbar .sidebar-toggle {
    color: var(--sky-topbar-text-color);
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a:hover,
.skin-black .main-header .navbar .navbar-right > li > a:hover,
.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: var(--sky-text-color);
    background-color: var(--sky-topbar-text-color);
    border-radius: 4px;
}

.skin-black .main-header .navbar .nav > li > a {
    color: var(--sky-text-color);
}
.calendar tbody td .colour-pallet {
    color: var(--sky-sidebar-text-color);
}
.calendar tbody td.today {
    background-color: var(--sky-page-color-2nd);
    border-radius: 2px;
}

.navbar-nav > .user-menu .user-image {
    filter: invert(100%);
}
/* clean up the search window */
.form-control {
    border-radius: 5px;
    height: 30px;
}

.form-control:focus {
    border-color: var(--sky-text-color-link);
}

/* buttons */
.btn-default,
.input-group .input-group-addon {
    background-color: var(--sky-button-background-color);
    border-color: var(--sky-button-border-color);
    color: var(--sky-button-text-color);
}

/******* FRAMES *******/
/* picture */
.entity-header .entity-image {
    width: 100%;
    height: auto;
    margin: 5px;
    border: transparent;
    box-sizing: border-box;
    border-radius: 7px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* content (glass) */
#cy,
.nav-tabs-custom > .tab-content,
.box,
.panel,
.timeline-item,
.timeline > li > .timeline-item {
    border-radius: var(--sky-page-radius);
    border-bottom: 1px solid;
    background-color: var(--sky-page-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* nav tabs (glass)*/
.entity-form ul.nav li {
    background-color: inherit;
    margin-right: 2px;
}

.nav-tabs {
    border-bottom: none;
    margin-left: 40px;
}

.nav-tabs-custom > .nav-tabs > li > a {
    border-radius: var(--sky-page-radius) var(--sky-page-radius) 0px 0px;
    background-color: var(--sky-page-color-2nd);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.nav-tabs-custom > .nav-tabs > li.active:hover > a, 
.nav-tabs-custom > .nav-tabs > li.active > a {
    color: var(--sky-text-color-link);
    background: inherit;
    background-color: var(--sky-page-color);
}
/* popup boxes */
.skin-black .modal-content,
.dropdown-menu,
.skin-black .modal-lg {
    border-radius: var(--sky-page-radius);
    border-bottom: 1px solid;
    background-color: #DEE0D6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}


/******* PAGES ********/
/* change breadcrumb  */
.content-header .breadcrumb > li:last-child {
    display: none;
}

.content-header .breadcrumb {
    float: right;
    position: absolute;
}
/* even header size */
.content-header h1 {
    font-size: 36px;
}
.box-footer {
    border-bottom-left-radius: var(--sky-page-radius);
    border-bottom-right-radius: var(--sky-page-radius);
}

.map-dashboard,
.panel .panel-heading-entity,
.panel .panel-heading-entity h3 {
    border-radius: calc(var(--sky-page-radius) - 1px);
}

.panel,
.panel-default > .panel-heading {
    border-color: var(--sky-page-color);
}

.panel .panel-body .preview:before {
    background: linear-gradient(transparent,var(--sky-page-color));
}

.panel .panel-heading-entity h3 {
    height: var(--sky-dashboard-picture-height);
}
.panel .panel-heading-entity h3 a {
    height: var(--sky-dashboard-picture-height);
}


/*next page colors*/
.pagination > li > a,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: var(--sky-header-color);
    background-color: var(--sky-page-color-2nd);
    border-color: var(--sky-header-color);
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    height: 30px;
    padding: 3px 12px;
}
.tooltip-inner,
.tooltip-ajax {
   background-color: var(--sky-sidebar-background-color);
}
.tooltip-arrow {
   border-top-color:  var(--sky-sidebar-background-color) !important;
}

/** plugin: Add Folder Icon to List Entities With Children in Nested View #1.2.1 code **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 13px;
    margin-right: -40px;
}

/** plugin: Scrollable Main Sidebar #1.13 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 3rem;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - (160px + 50px) - 3rem) !important;
		padding-bottom: 1em;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */

/** plugin: Back to top #1.0 code **/
.content-wrapper {
  position: relative;
  padding-bottom: 50px;
}

.back-to-top {
  display: block !important;
}

/** plugin: Longer Titles in Entry Grids #2 code **/
/* BEGIN Longer Titles in Entity Grids by Salvatos */
/* Undo default overflows and replace with multiline overflow */
.entities-grid div.entity.block:not(.entity-stack) .truncate.h-12 {
	text-overflow: unset;
	white-space: unset;
	height: auto;
	padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-grid-max-lines, 4);
    overflow: hidden;
}
/* More available height for text when no image */
.entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
    -webkit-line-clamp: var(--entity-grid-max-lines-noimg, 5);
}
/* Fix padding */
.entities-grid div.entity.block:not(.entity-stack) {
    padding-bottom: 1rem;
}
/* Consistent height for the Back tile in nested pages */
a.entity.block:first-of-type > .bg-box {
	height: auto;
}
/* Mobile view is %-based, tweak accordingly */
@media(max-width:639px) {
    /* Lines of text with & without image */
    .entities-grid .entity.block:not(.entity-stack) .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines, 3);
        
    }
    .entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines-noimg, 4);
    }
    /* More suitable padding */
    .entities-grid .entity.block:not(.entity-stack) {
        padding-bottom: 0.6rem;
    }
}
/* END Longer Titles in Entity Grids by Salvatos */

/** plugin: Quick Link Icons #1.5 code **/
.subsection a[href*="/characters"] i:before { content: "\f007"; }
.subsection a[href*="/locations"] i:before { content: "\EAD2"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/races"] i:before { content: "\EAEB"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/families"] i:before { content: "\E99E"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/items"] i:before { content: "\E9DF"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/notes"] i:before { content: "\f518"; }
.subsection a[href*="/maps"] i:before { content: "\f279"; }
.subsection a[href*="/calendars"] i:before { content: "\f073"; }
.subsection a[href*="/events"] i:before { content: "\f0e7"; }
.subsection a[href*="/journals"] i:before { content: "\EA8F"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/organisations"] i:before { content: "\EA03"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/quests"] i:before { content: "\EAE9"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/tags"] i:before { content: "\f02c"; }
.subsection a[href*="/abilities"] i:before { content: "\E9C2"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/timelines"] i:before { content: "\f252"; }
.subsection a[href*="?dashboard="] i:before { content: "\f009"; }

/** plugin: Center Image in Text Fields #1.0 code **/
/* Centers images in text fields. add (class="centerimage") inside the image tags for it to take effect */

:root
.centerimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}