/* Baiscs
================================ */
body {
  font-family: "Raleway", sans-serif;
}


row, .row {
	max-width:100%;	
}

/* Default Link Styles */
a {
  color: #1bbaaa;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #17a092; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.35; }
p.extra-small {
	font-size: 60%;
	color:gray;
}
p.chart-small {
	font-size: 50%;
	line-height: 0.9;
	color:black;
	margin-bottom: 0;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 2rem;
  text-rendering: optimizeLegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0; }
@media screen and (min-width: 64em) {
	/* large and up */
h1 {
  font-size: 2.125rem; }
h2 {
  font-size: 1.6875rem; }
h3 {
  font-size: 1.375rem; }
h4 {
  font-size: 1.125rem; }
h5 {
  font-size: 1.125rem; }
h6 {
  font-size: 1rem; }
}
@media screen and (max-width: 39.9375em) {
      /* headings for small only */
h1 {
  font-size: 1.375rem; }
h2 {
  font-size: 1.125rem; }
h3 {
  font-size: 1.125rem; }
h4 {
  font-size: 1rem; } 
h5 {
  font-size: .9rem; } 
h6 {
  font-size: .8rem; }
  }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
      /* headings for medium only */
h1 {
  font-size: 1.6875rem; }
h2 {
  font-size: 1.375rem; }
h3 {
  font-size: 1.125rem; }
h4 {
  font-size: 1.125rem; }
h5 {
  font-size: 1rem; } 
h6 {
  font-size: .9rem; }  
  
}       
         
/* Navigation HORSESHIT
================================ */

top-bar, .top-bar, title-bar, .title-bar {
	padding:0px;
	background: #505050;
	color:#1bbaaa;
	max-height:45px;
}
.top-bar ul {
	background: #505050;
	}
.top-bar input {
	max-height: 29px;
	margin-right: 2rem;
}	
.menu input {
	max-height: 27px;
	margin-top:2px;
	margin-right: 2rem;
	font-size:60%;
}
.menu button {
	margin-right: 0; 
}

.title-bar-left {
	/* the mobile menu hamburger */
	background: black;
	height:45px;
	width:45px;
}
.title-bar-title {
	/* padding: 7px; */

}
.nav-logo-shrinker {
	/* margin: -.1rem .3rem 0 .1rem; */
	height: 39px;
}
.top-bar-title {
	/* the desktop menu hamburger */
	background:black;
	padding: .6rem .5rem .8rem .7rem;
	height:45px;
	width:45px;
	margin-right:0;
}

.top-bar .top-bar-right .button {
	max-height: 44px;
}
.title-bar-right .button {
	max-height: 44px;
}
.title-bar .menu-icon {
	margin: 0.9rem .8rem 1rem .7rem;
}
.top-bar .menu-icon {
	margin-top:2px;
}
.menu-icon {
	background: black;
	border:none;
}
.menu-icon:hover {
	background: black;
	/* this is actually nav related - reset shit here */
}
.menu-icon:hover::after {
	background: #1bbaaa;
	box-shadow: 0 7px 0 #1bbaaa, 0 14px 0 #1bbaaa;
}
 .menu > li > a {
    padding: 0.2rem .7rem;
     }
/*     .menu menu-text {
     padding: 0.8rem 1rem;
     }
     */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #1bbaaa transparent transparent;
}     
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
	background: #505050;
}
.menu.vertical > li  {
	padding-top:.5rem;
	padding-bottom: .25rem;
	line-height:2;	
	color:#1bbaaa;
}  
.off-canvas {
	background: black;
}

/* Buttons
================================ */

topic-button, .topic-button { 
	/* not sure this is used at all anymore! */
        border-style: solid;
        border-width: 1px;
        font-family: inherit;
        font-weight: bold;
        line-height: 1;
        position: relative;
        text-decoration: none;
        text-align: center;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #009fd9;
        color: #fff;
        box-shadow: rgba(255, 255, 255, .4) 0 1px 0 inset;
        border-color: #008cbf;
        font-size: 12px;
        padding: 5px 6px;
        margin-top: 2px;
        cursor: pointer;
}
button, .button {
border: 1px solid #01546b;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #1abae7;
color: white;
display: inline-block;
font-size: inherit;
font-weight: bold;
background-color: #0a87aa;
background-image: -webkit-linear-gradient(#0a87aa, #01607b);
background-image: linear-gradient(#0a87aa, #01607b);
text-decoration: none;
text-shadow: 0 1px 0 #004558;
background-clip: padding-box;
margin-bottom: 2px;
margin-right: 5px;
}
button:hover, .button:hover {
	background-color: #0c728f;
background-image: -webkit-linear-gradient(#0c728f, #02546b);
background-image: linear-gradient(#0c728f, #02546b);
box-shadow: inset 0 1px 0 0 #1396bb;
cursor: pointer;
}


/* Logos & Icons
================================= */

p, a {
  font-family: 'Raleway', sans-serif; }

.iconstyle {
	font-size: 120%;
display: inline-block;
vertical-align: middle;
margin-left: .5rem;
}
/* Article Card
================================= */
.article-card {
  background: white;
  border: 1px solid #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  margin: 1rem .5rem 0rem .5rem;
  /*    overflow: hidden;  */
  /* min-height: 400px; */
  position: relative;
  /* Styles for little information boxes that appear inside article cards */ }
  .article-card ul {
    margin: 0; }
  .article-card hr {
    margin: 1em auto;
    color: #444;
    width: 90%; }
  .article-card .article-card-content h3 {
    text-transform: capitalize;
    font-family: 'Libre Baskerville', serif;
    margin-top: 1em;
    line-height: 1.2; }
  .article-card .article-card-content h5 {
    margin-bottom: 1em;
    line-height: 1.3; }

  .article-card .button-group {
    padding: 0rem 1.5rem 0rem;
    margin-bottom: 2rem;
    /*margin-bottom: calc(68px); */ }

  .article-card .stats-box {
  max-height: 25px;
  height:25px;
    padding: .4rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #f7f7f7;
    color: #999;
    border: none;
    margin-bottom: 0;
    /* margin-top: 2rem; */
    /* border-left: 6px solid #008CBA; */
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2); }
.article-card .stats-box p {
	font-size:80%;
	line-height:1;
	margin:0;
	padding:0;
}

/*article copied from original css*/
.article-card .card-label {
  border-color: transparent #333 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #333333 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.article-card .card-label:hover {
  font-size: .65rem;
  font-weight: bolder; }

.article-card .button {
  text-align: center; }

.article-card .card-label {
  border-style: solid;
  border-width: 0 70px 40px 0;
  float: right;
  height: 0px;
  width: 0px;
  transform: rotate(360deg); }

.article-card .article-card-content {
  padding: 0.5rem 1.5rem 0rem; }

.article-card
.article-card .article-card-content h4 {
  line-height: 1.2;
  font-size: 1.1rem; }

.article-card .article-card-content h4.lead {
  margin-top: 0px;
  padding-top: 15px; }

.article-card .article-card-content h6 {
  font-size: .8rem;
  line-height: 1.3; }

.article-card .article-card-content h3.lead {
  padding-top: 15px; }

.article-card.radius {
  border-radius: 0.6rem; }

.article-card .label-text {
  position: absolute;
  text-align: right;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: bold;
	right: 5px;
	padding: 5px 5px;
  white-space: nowrap;
  width: auto;
  margin-left: auto;
  margin-right: auto; 
  -webkit-text-stroke: .5px black; 
  }

.article_card a:hover {
  color: #007095; }

.article-card .medium-image-block {
  background: #f2f2f2;
  border-radius: 0.2rem;
  min-height: 200px; }

.article-card a img {
  max-height: 200px;
  margin-left: auto;
  margin-right: auto; }

.trend-link {
	/* not used any more */
  font-size: .5em;
  color: #777; }
  
.read-more {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 } 
.read-more:before {
   content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1bbaaa;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 }
 
.read-more:hover, .read-more:focus, .read-more:active {
 color:white;
 }
 
 .read-more:hover:before, .read-more:focus:before, .read-more:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.report-button {
background-color : transparent;
background : 0;
color: black;
border : 0;
border-style : none;
font : normal;
font-weight: normal;
font-family : inherit;
text-shadow: 0;
 box-shadow : none;
 outline : 0;
 text-shadow : none;
    text-transform : none;
}
.report-button:hover {
	background-color : transparent;
	background : 0;
	color: grey;
	box-shadow: none;
}
 
/* Navigation images section with hover effects
========================================= */

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right p {
	color:black;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1bbaaa;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, hvr-bounce-to-right:focus, .hvr-bounce-to-right:active,
.hvr-bounce-to-right p:hover, .hvr-bounce-to-right p:focus, .hvr-bounce-to-right p:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left p {
	color:black;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1bbaaa;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active,
.hvr-bounce-to-left p:hover, .hvr-bounce-to-left p:focus, .hvr-bounce-to-left p:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

  
/* Footer contact section
================================= */
  
#contact {
  padding: 2em 1em 3em 1em;
  /*  .copyright {
      position: relative;
  
      p {
        color: $primary-color;
        position: absolute;
        bottom: 0;
      }
    }*/
  background: black; }
  #contact .copyright {
    color: #ddd; }
  #contact .icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    padding: .5em;
    stroke-width: 0;
    stroke: black;
    fill: black; }
  #contact .glyphicon {
    color: #1bbaaa;
    font-size: 1em;
    margin-right: 1em; }
  #contact h5 {
    color: white;
    text-transform: uppercase; }
  #contact .quick-links {
    padding-left: 1em;
    padding-right: 2em; }
    #contact .quick-links li {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      border-bottom: 1px dotted #e7e7e7; }
  #contact .container div:nth-child(1), #contact .container div:nth-child(1) {
    text-align: left; }
    @media only screen and (max-width: 768px) {
      #contact .container div:nth-child(1), #contact .container div:nth-child(1) {
        text-align: center; } }
  #contact .container div:nth-child(3) {
    text-align: right; }
    @media only screen and (max-width: 992px) {
      #contact .container div:nth-child(3) {
        text-align: center; } }
    @media only screen and (max-width: 768px) {
      #contact .container div:nth-child(3) {
        text-align: center; }
        #contact .container div:nth-child(3) .form-group {
          width: 100%; } }
  #contact .social-links {
    list-style: none;
    margin: 1rem 0;
    padding: 0; }

    #contact .social-links .icon-facebook {
      color: #3b5998; }
    #contact .social-links .icon-twitter {
      color: #1da1f2; }
    #contact .social-links .icon-linkedin {
      color: #0077B5; }
    #contact .social-links li {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      /* border-radius: 10%; */
      /* background-color: #FFF; */
      /* color: #000; */
      padding: .5rem 1rem 0 1rem;
      font-size: 2em; }
    #contact .social-links li:hover::before {
      color: #333333; }
  #contact .legal {
    margin-top: 2em; }
    #contact h6 {
      font-size: 1rem;
      color: white; }
    #contact .legal p {
      font-size: 12px;
      line-height: 16px; }
        #contact .legal .terms-btn {
      background: #e7e7e7; }
      
/* Pizza CSS Charts
================================= */      
[data-bar-id] > *:nth-child(10n+1), [data-line-id] > *:nth-child(10n+1) {
  color: #3DDFFF; }
[data-bar-id] > *:nth-child(10n+2), [data-line-id] > *:nth-child(10n+2) {
  color: #3ED2EF; }
[data-bar-id] > *:nth-child(10n+3), [data-line-id] > *:nth-child(10n+3) {
  color: #40C5DF; }
[data-bar-id] > *:nth-child(10n+4), [data-line-id] > *:nth-child(10n+4) {
  color: #42B8CF; }
[data-bar-id] > *:nth-child(10n+5), [data-line-id] > *:nth-child(10n+5) {
  color: #44ABC0; }
[data-bar-id] > *:nth-child(10n+6), [data-line-id] > *:nth-child(10n+6) {
  color: #469EB0; }
[data-bar-id] > *:nth-child(10n+7), [data-line-id] > *:nth-child(10n+7) {
  color: #4892A0; }
[data-bar-id] > *:nth-child(10n+8), [data-line-id] > *:nth-child(10n+8) {
  color: #4A8590; }
[data-bar-id] > *:nth-child(10n+9), [data-line-id] > *:nth-child(10n+9) {
  color: #4C7881; }
[data-bar-id] > *:nth-child(10n+10), [data-line-id] > *:nth-child(10n+10) {
  color: #4E6B71; }
[data-bar-id] > *:nth-child(10n+11), [data-line-id] > *:nth-child(10n+11) {
  color: #505E61; }
[data-bar-id] > *:nth-child(10n+12), [data-line-id] > *:nth-child(10n+12) {
  color: #525252; }

[data-pie-id] > *:nth-child(10n+1) {
	color: #00C284;
}
[data-pie-id] > *:nth-child(10n+2) {
	color: #008CC2;
}
[data-pie-id] > *:nth-child(10n+3) {
	color: #2500CE;
}
[data-pie-id] > *:nth-child(10n+4) {
	color: #A700D5;
}
[data-pie-id] > *:nth-child(10n+5) {
	color: #DD0088;
}

.has-tip {
	cursor: crosshair;
}
#pie, #donut, #bar, #line, #secondbar, #thirdbar, #fourthbar {
  max-height: 300px; 
  height:300px;}
 #linechart1, #linechart2, #linechart3, #linechart4, #linechart5, #linechart6, #linechart7, #linechart8, #linechart9, #linechart10, #linechart11, #linechart12  {
  max-height: 300px; 
  height:300px;}

svg {
  margin:2px;
  padding:20px;
  width: 100%;
  height: auto;
  max-height: 300px; 
  overflow: hidden}

@media screen and (max-width: 39.9375em) {
	/* small screens only */
ul[data-pie-id] {
  list-style: none;
  line-height:2;
  font-size: .9rem;
  padding-top: 2.5rem;
  }
ul[data-line-id] {
  list-style: none;
  font-size:.5rem;
  line-height: 1.2;
  padding-top: 2.5rem;
  max-height: 300px; 
  overflow-y: scroll;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
 /* medium screen only */ 
 ul[data-pie-id] {
  list-style: none;
  line-height:2;
  font-size: 1rem;
  padding-top: 2.5rem;
  }
ul[data-line-id] {
  	list-style: none;
	font-size: .9rem;
	line-height: 1.1;
	padding-top: 2.5rem;
	}
}


@media screen and (min-width: 64em) {
 /* large screen and up */ 
 ul[data-pie-id] {
  list-style: none;
  line-height:2.9;
  font-size: 1.5rem;
  padding-top: 2.5rem;
  }
ul[data-line-id] {
  	list-style: none;
	font-size: 1rem;
	line-height: 1.4;
	padding-top: 2.5rem;
	}
}
#donut text, .text {
	font-size:3rem;
}
      background: #e7e7e7; }