@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);

html {
    border-top: 10px solid #ddd;
	border-top: 10px solid rgba(0,0,0,.25);
}

body {
	margin-top: 25px;
	background-color: #FFF;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem; font-size: 16px;
	color: #333;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.hidden {
    display: none;
}

.flex {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.align-items-center {
    -webkit-align-items: center;
    align-items: center;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans", sans-serif;
	color: #01256e;
}

h1 {
	font-size: 3em;
	line-height: 1.2;
}

h2:first-child {
    margin-top: 25px;
}

h2 {
    margin-top: 35px;
	color: #00144d;
}

h3 {
    margin-top: 25px;
}

p {
    font-size: 1rem; font-size: 16px;
}

a, li.toggle {
	text-decoration: none;
	color: #95001a;
	word-wrap: break-word;
	-ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

a:visited {
	color: purple;
}

a:hover, a:visited:hover {
	color: #009;
	cursor: pointer;
}

.article a {
    border-bottom: 1px solid;
}

.article a:hover, a:visited:hover {
    border-bottom: none;
}

b, strong {
	font-weight: 700;
}

date {
    text-align: right;
    display: block;
}

date + h2 {
    margin-top: 0;
}

blockquote, blockquote p {
	font-size: 14px; font-size: 1em;
	line-height: 24px;
	font-weight: 400;
}

table {
	width: 98%;
	margin-bottom: 15px;
	vertical-align: top;
}

table tr th {
	font-weight: 700;
}

table tr td {
	border-bottom: 1px solid #CCC;
}

table tr th {
	background-color: rgba(0,0,0,.10);
}

table tr th, table tr td {
	text-align: left;
	padding: 5px;
}

sup {
	vertical-align: super;
	top: inherit;
	}

.site-name {
    display: block;
    float: right;
    color: #82afd3;
}

.PMACS {
    color: #f2c100;
    font-size: 2em;
    display: block;
}

.PMACS:hover,
.PMACS:visited:hover {
    color: #82afd3;
}

.PMACS:visited,
.PMACS:active{
    color: #f2c100
}

img[style*="float: right"],
img[style*="float:right"] {
    margin: 10px 0 10px 20px;    
}

img[style*="float: left"],
img[style*="float:left"], .float-left {
    margin: 10px 20px 10px 0;    
}

header {
    margin-bottom: 20px;
}

header .logos, header .grid {
	background-color: #00144d;
}

.logos {
	padding: 20px;
}

.dart-logo {
    float: right;
}

header .grid.site-title {
    background-color: white;
	margin: 30px auto;
}

.site-title {
	text-align: center;
	padding-bottom: 20px;
}

.site-title {
    border-bottom: 7px double #cfd0d2;
}

.site-title a:visited {
	color: #009;
}

.site-title a:hover, .site-title a:visited:hover {
    color: #95001a;
}

nav {
	padding-bottom: 15px;
}

nav p {
	font-size: 1.5em;
	line-height: 1.5em;
}

nav a, nav .toggle {
	display: block;
	font-weight: 700;
	padding: 10px 0;
	font-size: 1.1em;
	color: #009;
}

nav a:hover {
    color: #95001a;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {
	list-style-type: none;
	border-bottom: 1px solid #CCC;
	padding: 0;
	margin: 0;
}

nav ul li.toggle.opened {
    border-bottom: none;
}

.article + .article {
    margin-top: 15px;
}

.toggle.closed:after {
    content: "\00a0\2193";
}

.toggle.opened:after {
    content: "\00a0\2191";
}

span.description {
    display: block;
}

.description {
    border-bottom: 1px solid #CCC;
}

.description li {
	list-style-type: none;
	border-bottom: none;
	padding: 0;
	margin: 0 0 0 20px;
}

.past-newsletters {
    margin-top: 25px;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.05);
}

.past-newsletters ul {
    padding: 0;
    margin: 0;
}

.past-newsletters li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0;
    border-bottom: none;
}

.past-newsletters li.opened {
    margin-bottom: 0;
}

.past-newsletters .description li {
    list-style-type: none;
    border-bottom: none;
    padding: 0;
    margin: 0 0 0 20px;
}

.past-newsletters a,
.past-newsletters .toggle {
    display: block;
    font-weight: 400;
    padding: 10px 0;
    font-size: 1.1em;
}

.did_know {
    padding: 10px 15px;
    background-color: #600;
    color: #fff;
}

.metrics {
    flex-wrap: wrap;
}

.metrics div {
    width: 50%;
}

.metrics h5, .metrics h5 + p {
    margin-bottom: 0;
}

.metrics tr, .metrics td {
    background: none;
    border: none;
    vertical-align: top;
}

footer {
    margin: 40px 0 25px 0;
}

footer .grid {
    background-color: #00144d;
    color: white;
}

footer .grid .unit {
    padding-top: 30px;
    padding-bottom: 40px;
}

footer a {
    color: #f2c100;
    border-bottom: none;
}
 
footer a:visited {
    color: #efd778;
}

footer a:hover, footer a:visited:hover {
    color: #82afd3;
}

footer p {
    margin-bottom: 0;
}

.contact-title {
    color: #9cf;
    font-weight: 700;
}

.fa-twitter {
    color: #82afd3;
    margin-right: 30px;
}

#copyright {
    margin-bottom: 25px;
    text-align: center;
}

/* BACK TO TOP*/

.top_page {
	position: fixed;
    bottom: 75px;
    right: 20px;
    border: none;
    text-align: right;
}

a.scrollToTop {
    visibility: hidden;
    opacity: 0;
    padding: .75em;
    display: inline-block;
    background-color: #00144d;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 3px;
}

a.scrollToTop:hover {
	background-color: #95001a;
	color: #FFF;
}

a.scrollToTop:hover i:before,
.scrollToTop {
	-ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.scrollToTop.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.scrollToTop.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .75;
}

@media screen and (max-width: 630px) {
    
  .flex {
      display: block;
  }
  
  
  header .grid .unit.one-quarter, header .grid .unit.three-quarters {
      width: 100%;
  }
  
  .logo img {
      display: block;
      margin: 10px auto 0 auto;
  }
  
  .dart-logo {
      display: block;
      float: none;
      text-align: center;
  }
  
  .metrics div {
        width: 100%;
    }
    
    footer .tweet {
        text-align: center;
    }  
    
    .fa-twitter {
        margin-right: 0;
    }
  
}

@media screen and (max-width: 568px) {
    
    footer .flex {
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    footer > .flex {
        flex-wrap: wrap;
    }
    
    footer .contact p {
        text-align: center;
    }
    
    footer .tweet {
        border-top: 1px solid #002B55;
        margin: 0 25px;
        text-align: left;
    }
    
    .fa-twitter {
        margin-right: 30px;
    }
    
}