/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);

html { background: url(../../../../../images/body-background.jpg) 0 0 repeat; }
body { font-family: 'Rokkitt', serif; font-size: 22px; line-height: 120%; color: #414141; font-weight: 400; }
.home body { font-weight: 700; }
.home h3 { font-size: 36px; line-height: 42px; }
.uk-container { max-width: 920px; background: #ffffff; padding: 0; }
.tm-headerbar, .tm-navbar, .tm-footer { margin-top: 0px; margin-bottom: 0px; }
.uk-article { padding: 25px 75px; }
 
.tm-headerbar { background: url(../../../../../images/header-background-home.jpg) 0 0 no-repeat; background-size: cover;  padding: 0 0 15px 0;}
.tm-headerbar .tm-logo { float: none; margin-left: 30%;}
 
.tm-headerbar .uk-panel { max-width: 30%; float: right; margin-right: 5%; margin-top: 5%; }

.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 0; }

.tm-footer { padding-top: 10px; padding-bottom: 10px; background: #808080; color: #ffffff; font-family: Arial, sans-serif; font-size: 11px; }
.tm-footer a { color: #ffffff; }

.uk-navbar { background: transparent; margin-bottom: 20px; }
.uk-navbar-nav > li > a { font-family: 'Rokkitt', serif; text-transform: uppercase; font-size: 16px; font-weight: 700;  background: rgba(54,54,54,0.6); color: #ffffff; height: 22px; line-height: 22px; padding: 0 21px; margin-left: 2px; margin-right: 2px; }
.uk-navbar-nav > li.uk-active > a { background: rgba(54,54,54,0.8); color: #ffffff; }
.uk-navbar-toggle { margin-left: 25px; }

.uk-panel-box-primary { background: #cccccc; color: #414141; }
.home #tm-main-bottom .uk-panel-box-primary { margin-left: -35px; }
.tm-top-a .uk-panel-box { padding: 5px 15px; }
.tm-leading-article .uk-article:last-child { border-bottom: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Rokkitt', serif; font-weight: 700; }
h2 { font-size: 20px; line-height: 24px; }
h3.big-title { letter-spacing: 0.1em; margin: 0; }
.red { color: #cf0a2c; }
.sidebar-img { margin-bottom: 2px; }
hr { border-color: #cf0a2c; border-width: 4px 0 0; width: 60%; margin: 20px auto; }
.social-block { float: right; padding: 12px 10px; }
.phone { font-size: 24px; font-weight: bold; }

.align-right { float: right; margin-left: 10px; margin-bottom: 10px; }

.chrono_credits {display:none;}

.uk-slideshow blockquote {
  border-left: none;
  font-size: 24px;
  font-style: italic;
  line-height: 28px;
  padding-left: 0;
  text-align: center;
}
.quote { padding: 30px 100px 15px 100px; font-size: 22px; font-style: italic; line-height: 26px; text-align:center; margin-bottom: 0; }
.author { font-style: normal; font-size: 20px; text-align: right; padding: 0 60px 25px; margin: 0; }
em, blockquote em { color: #444;}
.caption-img { font-size: 14px; line-height: 16px; text-align:center; font-style: italic: display: block; margin-top: 0px; margin-right: 7px; margin-bottom: 7px; float: left; }

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 935px) {
	.uk-navbar-nav > li > a { padding: 0 15px; }
	.tm-headerbar .uk-panel { max-width: 20%; margin-right: 2%; }
	.phone { font-size: 20px; }
	h2 { font-size: 18px; line-height: 22px; }
}

@media only screen and (max-width : 830px) {
	.uk-navbar-nav > li > a { padding: 0 10px; }
	.tm-headerbar .uk-panel { max-width: 15%; margin-right: 2%; }
	.phone { font-size: 18px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.tm-headerbar .uk-panel { display: none; }
	.uk-navbar-content { margin-top: 5px; }
	.tm-headerbar { padding: 0; }
	.sidebar-img { margin: auto; }
}
 
@media only screen and (max-width : 600px) {
	.align-right { float: none; margin-left: 0; width: 100%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}