/*
 * DIN font weights and styles from the Intelligence style guide:
 *
 * Thin: 300
 * Thin Italic: 300 italic
 * Light: 400
 * Light Italic: 400 italic
 * Regular: 500
 * Regular Italic: 500 italic
 * Medium: 600
 * Medium Italic: 600 italic
 * Semi Bold: 700
 * Semi Bold Italic: 700 italic
 * Bold: 800
 * Bold Italic: 800 italic
 * Extra Bold: 900
 */
/*
* 2023-07-18 - kjj
* Just spoke with Dan D. Instead of going by the style guide, we are going
* to base the Intelligence styles on the styles defined in style.css
* Note that body text will be 16px, using a weight of 400 (Light).  Up until
* now, we were using 0.833rem (roughly 13px) and a weight of 500 (Regular).
* Our mapping (intelligence-styles vs styles):
*    intel_bodytext = report-content-wrap
*    intel_h1 = head-h1
*
*/
/* Set some SASS stuff for scaling */
.intel_bodytext, .intel_abtract, .intel_listparagraph-numbered-sub, .intel_listparagraph-numbered, .intel_listparagraph-sub, .intel_listparagraph, .intel_authortitle, .intel_authorinfo, .intel_authoremail, .intel_authornames, .intel_bodytext-small, .intel_bodybold, .intel_bodytext-shading, ul.intel_ul {
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  color: var(--black);
  font-family: "DIN Next LT Pro";
}

ul.intel_ul {
  font-family: "DIN Next LT Pro";
}

.intel_intro {
  /*@extend .intel_bodytext;
  $scale: 1.25;
  font-size: toRem($base * $scale) !important;*/
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  font-family: "DIN Next LT Pro";
}

p.intel_bodytext img, p.intel_abtract img, p.intel_listparagraph-numbered-sub img, p.intel_listparagraph-numbered img, p.intel_listparagraph-sub img, p.intel_listparagraph img, p.intel_authortitle img, p.intel_authorinfo img, p.intel_authoremail img, p.intel_authornames img, p.intel_bodytext-small img, p.intel_bodybold img, p.intel_bodytext-shading img, .intel-longform-imported {
  margin-left: 0 !important;
  width: 90% !important;
  max-width: 90%;
  margin: 5px 0;
  height: auto;
  font-family: "DIN Next LT Pro";
}

.intel_bodytext-shading {
  background-color: #DCDDDE;
  padding: 8px;
  font-family: "DIN Next LT Pro";
}

.intel_bodybold {
  font-weight: bolder;
  font-family: "DIN Next LT Pro";
}

.intel_bodytext-small {
  font-size: 0.85rem !important;
  line-height: 20px !important;
  font-family: "DIN Next LT Pro";
}

.intel_question {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #A6192E;
  font-family: "DIN Next LT Pro";
}

.intel_qacharacter {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #A6192E !important;
  font-family: "DIN Next LT Pro";
}

.intel_keypoints-heading {
  /*@extend .intel_bodytext;
  $scale: 1.25;
  font-size: toRem($base * $scale);*/
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-transform: capitalize;
  font-family: "DIN Next LT Pro";
}

.intel_keypoints {
  /*@extend .intel_bodytext;
  $scale: 1.15;
  font-size: toRem($base * $scale);*/
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
  font-family: "DIN Next LT Pro";
}

ul.intel_keypoints {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-left: solid #00558C;
  margin-left: 20px;
  font-family: "DIN Next LT Pro";
}

ul.intel_keypoints li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-left: none;
  margin-bottom: 7px !important;
}

.intel_viewpoint {
  border-left: solid #4472C4;
  margin-left: 10px;
  padding-left: 15px;
}

.intel_h1 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  color: #00558C;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: #0067AC;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h2-data {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: #8E3A80 !important;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h2-qa {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: black !important;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_viewpoint-heading, .intel_h2-viewpoint {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: black !important;
  font-family: "DIN Next LT Pro";
}

.intel_h2-viewpoint {
  padding-top: 8px;
}

.intel_h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h3-shading {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  font-style: italic;
  color: black;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_h6 {
  font-size: 18px;
  line-height: 28px;
  font-family: "DIN Next LT Pro";
  padding-top: 8px;
}

.intel_authornames {
  font-weight: 500;
  font-family: "DIN Next LT Pro";
}

.intel_authortitle, .intel_authorinfo, .intel_authoremail {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1;
  font-family: "DIN Next LT Pro";
}

.intel_authorinfo {
  padding: 10px 0 0 0;
  border-top: 2px solid #000;
  line-height: 1em;
  text-decoration: none;
  font-weight: 500 !important;
  font-family: "DIN Next LT Pro";
}

.intel_listparagraph {
  line-height: 23px;
  margin-bottom: 7px;
  font-family: "DIN Next LT Pro";
}

/* Add extra top margin to the entity that follows */
/* a list paragraph or sub-list                    */
ul.intel_listparagraph + h1,
ul.intel_listparagraph + h2,
ul.intel_listparagraph + h3,
ul.intel_listparagraph + h4,
ul.intel_listparagraph + h5,
ul.intel_listparagraph + p,
ul.intel_listparagraph + div,
ol.intel_listparagraph-numbered + h1,
ol.intel_listparagraph-numbered + h2,
ol.intel_listparagraph-numbered + h3,
ol.intel_listparagraph-numbered + h4,
ol.intel_listparagraph-numbered + h5,
ol.intel_listparagraph-numbered + p,
ol.intel_listparagraph-numbered + div,
ul.intel_listparagraph-sub + h1,
ul.intel_listparagraph-sub + h2,
ul.intel_listparagraph-sub + h3,
ul.intel_listparagraph-sub + h4,
ul.intel_listparagraph-sub + h5,
ul.intel_listparagraph-sub + p,
ul.intel_listparagraph-sub + div,
ol.intel_listparagraph-numbered-sub + h1,
ol.intel_listparagraph-numbered-sub + h2,
ol.intel_listparagraph-numbered-sub + h3,
ol.intel_listparagraph-numbered-sub + h4,
ol.intel_listparagraph-numbered-sub + h5,
ol.intel_listparagraph-numbered-sub + p,
ol.intel_listparagraph-numbered-sub + div {
  margin-top: 1rem !important;
}

ul.intel_listparagraph li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: 7px !important;
}

.intel_listparagraph-sub {
  line-height: 23px;
  padding-left: 1em;
  font-family: "DIN Next LT Pro";
}

ul.intel_listparagraph-sub {
  list-style-type: "-  " !important;
  list-style-position: outside !important;
  font-family: "DIN Next LT Pro";
  padding-top: 7px;
}

ul.intel_listparagraph-sub li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-left: 0.25em;
}

.intel_listparagraph-numbered {
  line-height: 23px;
  margin-bottom: 7px !important;
  font-family: "DIN Next LT Pro";
}

ol.intel_listparagraph-numbered li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: 7px !important;
}

.intel_listparagraph-numbered-sub {
  line-height: 23px;
  padding-left: 50px !important;
  margin-bottom: 7px !important;
  font-family: "DIN Next LT Pro";
}

ol.intel_listparagraph-numbered-sub li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: 7px !important;
}

.intel_abtract {
  font-size: 0.8rem;
  font-family: "DIN Next LT Pro";
}

.intel_figurecaption {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important; /* 22px */
  font-family: "DIN Next LT Pro";
  margin-bottom: 4px;
}

.intel_figurecaption-sub {
  font-family: "DIN Next LT Pro";
  font-size: 17px !important;
  line-height: 1.3 !important; /* 22px */
  font-weight: 400 !important;
  color: #757575 !important;
  margin-bottom: 4px !important;
}

.intel_pdfonlyreport {
  display: flex;
  align-items: center;
  justify-content: left;
  font-family: "DIN Next LT Pro";
}

.intel_pdfonlyreport div {
  flex-basis: 50%;
}

.intel_pdfonlyreport div img {
  max-width: 100%;
  border: 1px solid #000;
}

.intel_pdfonlyreport div.intel_bodytext, .intel_pdfonlyreport div.intel_bodytext-shading, .intel_pdfonlyreport div.intel_bodybold, .intel_pdfonlyreport div.intel_bodytext-small, .intel_pdfonlyreport div.intel_authornames, .intel_pdfonlyreport div.intel_authortitle, .intel_pdfonlyreport div.intel_authoremail, .intel_pdfonlyreport div.intel_authorinfo, .intel_pdfonlyreport div.intel_listparagraph, .intel_pdfonlyreport div.intel_listparagraph-sub, .intel_pdfonlyreport div.intel_listparagraph-numbered, .intel_pdfonlyreport div.intel_listparagraph-numbered-sub, .intel_pdfonlyreport div.intel_abtract {
  padding: 0 0 0 20px;
}

/*********/
/* FOR TESTING MAMMOTH */
body.mammoth {
  min-height: 100vh;
  max-width: 800px;
  margin: 0 auto;
}

img.mammoth {
  max-width: 75%;
  margin: 1rem;
  display: block;
}

.layout-form.clearfix {
  padding-right: 50px;
  margin-left: 50px;
}

.layout-region.layout-region--main {
  margin-left: 0px;
  width: 802px;
}

.layout-region.layout-region--secondary {
  width: 450px;
}

.layout-region.layout-region--footer {
  margin-left: 0;
}

/*
Here are the Style mappings for the CKEditor 5 Styles dropdown:

p.intel_intro|Intro
span.intel_keypoints-heading|KP Heading
span.intel_keypoints|Key Points
h2.intel_h2-viewpoint|Viewpoint heading
div.intel_viewpoint|Viewpoint
p.intel_bodytext|Body Text
p.intel_bodytext-small|Body Small
p.intel_bodytext-shading|Body Text Shading
span.intel_listparagraph|List Paragraph
span.intel_listparagraph-numbered|LP #
span.intel_listparagraph-sub|LP sub
span.intel_listparagraph-numbered-sub|LP # sub
span.intel_figurecaption|Figure caption
h1.intel_h1|Heading 1
h2.intel_h2|Heading 2
h2.intel_h2-data|Heading 2 Data
h2.intel_h2-qa|Heading 2 Q&A
h3.intel_h3|Heading 3
h3.intel_h3-shading|H3 w/ Shading
h2.intel_h4|Heading 4
span.intel_authorinfo|Author Info
span.intel_question|Question
span.intel_qacharacter|Q_A Character


*/