/* ========================================================================
   Theme hooks
 ========================================================================== */

/* General */
html { font: 400 15px / 22px 'Roboto', sans-serif;  /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  /* 3 */ background: #efeff1 url("../../../images/linkovi-back.jpg") no-repeat center center fixed; background-size: cover; height: 100%;width: 100%; }

/* Removes default margin */
body { color: #62615f; }
.bg-wrap { height: 100%; }
.middle-wrap { padding: 32px 16px; }

/* Container */
.uk-container { max-width: 860px; padding: 0 30px; }
strong { font-weight: 700; }
em { color: #62615f; }
a { color: #c40b2d; text-decoration: none; cursor: pointer; }
.uk-link { color: #c40b2d; text-decoration: underline; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: none; color: #231f20; }
.uk-link:hover, .uk-link:active, .uk-link:focus { text-decoration: underline; color: #231f20; }

/* plugin highlight */
::selection { background: #62615f; color: #ffffff; text-shadow: none; }
.highlight { background: #c40b2d; color: #fff; padding: 0px 4px; }

/* Zoo App - Linkovanje */
/* override start */
.tm-isblog .tm-article.tm-article-box, 
.yoo-zoo .uk-article { border-radius: 0; padding: 50px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); background: transparent; }
/* override end */

/* Teaser */
.tm-isblog.zooapp .tm-article.tm-article-box, 
.zooapp .yoo-zoo .uk-article { border-radius: 8px; padding: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); text-align: center; }
.tm-isblog.zooapp .tm-article.tm-article-box a, 
.zooapp .yoo-zoo .uk-article a { background: #ffffff; border-radius: 8px; padding: 17px 34px; text-align: center; font-size: 16px; width: 100%; display: block; border: 2px solid #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.tm-isblog.zooapp .tm-article.tm-article-box a:hover, 
.zooapp .yoo-zoo .uk-article a:hover { background: transparent; color: #ffffff; }
.zooapp h1.uk-article-headline { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; }
.zooapp .yoo-zoo.blog-uikit.blog-uikit-frontpage img { width:280px; }
.zooapp .uk-article + .uk-article { margin-top: 15px; }
.zooapp .uk-align-medium-right { margin: 0 0 0 15px; float: right; }
.zooapp .uk-article-meta { font-size: 12px; line-height: 18px; color: #9a9a9c; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; display: none; }
.zooapp .uk-icon-button { box-sizing: border-box; display: inline-block; width: 55px; height: 55px; border-radius: 0; background: rgba(0, 0, 0, 0); line-height: 55px; color: #fff; font-size: 24px; text-align: center; border: 1px solid #fff; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.65); }
.zooapp .uk-icon-button:hover, 
.zooapp .uk-icon-button:focus { background-color: rgb(244, 219, 170, 0.35); color: #f4dbaa; outline: none; border-color: #f4dbaa; }

/* Pagination teaser */
.zooapp .uk-pagination { padding: 0; list-style: none; text-align: center; font-size: 0.001px; }
.zooapp .uk-pagination > li > a, .zooapp .uk-pagination > li > span { display: inline-block; min-width: 8px; padding: 5px 15px; line-height: 12px; text-decoration: none; box-sizing: content-box; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.zooapp .uk-pagination > li > span { background: rgba(0, 0, 0, 0); color: #fbfbfb; font-size: 12px; border: 1px solid #fff; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.65); }
.zooapp .uk-pagination > li > a { background: rgba(0, 0, 0, 0); color: #fff; font-size: 12px; border: 1px solid #fff; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.65); }
.zooapp .uk-pagination > li > a:hover, .zooapp .uk-pagination > li > a:focus { background-color: rgb(244, 219, 170, 0.35); color: #f4dbaa; outline: none; border-color: #f4dbaa; }
.zooapp .uk-pagination > li > span:hover, .zooapp .uk-pagination > li > span:focus { background-color: rgb(244, 219, 170, 0.35); color: #f4dbaa; outline: none; border-color: #f4dbaa; }

/* Variable  - proper order !!! */
/* min width */
@media (min-width:480px) { }
@media (min-width:768px) { }
@media (min-width:960px) { }
@media (min-width:1340px) { }

/* max width */
@media (max-width:1339px) { }
@media (max-width:1150px) { }
@media (max-width:959px) { }
@media (max-width:767px) {
	.uk-container { padding: 0 25px; }
	.tm-article.tm-article-box, 
	.tm-isblog .tm-article.tm-article-box { padding: 35px 45px; }
}
@media (max-width:480px){
	.uk-container { padding: 0 20px; }
	.tm-article.tm-article-box, 
	.tm-isblog .tm-article.tm-article-box { padding: 25px; }
}
@media (max-width:360px) { }

/* min max width */
@media (min-width:1019px) and (max-width:1119px) { }
@media (min-width:960px) and (max-width:1019px) { }
@media (min-width:768px) and (max-width:959px) { }

