/* PopulationHealth Styles
------------------------------------------------
[Table of contents]
  0. Colors
  1.Global
  2.Layout
  3.Main
  4.Sidebars
  5.Header
  6.Navigation
  7.Nodes
  8.Comments
  9.Blocks
  10.Footer
  11.CSS Support

/****************** 
  Color Variables
*******************/
:root {
  --color-primary: #005DA9;
  --color-white: #ffffff;
  --color-custom-white-90: #FFFFFFE6;
  --color-dark-gray: #666666;
  --color-gray: #888888;
  --color-million-grey: #999999;
  --color-light-gray: #cccccc;
  --color-american-silver: #cfcfcf;
  --color-steam: #DDDDDD;
  --color-charcoal: #333333;
  --color-dark-blue: #002F55;
  --color-tofino-belue: #00719A;
  --color-red: #FF0000;
  --color-night-dive: #002F55;
  --color-bright-blue: #1e22aa;
  --color-mercury: #ebebeb;
  --color-welded-iron: #6E6E6E;
  --color-smoked-pearl: #6e6e72;
  --color-moustache-grey: #7e7e7e;
  --color-grey-shingle: #939393;
  --color-eye-patch: #222222;
  --color-impulse-blue: #006699;
  --color-brilliant-azure: #3399ff;
  --color-incremential-blue: #16345a;
  --color-bleu-ciel: #00789f;
  --color-gilded-leaves: #eca13b;
  --color-russet-orange: #e57125;
  --color-moor-monster: #215A2D;
  --color-san-felix: #276B35;
  --color-light-blue: #AAD9FF;
  --color-blue-cola: #027CDF;
  --color-jasper-orange: #E48D4F;
  --color-beluga: #f1f1f1;
  --color-brown-red: #9E3226;
  --color-piezo-blue: #9fc8de;
  --color-placebo: #e7e7e7;
  --color-klaxosaur-blue: #338bc6;
  --color-maniac-mansion: #003E55;
  --color-pulsating-blue: #00668c;
  --color-berry-light: #6a3c69;
  --color-rooibos-tea: #AD3829;
  --color-tabasco: #9F260F;
  --color-crystal-bell: #efefef;
  --color-ultimate-grey: #a9a9a9;
  --color-shade-of-grey: #4f5050;
  --color-westchester-grey: #787878;
  --color-sooty: #141414;
  --color-starry-night: #276590;
}

/****************** 
    Globals 
*******************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: var(--color-white);
	color: var(--color-dark-gray);
	font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 20px 0 0;
	padding: 0 0 25px;
	line-height: 1.5;
}

b, strong { font-weight: bold; }
em, i { font-style: italic; }

.rteright {
	text-align: right;
}

#main {
  display: inline;
  margin: 0;
}

/* Buttons/Links */

a, 
a:visited, 
a:hover {
	color: var(--color-primary);
}

*:focus {
	outline: none !important;
	outline:  0 !important;
}

.red_button a {
	display: block;
	margin: 0 10px;
	background: url("../images/arrow.png") no-repeat right center;
	color: var(--color-white);
	font-weight: 400;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: var(--color-white);
}

#header .region-header,
#highlighted .region-highlighted,
#container .main-container,
header .container,
#footer .container {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.region-header {
	padding-top: 8px;
	padding-bottom: 28px;
}

#main {
	padding: 10px;
	display: block;
}

h1#page-title,
.content h1, 
.content h2, 
.content h3,
.content h4, 
.content h5, 
.content h6 {
	color: var(--color-primary);
	margin: 0 0 15px;
}

.not-front #header { 
	margin-bottom: 20px; 
}

.node__content h1 { 
	line-height: 35px; 
}

h1#page-title {
	margin: 0 0 20px;
}

/* Sidebar */
/* 3 columns */

body.two-sidebars #main {
  float: left;
  margin: 0 0 0 240px;
  padding: 0;
  width: 460px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #main {
  float: right;
  margin: 0;
  padding: 0;
  width: 700px;
}

/* 2 columns: sidebar-second */

.main-content--has-sidebar {
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
}

/**
 * 4.SIDEBARS
 */

/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {
  float: left;
  margin: 0 0 0 -700px;
  padding: 0;
  width: 220px;
}

/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 220px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
}

/* 2 columns: sidebar-second */

#sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 220px;
}

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

.tabs-wrapper {
  border-bottom: 1px solid var(--color-charcoal);
  margin: 0 0 1.4375em;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, 
ul.primary li a.active {
  border: none;
  background: var(--color-dark-gray);
  color: var(--color-white);
}

ul.primary li a:hover {
  background: var(--color-gray);
  text-decoration: none;
}

ul.secondary {
  background: var(--color-dark-gray);
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: var(--color-light-gray);
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: var(--color-gray);
  color: var(--color-white);
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: var(--color-red);
  text-transform: capitalize;
  margin-left: 1em;
}

.node {
  margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom: 1.5em;
}




/* Responsive */

@media screen and (max-width: 640px) { 
	#container {
	    padding: 0 20px;
	    width: auto;
	}
}