/* Base */
html, body { font-family: 'Montserrat'; font-weight: normal; color: #242C3F; font-size: 12px; }
label { font-family: "Core Sans"; font-weight: 800; margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus { color: inherit; outline-width: 0; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .element_title { color: #252B3E; } /* Remove Element title */
.text-font { font-family: 'Montserrat' !important; }

/* Font Awesome Colouring */
.fa-smile { color: #4FAA5F; }
.fa-meh { color: #ED5F2D; }
.fa-frown { color: #D11A03; }
.fa-fire { color: #D21B04; }
.fa-star { color: #DFE20C; }
.fa-times { cursor: pointer; margin: 0 10px; }
.fa-trash { cursor: pointer; }
.fa-arrow-circle-right, .fa-arrow-circle-right:visited { color: #F07E32; }
.fa-arrow-circle-right:focus, .fa-arrow-circle-right:hover { color: #ED5F2D; text-decoration: none; }
/* Font Awesome icons */
span.arrow, span.caret { margin-right: 2px; }
/* arrows */
span.arrow.down::after { content: "\f063"; }
span.arrow.up::after { content: "\f062"; }
span.arrow.left::after { content: "\f060"; }
span.arrow.right::after { content: "\f061"; }
/* round icon arrows */
span.arrow.rup::after { content: "\f0aa"; }
span.arrow.rdown::after { content: "\f0ab"; }
span.arrow.rleft::after { content: "\f0a8"; }
span.arrow.rright::after { content: "\f0a9"; }
/* dash */
span.arrow.dash::after { content: "-"; }
/* caret */
span.caret.up::after { content: "\f0d8"; }
span.caret.down::after { content: "\f0d7"; }
span.caret.left::after { content: "\f0d9"; }
span.caret.right::after { content: "\f0da"; }
/* Enforced sizing */
.fs-8 { font-size: 8px !important; }
.fs-9 { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 20px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-32 { font-size: 32px !important; }
.fs-40 { font-size: 40px !important; }
/* Enforces weighting */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.fw-norm { font-weight: normal !important; }
/* Colouring */
.red { color: #FF0000; }
.orange { color: #EF6033; }
.yellow { color: #D6B600; }
.green { color: #56AC63; }
.grey { color: #787C7E; }
/* Align */
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }
/* Displays */
.display-medium { font-size: 20px !important; font-weight: 700; }
.display-large { font-size: 40px !important; font-weight: 800; }
/* Transform & interact */
.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.allow-select {
    -webkit-touch-callout: text !important; /* iOS Safari */
    -webkit-user-select: text !important; /* Safari */
    -khtml-user-select: text !important; /* Konqueror HTML */
    -moz-user-select: text !important; /* Firefox */
    -ms-user-select: text !important; /* Internet Explorer/Edge */
    user-select: text !important; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.upper { text-transform: uppercase; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }
.bolder { font-weight: 600 !important; }
.boldest, .bold { font-weight: bold !important; }
.description { font-size: 10px; margin: 4px 0; }
.fade { opacity: 0.6 !important; }
.a { color: #337AB7; cursor: pointer; }
.a:hover { text-decoration: underline; }
.spaced { letter-spacing: 4px; }
.spaced-mega { letter-spacing: 8px; }
.defaultcase { text-transform: initial !important; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.titlecase { text-transform: capitalize !important; }
.no-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: none; }
/* Block styles */
.pxp-block h1, .pxp-flex-parent h1, .flex h1 { color: inherit; font-size: 36px; font-weight: 800; margin: 10px 0; text-transform: uppercase; }
.pxp-block h2, .pxp-flex-parent h2, .flex h2 { color: inherit; font-size: 20px; font-weight: 800; margin: 10px 0; text-transform: uppercase; }
.pxp-block h3, .pxp-flex-parent h3, .flex h3 { color: inherit; font-size: 16px; font-weight: 800; margin: 10px 0; text-transform: uppercase; }
.pxp-block h4, .pxp-flex-parent h4, .flex h4 { color: inherit; font-size: 14px; font-weight: 600; margin: 0 auto 5px; }

.pxp-chart-legend li .fa-times { margin: 0 0 0 5px !important; }



/* Buttons */
.btn {
    background: #F07E32;
    background-image: linear-gradient(to bottom, #f07e32, #ed5f2d);
    border: none;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 10px 10px 8px 10px;
    min-width: 139px;
}
.alt-btn {
    background-color: #D7E1FA; border: solid 1px #BAC7E5; border-radius: 6px; cursor: pointer; display: inline-block; padding: 5px 8px;
}
.alt-btn:hover { background-color: #EF6033; border-color: #EF6033; color: #FFFFFF; }

.btn.white { background: #FFFFFF; color: #F07E32; }
.btn.dark { background: #242C3F; color: #FFFFFF; }
.btn:hover, .btn:visited, .btn:focus { color: #FFFFFF; background: #ed5f2d; border-color: #ed5f2d; }
.btn.sm { font-size: 12px; padding: 8px 8px 6px 8px; line-height: 15px; }
.divide { width: 57px; background: #C7D1E8; height: 2px; margin: auto; }

/* Headings */
/* Headings in blocks */
.block-title { margin: 0 0 20px 0; font-size: 20px; }
h1.block-title { text-transform: uppercase; font-size: 40px; font-weight: bold; margin-top: 25px; margin-bottom: 25px; }
h2.block-title { text-transform: uppercase; margin: 0; margin-top: 20px; width: 100%; font-size: 30px; font-weight: bold; }
h3.block-title { font-weight: 600; }
h4.block-title { font-size: 16px; font-weight: 600; }


/* Stats */
.highlight-stat { margin-bottom: 20px; }
.highlight-stat p { font-size: 14px; font-weight: 500; margin-bottom: 0px; }
.stat.orange { color: #EF6033; }
.stat-title { font-weight: 500; }
.stat.lrg { font-size: 40px; font-weight: bold; margin-bottom: 0px; }
.stat.xlrg { font-size: 45px; font-weight: bold; margin-bottom: 0px; line-height: 60px; }
.stat_header.sml { font-size: 14px; }
.stat-label { font-weight: 200; font-size: 12px; }
/* Coloured status */
.stat.negative { color: #F45A59; }
.stat.neutral { color: #AC9802; }
.stat.positive { color: #56AC63; }

/* Stat change */
.stat-change { font-size: 12px; vertical-align: middle; margin-left: 3px; font-weight: 500; }
.stat-change .fas { margin-right: 2px; }
.xlrg .stat-change { font-size: 16px; font-weight: 700; }
.element_title { font-weight: 600; font-size: 18px; margin-bottom: 30px; }

/* Source Table */
table.hertzian-standard { width: 100%; }
table.hertzian-standard th, table.hertzian-standard td { padding: 4px 10px; text-align: center; }
table.hertzian-standard th.left, table.hertzian-standard td.left { float: None; text-align: left; }
table.striped tbody tr:nth-child(odd) { background-color: #EFEFEF; }
table.small { font-size: 12px; }
table.xsmall { font-size: 10px; font-weight: 500; }
table.hertzian-standard.bordered th, table.hertzian-standard.bordered td { border: solid 1px #BAC7E5; }

/* Sentiment face icon in table */
table.hertzian-standard .face.small { vertical-align: middle; }
table.hertzian-standard .sentiment-table { vertical-align: bottom; margin-left: 5px; }
table.hertzian-standard .more-btn { font-size: 16px; vertical-align: middle; }

.more-btn, .more-btn:visited { font-size: 20px; color: #F07E32; }
.more-btn:hover, .more-btn:focus { text-decoration: none; color: #ED5F2D; }

/* Chart Titles */
.chart_title { margin-bottom: 20px; font-size: 15px; font-weight: 500; }

/* Breadcrumbs */
#breadcrumbs { text-transform: capitalize; }
.breadcrumb{
    width:auto;
    display:inline-block;
    background:none;
    border-radius: 0px;
    padding:0;
    margin:0;
    color:#202736;
}
.breadcrumb a { color: #000000; }
.breadcrumb::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #F46034;
    margin: 5px 5px 0px;
    position: relative;
    top: -2px;
}
.breadcrumb:last-of-type { font-weight: 600; }

/* Definitions */
.title-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 75px;
}
.title-heading .block-title { margin: 0; }

#definition { margin: 10px auto 0 0; }
