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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* Ljubicasta: #833480 */
/* Zelena: #98c000 */
 
a {color: #833480; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: none; color: #833480;}

.header {background: #fff; border-top: 15px solid #98c000; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.tm-logo img {padding-top: 3px;}
.tm-logo-small {padding: 0px 0px 0px 10px;}
.small-logo {margin-top: 9px;}
.tm-navbar {margin-top: 25px; margin-bottom: 25px;}
.uk-navbar {background: none;}
.uk-navbar-nav {float: right;}
.uk-navbar-toggle {float: right;}
.uk-navbar-nav > :first-child {display: none;}
.uk-navbar-nav > li > a {font-family: "Open Sans"; font-weight: bold; color: #777;}
.uk-navbar-nav > li > a:hover {background: #833480; border-radius: 30px; color: #fff; border: 3px solid #98c000; line-height: 39px;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {border-radius: 30px;}

.social {margin: 8px 5px 0px 0px;}

.slider {background: url("../images/hero.jpg") bottom center no-repeat; background-size: cover; min-height: 190px;}
.spotlight {background: #D8D9DB; text-align: center; padding: 50px 0px;}
.spotlight a {font-size: 18px; font-weight: normal; display: block; margin-bottom: 30px;}
.spotlight .icons img {background: #98c000; padding: 10px; border-radius: 100px;}

.tm-leading-article .uk-article:last-child {padding-bottom: 0px; border-bottom: none;}

.product-info {margin-right: 0px;}
.info-table p.title {margin-bottom: 0px; font-weight: bold;}
.info-table table {border: 1px solid #833480; background: rgba(255,255,255,0.3);}
.info-table td {padding: 5px 10px;}

/*
#varenje {position: relative; visibility: hidden; padding-top: 100px; }
#opreparatu, #nauka, #pitanjaiodgovori {position: relative; visibility: hidden; padding-top: 120px;}
*/

a.anchor {position: relative; padding-top: 120px; margin-top: -120px; visibility: hidden; display: block;}



#anchor1 {text-align: center; padding: 50px 0px;}
#anchor1 h1 {font-weight: bold; color: #833480;}
#anchor1 .references h4 {border-bottom: 1px solid #833480; font-weight: bold;}
#anchor1 .references p {font-size: 12px; font-style: italic;}

.video {background: #833480; padding: 50px 0px; text-align: center;}

#anchor2 {background: #e4d2ec; padding: 50px 0px;}
#anchor2 h2 {font-weight: bold; color: #833480; text-align: center;}
#anchor2 ul {margin: 0px;}
#anchor2 .productimage {margin-top: 30px;}

#anchor3 {padding: 50px 0px;}
#anchor3 h2 {font-weight: bold; text-align: center;}

#anchor4 {background: url("../images/FAQ.jpg") center center #833480; padding: 50px 0px; color: #fff;}
#anchor4 h2 {font-weight: bold; text-align: center; color: #fff;}
#anchor4 .faq {width: 100%;}

.footer {text-align: center; background: #333; color: #fff;}


@media (min-width: 768px) {
	.faq {width: 50% !important;}
	.slider {background: url("../images/hero.jpg") bottom center no-repeat; background-size: cover; min-height: 490px;}
	#anchor2 .productimage {margin-top: 0px;}
	.social {margin: 8px 0px 0px 20px;}
	.product-info {padding-right: 100px;}
}