/* Starsugaring.com */

body {
  color: #000;
  font-size: 16px;
}

a {
  color: #c28529;
  text-decoration: none;
}
a:hover {
  color: #a45501;
}
a:active {
  color: #999;
}

nav {
  position: fixed;
  z-index: 998;
  background: #fbf0d7;
  background: rgba(251, 240, 215, 0.9);
  height: 90px;
}
nav img {
  height: 66px;
  width: auto;
  margin-top: 12px;
}

nav ul li a {
  color: #a45501;
  font-size: 14px;
  text-transform: uppercase;
  height: 90px;
  line-height: 90px;
}
nav ul li a:hover, nav ul li a.active, nav ul li a.active:hover, nav ul li a.active:active {
  color: #a45501;
  background: #c28529;
  color: #fff;
  text-shadow: none;
}

nav, nav img, nav ul li a {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
nav.small-nav, nav.small-nav img, nav.small-nav ul li a {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
nav.small-nav {
    height: 64px;
}
nav.small-nav img {
    height: 40px;
}
nav.small-nav ul li a {
    height: 64px;
    line-height: 64px;
}

.parallax-container {
  min-height: 580px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
.parallax-container .section {
  width: 100%;
}

.parallax {
  left: -1px;
}

footer.page-footer {
  margin: 0;
}

/* naslovna */
.top-naslovna-wrapper {
  padding-top: 120px;
  background: url(../img/content/caramel-top.jpg) top center no-repeat fixed #552d05;
  background-size: cover;
  min-height: 400px;
}
.top-naslovna-wrapper h5 {
    font-size: 25px;
    line-height: 34px;
    text-shadow: 0 0 3px #351f07;
    margin: 0;
}
.top-naslovna-wrapper h1 {
    color: #fff;
    text-shadow: 0 0 3px #351f07;
}
.top-naslovna-wrapper .legs {
    width: 300px;
    height: auto;
    margin: 40px 0 50px;
}

/* banners */
.valign-wrapper h5 {
    font-size: 30px;
    text-shadow: 0 0 3px #351f07;
    line-height: 40px;
}
.valign-wrapper.top-dark h5 {
  text-shadow: 0 0 3px #fff;
  color: #000;
}

/* footer */
footer {
  background: #000;
  color: #fff;
}
footer p strong {
  font-size: 20px;
}
footer p {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 32px;
}
footer p.tel {
  font-size: 18px;
  padding-top: 63px;
}
footer p.tel.email {
  text-align: right;
}
footer p.tel b {
  font-size: 14px;
  font-weight: normal;
  padding-right: 5px;
}
footer .row {
  margin-bottom: 20px;
  margin-top: 5px;
}
.copy {
  height: 40px;
  font-size: 12px;
  color: #ddd;
  padding-top: 9px;
}

/* responsive */
@media only screen and (max-width : 1026px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 0;
  }

  nav, nav.small-nav {
    height: 64px;
  }
  nav img, nav.small-nav img {
      height: 40px;
  }
  nav ul li a, nav.small-nav ul li a {
      height: 64px;
      line-height: 64px;
  }
  nav {
    position: inherit;
    z-index: inherit;
    background: #e7dbc2;
  }
  nav .button-collapse {
    height: 64px;
    margin: 0 10px;
  }
  nav .button-collapse i {
    color: #c28529;
    font-size: 40px;
  }
  nav .button-collapse:hover i {
    color: #a45501;
  }

  .top-naslovna-wrapper {
    padding-top: 0;
    min-height: 550px;
  }
  .top-naslovna-wrapper h1 {
    padding-top: 0;
    font-size: 3.5rem;
  }
  .top-naslovna-wrapper h5 {
    font-size: 22px;
    line-height: 30px;
  }
  .top-naslovna-wrapper .legs {
      width: 300px;
      margin: 30px 0 0;
  }

  .valign-wrapper.top-dark h5 {
    margin-top: -10px;
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .valign-wrapper.top-white h5 {
    margin-top: -20px;
  }

}

@media only screen and (max-width : 900px) {
  .top-naslovna-wrapper {
    min-height: 580px;
  }
  footer .col.s12.m4 {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
  }
  footer p {
    text-align: center !important;
  }
  footer p.tel {
    padding-top: 10px;
  }
  footer p.tel.email {
    padding-top: 0;
  }
  .copy {
    text-align: center;
  }

  .parallax-container {
    min-height: 480px;
  }
  .valign-wrapper h5 {
    font-size: 25px;
    line-height: 35px;
    margin-top: -10px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -30px;
  }

}
@media only screen and (max-width : 770px) {
  .top-naslovna-wrapper {
    min-height: 540px;
  }
  .top-naslovna-wrapper h1 {
    font-size: 3rem;
  }
  .top-naslovna-wrapper h5 {
    font-size: 20px;
    line-height: 28px;
  }
  .top-naslovna-wrapper .legs {
      width: 260px;
  }
}
@media only screen and (max-width : 701px) {
  body {
    font-size: 15px;
  }
  .top-naslovna-wrapper {
    min-height: 560px;
  }
  .row {
    margin-bottom: 5px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -50px;
  }
  .valign-wrapper.top-white h5 {
    margin-top: -40px;
  }
    
}
@media only screen and (max-width : 570px) {
  .top-naslovna-wrapper {
    min-height: 600px;
  }
}
@media only screen and (max-width : 515px) {
  .top-naslovna-wrapper h1 {
    font-size: 2.8rem;
    margin-bottom: 10px;
  }
  .top-naslovna-wrapper h5 {
    font-size: 18px;
    line-height: 24px;
  }
  .top-naslovna-wrapper .legs {
      width: 240px;
      margin-top: 30px;
  }
  .top-naslovna-wrapper {
    min-height: 520px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -70px;
  }
}
@media only screen and (max-width : 479px) {
  .top-naslovna-wrapper h1 {
    font-size: 2.6rem;
    margin-top: 15px;
  }
  .top-naslovna-wrapper h5 {
    font-size: 17px;
    line-height: 22px;
  }
  .top-naslovna-wrapper .legs {
      width: 200px;
      margin-top: 20px;
  }
  .top-naslovna-wrapper {
    min-height: 460px;
  }
  .brand-logo.active {
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    right: 10px !important;
  }
  .valign-wrapper h5 {
    margin-top: -20px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -85px;
  }
  .valign-wrapper.top-white h5 {
    margin-top: -60px;
  }
}
@media only screen and (max-width : 440px) {
  .top-naslovna-wrapper {
    min-height: 510px;
  }
}
@media only screen and (max-width : 390px) {
  .top-naslovna-wrapper {
    min-height: 540px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -100px;
  }
  .valign-wrapper.top-white h5 {
    margin-top: -80px;
  }
}
@media only screen and (max-width : 362px) {
  .valign-wrapper.top-dark h5 {
    margin-top: -115px;
  }
  .valign-wrapper.top-white h5 {
    margin-top: -80px;
  }
}
@media only screen and (max-width : 350px) {
  .top-naslovna-wrapper {
    min-height: 560px;
  }
  .valign-wrapper h5 {
    margin-top: -30px;
  }
  .valign-wrapper.top-dark h5 {
    margin-top: -135px;
  }
}
@media only screen and (max-width : 330px) {
  .valign-wrapper.top-white h5 {
    margin-top: -100px;
  }
}

/* mobile menu */
.side-nav {
    width: 230px;
}
.side-nav li a {
    height: 50px !important;
    line-height: 50px !important;
    color: #000;
}
.side-nav li a:hover {
    color: #fff;
    background: #a45501;
}

a img:hover, nav ul li a:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
a img:active, nav ul li a:active, nav .button-collapse:active i { opacity:.60; -moz-opacity:.60; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }