#description {
	color: #062B4F !important;
}

#footer a,
#footer a:visited {
	color: #4A78B8 !important;
}

#footer a:hover {
	color: #062B4F !important;
}

.entry ul,
.c-body ul {
	list-style: none !important;
	padding-left: 20px !important;
}

.entry ul li,
.c-body ul li {
	background: none !important;
	position: relative;
	padding-left: 15px !important;
	margin: 5px 0;
}

.entry ul li::before,
.c-body ul li::before {
	content: "•" !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
}
/* IGOR Science: append below the existing Additional CSS.
   Prepared for the current Titan theme; not yet published or browser-tested.
   Full mobile behaviour also requires this line inside the document head:
   <meta name="viewport" content="width=device-width, initial-scale=1">
   CSS cannot add that HTML line. */

body { min-width: 0; }
.wrapper { width: calc(100% - 40px); max-width: 960px; }
#content { width: 67.5%; }
#sidebar { width: 27.708333%; }
#content .entry.page { width: 100%; max-width: 628px; }
.entry { font-size: 15px; }
.entry p, .entry li { line-height: 1.6; }
#header-image, .entry img { max-width: 100%; height: auto; }
.entry iframe, .entry video { max-width: 100%; }

/* Expose dropdowns on keyboard focus, as well as hover. */
#navigation { overflow: visible; }
#nav::after { content: ""; display: table; clear: both; }
#nav li { position: relative; }
#nav ul { z-index: 1000; width: 230px; }
#nav li li { float: none; width: 100%; box-sizing: border-box; }
#nav li li a { width: auto; }
#nav li:hover > ul, #nav li:focus-within > ul { left: 0; }
#nav li li:hover > ul, #nav li li:focus-within > ul {
  left: 100%; top: 0; margin: 0;
}
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 3px solid #062b4f; outline-offset: 3px;
}

/* Stack footer columns before their fixed widths become too narrow. */
@media screen and (max-width: 980px) {
  #footer-first, #footer-second, #footer-third {
    float: none; width: 100%; margin: 0 0 24px;
  }
}

@media screen and (max-width: 800px) {
  .wrapper { width: calc(100% - 32px); }
  #content, #sidebar { float: none; width: 100%; }
  #content .entry.page { max-width: none; }
  #sidebar { clear: both; padding-top: 24px; }
  #title { float: none; padding: 16px 0 4px; line-height: 1.25; }
  #description { float: none; margin: 0 0 20px; line-height: 1.5; }
  #header-image { margin-bottom: 24px; }

  /* Keep all existing navigation links available on touch screens. */
  #nav { line-height: 1.5; }
  #nav > li { float: none; border-right: 0; }
  #nav a { padding: 10px 12px; }
  #nav ul, #nav li ul ul {
    position: static; left: auto; width: auto; height: auto; margin: 0;
  }
  #nav li li { border: 0; border-left: 2px solid #dbdbe9; }
  #nav li li a { padding: 8px 12px 8px 24px; }
}

@media screen and (max-width: 480px) {
  .entry .alignleft, .entry .alignright {
    float: none; display: block; margin: 0 auto 18px;
  }
  .entry table { display: block; max-width: 100%; overflow-x: auto; }
}