@font-face {
  font-family: "Playfair";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "PlayfairBold";
  font-style: normal;
  font-weight: 700;
    src: url("/fonts/PlayfairDisplay-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "WorkSansExtraBold";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/WorkSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "glyphicons";
  src: url("/fonts/glyphicons-regular.eot"),
      url("/fonts/glyphicons-regular.svg"),
      url("/fonts/glyphicons-regular.ttf") format("truetype"),
      url("/fonts/glyphicons-regular.woff"),
      url("/fonts/glyphicons-regular.woff2");
}
@font-face {
  font-family: "filetypes";
  src: url("/fonts/glyphicons-filetypes-regular.eot"),
      url("/fonts/glyphicons-filetypes-regular.svg"),
      url("/fonts/glyphicons-filetypes-regular.ttf") format("truetype"),
      url("/fonts/glyphicons-filetypes-regular.woff"),
      url("/fonts/glyphicons-filetypes-regular.woff2");
}

body
{
    font-family: 'Playfair', serif;
    color:#575757;
    font-weight: normal;
    font-style: normal;
    font-variant-numeric: lining-nums;
}
h1
{
    font-family: 'PlayfairBold', sans-serif;
    font-style: normal;
    text-align: center;
    color: #575757;
    margin: 1em 0 1em 0;
}
h3
{
    font-family: 'PlayfairBold', serif;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #575757;
    margin: 1em 0 1em 0;
}
h4 
{
    font-family: 'Playfair', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
    text-align: center;
    color: #575757;
    margin-bottom: 0;
}
h5 
{
    font-family: 'Playfair', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.05em;
    text-align: center;
    color: #575757;
    margin-bottom: 0;
}
h6 
{
    font-family: 'Playfair', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    text-align: center;
    color: #575757;
    margin-bottom: 0;
}
hr 
{
    padding-bottom: 1em;
}
strong
{
    font-family: 'PlayfairBold', serif;
    font-weight: bold;
    font-style: normal;
    color: #575757;
}

.navbar-nav 
{
    font-family: 'Playfair', serif;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}
.card-block p {
    /* text-align:center !important; */
    line-height:1.25em !important;
}
#crimson-header {
    background-color:#743F3B;
}
#red-header {
    background-color:#BF4F3D;
}
#orange-header {
    background-color:#D98F2C;
}
#blue-header {
    background-color:#7385A2;
}
#yellow-header {
    background-color:#C0A93A;
}
#grey-header {
    background-color:#575757;
}
#lightgrey-header {
    background-color:#C1B7B3;
}
#RVS-header {
    background-color:#0e96e1 ;
}

#crimson-header h5, #red-header h5, #orange-header h5, #blue-header h5, #yellow-header h5, #grey-header h5, #grey-header h6 {
    color:#FFF;
}

a.crimson:link, a.crimson:visited {
    color:#743F3B;
}
a.red:link, a.red:visited {
    color:#BF4F3D;
}
a.orange:link, a.orange:visited {
    color:#D98F2C;
}
a.blue:link, a.blue:visited {
    color:#7385A2;
}
a.yellow:link, a.yellow:visited {
    color:#C0A93A;
}
a.grey:link, a.grey:visited {
    color:#575757;
}

/* TELERIK STYLING 
-----------------------------------------------------------------------------*/
#rpbSearch {
    font-family: 'Playfair', serif !important;
    font-size:xx-large !important;
    color:#575757;
}

/* LINK ICONS
-----------------------------------------------------------------------------*/
.linkout:after {
  font-family: "glyphicons";
  content: "\e390";
  margin-left:.25em;
}
.PDFlink:after {
  font-family: "filetypes";
  content: "\e065";
  margin-left:.25em;
}
.PNGlink:after {
  font-family: "filetypes";
  content: "\e049";
  margin-left:.25em;
}
.ZIPlink:after {
  font-family: "filetypes";
  content: "\e107";
  margin-left:.25em;
}

/*** POST-MIGRATION CSS UPDATES ***/
.expand-summary-text {
    font: inherit;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

/* Panelbar fixes*/
.k-link,
.k-panelbar-content {
    border: solid;
    border-width: thin;
    border-color: #999;
}

.k-panelbar-toggle {
    min-width: 1.25em; /* The chevron keeps disappearing without this */
}

.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: #ffa517;
    border-color: #ca4b0c;
}

.k-panelbar-content label {
    font: normal 12px/24px "Segoe UI",Arial,sans-serif;
    margin-bottom: unset;
}

.k-panelbar-content input {
    margin-left: 0.25em;
}

/* Panelbar and Tabstrip shared fixes */
.k-panelbar > .k-panelbar-header > .k-link,
.k-tabstrip-items > .k-item > .k-link {
    padding-block: unset;
}

.k-panelbar > .k-panelbar-header > .k-link:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-hover,
.k-panelbar > .k-panelbar-header > .k-link:hover strong,
.k-panelbar > .k-panelbar-header > .k-link.k-hover strong,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover strong,
.k-panelbar > .k-panelbar-header > .k-link.k-selected strong,
.k-tabstrip-items-wrapper .k-item:hover {
    color: #892500;
}

.k-panelbar > .k-panelbar-header > .k-link:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-hover,
.k-tabstrip-items-wrapper .k-item:hover {
    background-color: #ffe79c;
    border-color: #c98400;
}

.k-panelbar > .k-panelbar-header > .k-link,
.k-tabstrip-items-wrapper .k-item {
    background: #e4e4e4;
    color: #000;
    font: normal 12px/24px "Segoe UI",Arial,sans-serif;
}

/* Tabstrip fixes */
.k-tabstrip-items .k-item:active,
.k-tabstrip-items .k-item.k-active {
    font-weight: inherit;
}

.k-tabstrip-items-wrapper .k-item.k-active {
    color: #000;
    background: #fff;
    border-color: #fff;
}

.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

.k-tabstrip-content > .card {
    border: none;
}

.k-tabstrip-content > .card > .card-body {
    padding: 0;
    font-family: 'Playfair', serif;
    color:#575757;
    font-weight: normal;
    font-style: normal;
    font-variant-numeric: lining-nums;
}

/*Grid Fixes*/ 
.k-grid,
.k-grid td{
    font-size: 12px;
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: middle;
    text-align: center;
}

/* The grid headers have too much vertical padding by default */
.k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding-block: var(--kendo-spacing-1, 0.25rem); 
}

.k-grid-md td,
.k-grid-md .k-table-td {
    padding-block: var(--kendo-spacing-1, 0.25rem);
}

.k-column-title {
    white-space: break-spaces;
}

.k-table-th > .k-cell-inner > .k-link {
    border: none;
}

.k-table-td a {
    color: #000;
}

.k-table-td a:hover {
    text-decoration: underline;
}

/* Disable color change for hover in the grids */
.k-grid:not(.k-table-alt-row) tr:hover {
    background-color: transparent !important;
}

.k-grid tr.k-table-alt-row:hover {
    background-color: #f3f4f4 !important;
}

/* Center and bold the NoRecords text on grids*/
.k-grid-norecords {
    justify-content: center;
    font-weight: bold;
}

/* Loading spinner on tables won't show without this because grids have no height */
/* https://docs.telerik.com/kendo-ui/controls/grid/appearance/height#configuring-the-loading-indicator */
div.k-grid-content {
    min-height: 100px;
}

/* Remove scrollbars in Chrome */
.k-grid-content {
    overflow-y: auto;
}