@import url(https://fonts.googleapis.com/css?family=Sintony:400,700);
@import url(https://fonts.googleapis.com/css?family=Abel);

body {
  font-family: 'Sintony', sans-serif;
  background: #fffffb;
  overflow-x: hidden;
  word-wrap: break-word;
  width: 100vw;
}


.t-logo, t-logo-img {
float: left;
position: absolute;
top: 0;
left: 0;
z-index: 100;
background-repeat: no-repeat;
background:url("../img/t_tausta.svg");
width: 880px;
height: 140px;
}


t-logo-img img {
  z-index:1050;
  float:left;
  top: 0;
  position: fixed;
}

h1, h2, h3, h4, h5 {
  font-family: 'Abel', sans-serif;
  word-wrap: normal;
}

h1 {
  font-weight: 600;
  color: #704ffb;
  text-transform: uppercase;
  letter-spacing: 3px;
  
}

h3 {
  font-weight: 600;
  color: #704ffb;
}
h2 {
  font-weight: 600;
  color: #704ffb;
}

.wrapper {
  width: auto;
  height: 100%;
  margin: 2rem;
  padding: 15px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  padding-top: 0rem;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-brand {
  position: absolute;
  left: 0.2rem;
  top: 0;
}

.navbar-default {
  background-color: #ff6318;
  border-color: #ff6318;
  padding: 0.1rem;
  font-size: 0;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.navbar-default img {
padding-top: 0;
}

.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
  font-family: 'Abel', sans-serif;
  letter-spacing:1px;
  font-size: 1.5rem;
  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ecdbff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ecdbff;
  background-color: #8e44ad;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ecdbff;
  background-color: #8e44ad;
}
.navbar-default .navbar-toggle {
  border-color: #8e44ad;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #8e44ad;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ecdbff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #8e44ad;
  }
}

.img-president {
  float: right;
}

@media (max-width: 460px) {
  .img-president {
    float: none;
  }
}

.infobox {
  color: #FFF;
  background-color: #337ab7;
  border: 2px solid #EEE;
  border-radius: 2em;
}

.infobox > .header {
  color: #FFF;
}

.juicer-feed.classic li.feed-item .j-text {
font-family: 'Abel', sans-serif !important;
background: #fffffb !important;

}

.juicer-feed .twitter {
background: #fffffb;
}

.juicer-feed .facebook {
background: #fffffb;
}

.j-loading
{
    border:4px solid #1C86EE !important;
}
.j-loading:before
{
    background-color:#1C86EE !important;
}
.juicer-feed .j-paginate
{
    border:2px solid #1C86EE !important;
    color:#fffffb !important;
}
.juicer-feed .j-paginate:hover
{
    background:#fffffb !important;
    color:#fffffb;
}
.juicer-feed h1.referral a:hover
{
    color:#fffffb!important;
}
.juicer-feed ul.j-filters li:hover:after,.juicer-feed ul.j-filters li.selected:after
{
    background:#fffffb !important;
}
  .juicer-feed.white li.feed-item.juicer,.juicer-feed.user li.feed-item.juicer,.juicer-feed.juicer-widget li.feed-item.juicer,.juicer-feed.colors li.feed-item.juicer,.juicer-feed.colored-icons li.feed-item.juicer,.juicer-feed.gray li.feed-item.juicer
{
    background:#fffffb !important;
    color:white ;
}
.juicer-feed.colors .j-meta a.j-social.hashtag,.juicer-feed.colored-icons .j-meta a.j-social.hashtag
{
    color:#fffffb !important;
}
.juicer-feed.image-grid li.feed-item.words .j-text a:hover,.juicer-feed.slider li.feed-item.words .j-text a:hover,.juicer-feed.hip li.feed-item.words .j-text a:hover
{
    color:#fffffb !important;
}
.juicer-feed.slider .slick-prev:hover:before,.juicer-feed.slider .slick-next:hover:before
{
    color:#fffffb !important;
}
.juicer-feed.hip li.feed-item:hover:after
{
    background:#1C86EE !important;
}
.juicer-feed.classic li.feed-item .j-message a
{
    color:#fffffb !important;
}
.juicer-feed.classic li.feed-item .info a:hover
{
    color:#fffffb !important;
}
.juicer-feed .empty a
{
    color:#1C86EE !important;
}
.juicer-feed .j-poster a:hover
{
    color:#fffffb !important;
}
.juicer-feed a:hover
{
    color:#fffffb !important;
}
.post-overlay.juicer-feed a.juicer-button
{
    border:2px solid #1C86EE !important;
    color:#fffffb !important;
}
.post-overlay.juicer-feed a.juicer-button:hover
{
    background:#1C86EE !important;
    color:#ffffff !important;
}
.juicer-feed .juicer
{
    background:#fffffb !important;
}  

.small-socials a {
font-size: 40px;
color: #ff6318;
padding: 1rem;
}
.events_list{
list-style-type: none;
}
.events_list li .date {
float: left;
  margin: 0 15px 0 0;
}