@import url('https://fonts.googleapis.com/css?family=Ubuntu&subset=latin-ext');

html {
font-family: 'Ubuntu', sans-serif;  
font: normal 14px / 24px;
}

/* BODY */
body {
  color: #6e4320;
}

p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
  margin: 0 0 27px 0;
}

.pogoji {
  margin: 0 0 0 0;
}

em {
  color: #6e4320;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Ubuntu', sans-serif;
  color: #6e4320;
}

h2 {
  border-bottom: 0px none;
  margin-top: 40px;
  font-weight: bold;  
}

h1.uk-article-title::after, h3.uk-panel-title::after {
  font-size: 1.6em;
  background-color: #fff;
}

h1.uk-article-title {
  font-size: 1.6em;
  border-bottom: 0px none;
  margin-top: 0px; /*changed from 45px to 0px*/
  font-weight: bold;
  
}

h1.blog-title {
  font-size: 1.6em;
}

/* SUPERSCRIPT REGISTERED */

.reg {
  position: relative; 
  top: -1.1em; 
  font-size: 60%;
}

/* .article-title-right {
  margin: 0px 0px 4px 0px;
} */

h3.uk-panel-title {
  border-bottom: 0px none;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}
.about-h3 {
  padding-bottom: 1em;
}

.tm-leading-article .uk-article:last-child {
  border-bottom: 9px solid #cc9b61;
}

/* NOVO */

.novo {
  position: relative;
  top: -1.4em;
}

/* PAGINATION */

.uk-pagination > li > a {
  background: #cc9b61;
  color: #fff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
  background-color: #6e4320;
  color: #fff;
  /* 2 */
  outline: none;
}
/* OnClick */
.uk-pagination > li > a:active {
  background-color: #6e4320;
  color: #fff;
}
/*
 * Active
 */
.uk-pagination > .uk-active > span {
  background: #6e4320;
  color: #ffffff;
}

/* Table for article title */ 

 .div-naslov {
    text-align: left;
} 

/* Slogan */
.slogan {
  padding: 45px 0px 0px 0px;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #6e4320;
}

.checkmark {
  padding: 0px 0px 0px 27px;
  font-size: 18px;
  line-height: 26px;
  color: #6e4320;
}

.checkmark-19 {
  padding: 0px 0px 0px 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #6e4320;
}

.checkmark-19-text {
  padding: 0px 0px 0px 40px;
  font-size: 14px;
  line-height: 24px;
  color: #6e4320;
}

.checkmark-19-2 {
  padding: 0px 0px 0px 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #6e4320;
}

.checkmark-19-2 span { 

  padding: 0 0 0 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.checkmark-19-3 {
  padding: 0px 0px 0px 18px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #6e4320;
}

.checkmark-19-3 span { 

  padding: 0 0 0 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.uk-panel-title {
  font-size: 36px;
  line-height: 42px;
  color: #6e4320;
}

.article-top-logo {
  	display: block;
    margin: 0 auto;
}




/* Ponudba na prvi strani */

.sprocket-mosaic-item .sprocket-mosaic-text {
  text-align: justify;
}

.sprocket-mosaic-item {
  border: 0px;
}

.sprocket-mosaic-image-container {
  border: 1px solid #6e4320;
}

.sprocket-readmore {
  font-size: 16px;
  font-weight: bold;
}



/* HR */
.tm-footer uk-container uk-container-center{
    padding: 0 !important;
    position: relative;
}

/* ABOUT US */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.columnsContainer { position: relative; margin: .5em; max-width: 1000px; }
 
.leftColumn {  padding: 2.5em 9em 0 0; margin-bottom: .5em; font-size: 14px; text-align: justify; }
 
.rightColumn { padding: 2.5em 0 0 0; font-size: 14px; text-align: left; }

@media screen and (min-width: 47.5em ) {
 
  .columnsContainer {
      float: left;
  }
 
  .leftColumn {
    margin-right: 26em;
    float: left;
  }
 
  .rightColumn {
    width: 25em;
    margin-left: -25.5em;
    float: left;
  }
}

/* FOOTER */

/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
  box-sizing: border-box;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #00aac6;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #cc9b61;
  color: #ffffff;
    /* 2 */
  outline: none;
}

/* Hover social buttons font text */
.tm-footer a:hover{
  color: #fff!important;
}

/* Active */
.uk-icon-button:active {
  background-color: #cc9b61;
  color: #ffffff;
}

.footer-copy {
  font-size: 12px;
  color: #cc9b61;
}



/* Container
 ========================================================================== */
.uk-container {
  box-sizing: border-box;
  max-width: 4096px;
  padding: 0 10px;
}
/* Large screen and bigger */
@media (min-width: 1280px) {
  .uk-container {
    max-width: 4096px;
    padding: 0 35px;
  }
}

/* MENU */

/* Navbar Menu */

/* Main menu hover button */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #6e4320;
  color: #ffffff;
  /* 3 */
  outline: none;
}

/* Main menu active button */ 
.uk-navbar-nav > li.uk-active > a {
  background-color: #6e4320;
}

/* Dropdown main buttons and background */
.uk-dropdown-navbar {
  margin-top: 0;
  background: #6e4320;
  color: #ffffff;
}

/* Dropdown link color */
.uk-nav-navbar > li > a {
  color: #ffffff;
}

/* Dropdown hover buttons */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #cc9b61;
  color: #ffffff;
  /* 2 */
  outline: none;
} 

/* MOBILE MENU */

.uk-offcanvas-bar {
  background: #cc9b61;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #6e4320;
}

.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #6e4320;
}

.uk-nav-offcanvas > li > a {
  color: #fff;
}

.uk-nav-offcanvas ul a {
  color: #fff;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  text-decoration: underline;
}

ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}


/* VSEBINA */

/* Tabela vsebine podstrani */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.columnsContainer-article { position: relative; margin: .5em; max-width: 1000px; }
 
.leftColumn-article {  padding: 0 1.5em 0 0; margin-bottom: .5em; font-size: 14px; text-align: justify; }
 
.rightColumn-article { padding: 0 0 0 0; font-size: 14px; text-align: left; }

@media screen and (min-width: 47.5em ) {
 
  .columnsContainer-article {
      float: left;
  }
 
  .leftColumn-article {
    margin-right: 26em;
    float: left;
  }
 
  .rightColumn-article {
    width: 25em;
    margin-left: -25.5em;
    float: left;
  }
}

/* TABLE PONUDBA GLAVNA */

.table-article-main {
  border: 0px none;
}

.tr-article-main {
  padding: 0 0 0 0;
}

.td-article-main-text {
	padding: 0 0 0 0;
}

.td-article-main-checkmark {
  padding: 0 0 21px 0;
}


/* TABLE PONUDBA */  
  
.table-ponudba {
	border-collapse: collapse;
}

.td-ponudba {
  	text-align: center;
    border: 1px solid #cc9b61;
  	padding: 3px 3px 3px 3px;
}

.td-cena {
  	text-align: center;
  	border: 1px solid #cc9b61;
  	padding: 3px 3px 3px 3px;
}

.td-ponudba-naslov {
  font-size: 18px;
  background: #cc9b61;
  color: #fff;
  border: 1px solid #6e4320;
  padding: 3px 3px 3px 3px;
}

.td-cena-naslov {
  font-size: 18px;
  background: #cc9b61;
  color: #fff;
  border: 1px solid #6e4320;
  padding: 3px 3px 3px 3px;
}

/* TABLE BLOG */

.div-blog-content {
  float: left;
  text-align: justify;
  position: relative;
  margin: .5em; 
  max-width: 1000px;  
}


/* BLOG IMG */

.blog-img {
	
  border: 1px solid #6e4320;

}

/* ARTICLE IMG */

.article-img {
  border: 1px solid #6e4320;
}

/* P Cenik */

.cenik {
  text-align: justify;
  color: #cc9b61;
  font-size: 12px;
  line-height: 12px;
}

/* P Kliknite tu za naročilo */

.narocilo {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}

/* Border image NOVICE */ 

.uk-align-left {
  border: 1px solid #6e4320;
}

.img-o-nas {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* POGOJI POSLOVANJA RESPONSIVE TABELA */

    .left-column {
        float: left;
        width: 50%; 
      	padding: 0 1.5em 0 0;
      	text-align: justify;
    }
    .right-column {
        float: left;
        width: 50%; 
      	padding: 0 0 0 1.5em;
      	text-align: justify;
    }
    .img-column {
        max-width: 100%;
        height: auto;
    }

	.group-column {
      	margin-top: 4em;
	  	position: relative; 
        max-width: 1000px; 	
	}

    .group-column:after {
      	content:"";
        display: table;
      	margin: .5em;
        clear: both;
    }
    @media screen and (max-width: 480px) {
        .left-column, .right-column {
            float: none;
            width: auto;
            padding: 1em 0 0 0.5em;
        }
    }

/* REFERENCE TABELA */
.table-reference {
  width: 100%;
  border-top: solid 1px #cc9b61;
  margin: 0 0 0 0;
  font-size: 12px;
  line-height: 16px;
}

.td-reference-st {
  padding-right: 9px;
  display: inline-block;
vertical-align: top;
}

/* RESPONSIVE YOUTUBE EMBED VIDEO */
/*.video-responsive{
    overflow:hidden;
     padding-bottom:56.25%; 
    position:relative;
    height:0;*/
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
	width:100%;
  	max-width: 560px;
	max-height: 315px; 
    position:absolute;
}