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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

nav { height: 60px; }
.uk-navbar-nav > li > a { height: 60px; line-height: 60px; }
.uk-navbar-content { height: 60px; }
.tm-search-bar:not(.uk-hidden) { top: 60px; }
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { height: 60px; }

.image-png-shadow svg { display: none; }
/*
.image-png-shadow { display: inline-block; background-repeat: no-repeat; background-size: cover; text-align: center; }
.image-png-shadow img { filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='#222')"; filter: url(#drop-shadow-png); -webkit-filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.9)); filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.9)); }
.image-png-shadow svg { display: none; }*/

.tm-block-divider.tm-block-default:before, .tm-block-divider.tm-block-dark:before, .tm-block-divider.tm-block-primary:before { top: -1px; height: 2px; }

.tm-top-a h3.uk-panel-title, .tm-top-b h3.uk-panel-title, .tm-top-c h3.uk-panel-title { font-size: 300%; line-height: normal; font-weight: 300; color: #9ec929; }
.tm-bottom-a h3.uk-panel-title, .tm-bottom-b h3.uk-panel-title, .tm-bottom-c h3.uk-panel-title { font-size: 300%; line-height: normal; font-weight: 300; color: #9ec929; }
.tm-bottom-a a.uk-position-cover { display: none; }

@media (min-width: 768px) {
	body.homepage header .uk-navbar-flip { position: relative; }
	body.homepage header #js-search-toggle { position: absolute; top: 0; right: 0; }
	body.homepage header nav.uk-navbar .uk-navbar-flip { width: 100%; text-align: center; float: none; }
	body.homepage header nav.uk-navbar .uk-navbar-flip .uk-navbar-nav { float: none; }
	body.homepage header nav.uk-navbar .uk-navbar-flip .uk-navbar-nav > li { display: inline-block; float: none; }
	body.homepage #js-language-toggle { position: absolute; right: 50px; top: 0; }
}
@media (max-width: 768px) {
	.tm-top-a .tm-width-xlarge-3-6 > img { display: none; }
	.tm-top-a .tm-width-xlarge-3-6 > div { position: relative; display: block; }
	.uk-panel-title { font-size: 140% !important; }
}

#js-language-toggle { padding: 0; }
#js-language-toggle>div { display: inline-block; }
#js-language-toggle ul { margin: 16px 0 0 0; padding: 0; }
#js-language-toggle ul>li { margin: 0; padding: 0; display: inline-block; }

.tm-top-teaser .uk-overlay-panel { padding: 0; }
.tm-top-teaser .uk-overlay-panel>div { width: 100%; }
.slider-content-layer { padding: 30px; border-radius: 0; background: rgba(0, 0, 0, 0.75); }
.slider-content-layer img { max-width: 30% }
.tm-bottom-b h3.uk-panel-title { font-size: 300%; line-height: normal; font-weight: 300; }
.tm-bottom-b input[type="text"] { background: rgba(255,255,255,0.1); border-width: 2px; }

.tm-top-c h3.uk-h4 { color: #fff; }

@media (min-width: 768px) {
	.tm-logo img { width: 200px; margin-left: 10px; }
	.uk-navbar-nav > li > a { font-size: 14px; padding: 0 6px; }
	.uk-navbar-nav > li > a:before { margin-left: -6px; }
}

@media (min-width: 1220px) {
	.tm-logo img { width: 270px; margin-left: 20px; }
	.uk-navbar-nav > li > a { font-size: 15px; padding: 0 8px; }
	.uk-navbar-nav > li > a:before { margin-left: -10px; }
}

.tm-smoothscroll-bar { margin-right: 20px; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index:99999999; }
.tm-smoothscroll-bar .uk-dotnav > li a { color: transparent; text-align: right; }
.tm-smoothscroll-bar span { display: none; }
.tm-smoothscroll-bar li:hover > span { background: none repeat scroll 0 0 #9ec929; border-radius: 2px; color: #ffffff; display: block; margin-top: -20px; padding: 5px 10px; position: absolute; right: 40px; width: auto; line-height: 13px; text-indent: 0; }
.tm-smoothscroll-bar li:hover > span:after { border-color: transparent transparent transparent #1db9e8; border-style: solid; border-width: 5px 0 5px 5px; content: ""; height: 0; left: 100%; margin-right: 35px; margin-top: 6px; position: absolute; width: 0; }

/* ========================================================================
   Component: Dotnav
 ========================================================================== */
.uk-dotnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-top: -8px; padding: 0; list-style: none; }
.uk-dotnav > * { -ms-flex: none; -webkit-flex: none; flex: none; padding-left: 8px; margin-top: 8px; }
.uk-dotnav:before, .uk-dotnav:after { content: ""; display: block; overflow: hidden; }
.uk-dotnav:after { clear: both; }
.uk-dotnav > * { float: left; }
.uk-dotnav > * > * { display: block; -moz-box-sizing: content-box; box-sizing: content-box; width: 12px; height: 12px; border-radius: 50%; background: rgba(0, 0, 0, 0); text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(55, 67, 85, 0.3); -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.uk-dotnav > * > *:hover, .uk-dotnav > * > *:focus { background: rgba(0, 0, 0, 0); outline: none; border-color: #374355; }
.uk-dotnav > * > *:active { background: #374355; border-color: #374355; -webkit-transform: scale(0.9); transform: scale(0.9); }
.uk-dotnav > *.uk-active > * { background: #6ac199; border-color: #6ac199; -webkit-transform: scale(1.1); transform: scale(1.1); }
.uk-dotnav-contrast > * > * { background: rgba(255, 255, 255, 0.5); border-color: rgba(55, 67, 85, 0.5); }
.uk-dotnav-contrast > * > *:hover, .uk-dotnav-contrast > * > *:focus { background: rgba(255, 255, 255, 1); border-color: #374355; }
.uk-dotnav-contrast > * > *:active { background: #374355; border-color: #374355; }
.uk-dotnav-contrast > *.uk-active > * { background: #374355; border-color: #374355; }
.uk-dotnav-vertical { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.uk-dotnav-vertical > * { float: none; }