/*============= RESETS & DEFAULT STYLING=============*/
/*--- iPhone X Remove Gutters ---*/
html {
  padding: env(safe-area-inset);
}

/*--- Prevent Horizontal Scrolling & Font Style ---*/
html, body {
  overflow-x: hidden;
  font-family: 'Roboto Slab', sans-serif;
  color: #505962;
}

.turkizna {
  color: #1ebba3;
}



/*============= START: NAVIGATION =============*/
.navbar-brand img {
  height: 2rem;
}

.navbar {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .07rem;
  font-size: .8rem;
  padding: .7rem 1rem;
  background-color: black;
}

.navbar-nav .nav-link {
  color: white;
  padding-top: .8rem;
}

.navbar-nav li {
  padding-right: .4rem;
}

.custom-toggler-icon {
  color: lightgray;
  font-size: 1.6rem;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: mediumpurple;
}

.navbar-nav .static-purple .nav-link {
  color: #c8a2c8;
}

.navbar-nav .static-blue .nav-link {
  color: fuchsia;
}

button:focus,
a:focus {
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none;
}

button, a, a.btn {
  transition: color .6s ease;
}

.navbar.solid,
.navbar.solid-toggle {
}

/*============== END: NAVIGATION ==============*/



/*============== START: DEFAULT ZA VSE ==============*/

.landing {
   position: relative;
   width: 100%;
   display: table;
   z-index: -1;
}
.home-wrap {
   clip: rect(0, auto, auto, 0);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}

/*============== END: DEFAULT ZA VSE ==============*/
.polje {
  width: 100%;
  margin-bottom: .5rem;
  margin-top: .1rem;
}

.padajoce {
  margin-bottom: 2rem;
}

.header {
  padding: 0 16px 4px;
  color: #f1f1f1;
  width: 100%;
  text-align: center;
  background-image: linear-gradient(#000, #4B3A70);
  position: fixed;
  top: 4rem;
  margin: 0;
  z-index: 1;
}

.gumbi {
  margin-bottom: .2rem;
}

.splosno {
  margin-top: -6rem!important;
}

.vrsta {
  margin-top: 2rem;
}







.row.padding{
padding: 4rem 0 1rem; /* top left&right bottom*/
}

iframe {
    min-height: 12.5rem;
}

img.example-image{
max-width: 100%;
}

.portfolio-item img:hover{
opacity: .4;
cursor:zoom-in;
}

/*Dodamo zaradi tarnsforma*/
.portfolio-item img{
transition: transform 0.4s ease;
}

.portfolio-item{
overflow:hidden;
}

.container-fluid.dodan{
padding-bottom:5rem;
}