/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .uk-align-left {
 width: 100%;
 }
 /*
 .tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav > li.uk-active > a {
 color: #333333;
 }
 
 .tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav > li > a {
 color: #333333;
 }*/
 
 /*.tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav {
 background: none repeat scroll 0 0 rgba(250, 250, 250, 0.35);
 }*/
 
 .uk-article-title {
 font-size: 28px;
 }
 
 .widgetkit-article {
 margin-top: 25px;
 }
 
 .widgetkit-title {
 font-size: 28px;
 line-height: 41px;
 font-weight: 300;
 color: #333333;
 }
 
 .wk-slideshow {
 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 padding-bottom: 25px;
 }
 
 iframe {
 min-height: 450px;
 }
 
 .tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav > li > a {
 color: rgba(0, 0, 0, 0.65);
 }
 
 .tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav > li.uk-active > a {
 color: rgba(250, 0, 0, 0.65);
 }
 
 .tm-bottom-b {
 margin-top: 40px;
 }
 
 li, dt, dd {
 padding-top: 20px;
 }
 
 ul, ol {
 padding: 0px;
 list-style: none;
 }
 
 .uk-button {
 border: 1px solid #e6e6e6;
 }
 
 .uk-navbar-center {
 margin-top: -25px;
 }
 
 .tm-teaser-subtitle:before, .tm-teaser-subtitle:after {
 border-top: 4px solid rgba(0, 0, 0, 0.1)
 position: absolute;
 top: 50%;
 transition: opacity 1s ease-out 0.2s, left 0.7s ease-out 0.1s, right 0.7s ease-out 0.1s;
 width: 110px;
 content: ;
 }
 
 .uk-scrollspy-inview.tm-teaser-subtitle:before {
 left: -125px;
 opacity: 1;
 }
 
 .tm-teaser-subtitle:after {
 right: 0;
 }
 
 .tm-teaser-subtitle:before {
 left: 0;
 }
 
 .tm-teaser-subtitle {
 display: inline-block;
 }
 
.fastsocialshare-share-tw {
 max-height: 50px;
 }
 
 @media screen and (min-width: 0px) and (max-width: 720px) {
  .desktop { display: none; }  /* show it on small screens */
}

@media screen and (min-width: 721px) and (max-width: 4024px) {
  .desktop { display: block; }   /* hide it elsewhere */
}

@media screen and (min-width: 0px) and (max-width: 720px) {
  .mobile { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 721px) and (max-width: 4024px) {
  .mobile { display: none; }   /* hide it elsewhere */
}