/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
body {
    font-family: 'Montserrat', sans-serif;
}

p {
    font-size: 1.2rem;
    line-height: 1.5;
}

.basic-line-h {
    line-height: 1.5 !important;
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}

.navigacija {
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all 0.5s ease;
}

.navigacija ul.navbar-nav.menu li a
{
	color: #FFF;
    font-weight: bold;
}

.main-brown {
    color: #7c4a32;
}

.main-brown-bkg {
    background-color: #7c4a32;
}

.light-brown {
    color: #c49974;
}

.light-brown-bkg {
    background-color: #c49974;
}

.main-green {
    color: #95a823;
}

.main-green-bkg {
    background-color: #95a823;
}

.light-green {
    color: #BCCF5D;
}

.light-green-bkg {
    background-color: #BCCF5D;
}

.mid-color {
    color: #797a66;
}

.mid-color-bkg {
    background-color: #797a66;
}

.darker-bkg-trans {
    background-color: rgba(18, 18, 18, 0.58);
}

.navigacija.scrolled, .darknav .navigacija {
    background-color: rgba(18, 18, 18, 0.60);
}

.icon-flat.large-icon::before {
    font-size: 5em;
}

.icon-flat.sm-icon::before {
    font-size: 1em;
}

.icon-flat.med-icon::before {
    font-size: 2.5em;
}

.neviden {
    opacity: 0;
}

.paralaxing {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bott-bord-sm::after {
    content: '';
    width: 10%;
    height: 3px;
    background-color: #c49974;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.lg_selektor img
{
      vertical-align: middle !important;
}

.img_hov_ozad {
    position: relative;
    overflow: hidden;
}

.absolut-cat {
    bottom: 20%;
    left: 10%;
    right: 10%;
}

.trans-bk-img {
    opacity: 60%;
    transition: all 0.3s ease;
}

.trans-bk-img:hover {
    transform: scale(1.05);
    opacity: 80%;
}

.stor-column .wrpdiv {
    overflow: hidden;
}

.stor-column img {
    overflow: hidden;
    transition: all 0.3s ease;
}

.stor-column img:hover {
    transform: scale(1.05);
    opacity: 80%;
}

.wh75 {
    height: 75vh;
}

.wh70 {
    height: 70vh;
}

.izdelek-data-cont {
    border-top: 1px solid #b6b6b6;
}

.lg_selektor
{
  margin-top: 5px;
}

.izdelek-tabs a.nav-link {
    color: #ffffff;
    background: #87ab33;
    border-radius: 0px;
    border: none;
    font-size: 1.4rem;
    padding: 1.2rem 1.5rem;
}

.izdelek-tabs a.nav-link.active {
    background: #f4ede1;
    font-size: em;
}

.izdelek-tabs .tab-content {
    background: #f4ede1;
    color: #000000;
}

.light-grey-bkg {
    background-color: #e0e0e0;
}

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.zindex1000
{
	position:relative;
	z-index:1000;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4b4b4' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4b4b4' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.dropdown-menu .nav-link
{
	    color: #95a93b !important;
    font-size: 14px;
}

@media (max-width: 575.98px)
    {
    .small-tit-xs {
        font-size: 2.2rem;
    }
}

/* Bootstrap 5 Negative Margin Classes (All Breakpoints) */

/* Default (Base) */
.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

.ms-n1 { margin-left: -0.25rem !important; }
.ms-n2 { margin-left: -0.5rem !important; }
.ms-n3 { margin-left: -1rem !important; }
.ms-n4 { margin-left: -1.5rem !important; }
.ms-n5 { margin-left: -3rem !important; }

.me-n1 { margin-right: -0.25rem !important; }
.me-n2 { margin-right: -0.5rem !important; }
.me-n3 { margin-right: -1rem !important; }
.me-n4 { margin-right: -1.5rem !important; }
.me-n5 { margin-right: -3rem !important; }

.mx-n1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; }
.mx-n2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; }
.mx-n3 { margin-left: -1rem !important; margin-right: -1rem !important; }
.mx-n4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; }
.mx-n5 { margin-left: -3rem !important; margin-right: -3rem !important; }

.my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
.my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
.my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
.my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
.my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

/* Small (sm) */
@media (min-width: 576px) {
  .m-sm-n1 { margin: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }

  .mt-sm-n1 { margin-top: -0.25rem !important; }
  .mt-sm-n2 { margin-top: -0.5rem !important; }
  .mt-sm-n3 { margin-top: -1rem !important; }
  .mt-sm-n4 { margin-top: -1.5rem !important; }
  .mt-sm-n5 { margin-top: -3rem !important; }

  .mb-sm-n1 { margin-bottom: -0.25rem !important; }
  .mb-sm-n2 { margin-bottom: -0.5rem !important; }
  .mb-sm-n3 { margin-bottom: -1rem !important; }
  .mb-sm-n4 { margin-bottom: -1.5rem !important; }
  .mb-sm-n5 { margin-bottom: -3rem !important; }

  .ms-sm-n1 { margin-left: -0.25rem !important; }
  .ms-sm-n2 { margin-left: -0.5rem !important; }
  .ms-sm-n3 { margin-left: -1rem !important; }
  .ms-sm-n4 { margin-left: -1.5rem !important; }
  .ms-sm-n5 { margin-left: -3rem !important; }

  .me-sm-n1 { margin-right: -0.25rem !important; }
  .me-sm-n2 { margin-right: -0.5rem !important; }
  .me-sm-n3 { margin-right: -1rem !important; }
  .me-sm-n4 { margin-right: -1.5rem !important; }
  .me-sm-n5 { margin-right: -3rem !important; }
}

/* Medium (md) */
@media (min-width: 768px) {
  .m-md-n1 { margin: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
}

/* Large (lg) */
@media (min-width: 992px) {
  .m-lg-n1 { margin: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
}

/* Extra Large (xl) */
@media (min-width: 1200px) {
  .m-xl-n1 { margin: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
}

/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  .m-xxl-n1 { margin: -0.25rem !important; }
  .m-xxl-n2 { margin: -0.5rem !important; }
  .m-xxl-n3 { margin: -1rem !important; }
  .m-xxl-n4 { margin: -1.5rem !important; }
  .m-xxl-n5 { margin: -3rem !important; }
}