@import 'fonts.css';

:root {
  --pastry: #E0D5BB;
  --green: #446328;
  --wine: #77160D;
  --coals: #393027;
  --clay: #B16C52;
  --pkhali: #B4A871;
}


/* UI */
* {
  box-sizing: border-box;
}

svg .uk-text-muted, svg.uk-text-muted {
    color: #B4A871 !important;
}

.uk-section {
  overflow: hidden;
}

.uk-button {
  padding: 10px 30px;
}

textarea {
  resize: none;
}

.uk-modal-footer {
  border-radius: 0 0 15px 15px;
}

@media(max-width: 960px){
  .c-btn-1-1 .el-item {
    flex: 1;
  }
  .c-btn-1-1 .uk-button {
    width: 100%;
  }
}

/* CUSTOM */
.c-grid-card-secondary .el-item {
  background: var(--clay);
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
} 

.c-card-grid .el-item {
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  overflow: hidden;
}

.c-map {
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  overflow: hidden;
}

.uk-offcanvas-bar .m-social .el-image {
  width: 40px;
  color: var(--pkhali) !important;
}


@media(max-width: 960px){
  .c-slidenav-bottom {
    padding-bottom: 90px;
  }
  .c-slidenav-bottom .uk-position-center-left,
  .c-slidenav-bottom .uk-position-center-right {
    top: calc(100% );
    transform: none;
    margin: 0;
  }
}


@media(min-width: 960px){
  .c-slidenav-bottom .uk-position-center-left-out,
  .c-slidenav-bottom .uk-position-center-right-out {
    top: calc(100% - 170px);
    transform: none;
  }
  .c-map {
    height: 600px;
  }
}

.c-grid-card-secondary img {
  border-radius: 15px;
}


/* MENU */
.c-menu-grid .el-image {
  width: 100%;
}

.c-menu-grid .el-item {
  transform: translateY(0);
  transition: all ease .25s;
} 

.c-menu-grid .el-item:hover {
  transform: translateY(-10px);
}

/* MODAL */
.c-modal-sublayout {
  padding: 0;
  padding-bottom: 40px;
  overflow: hidden;
}

.c-modal-col > *:not(.c-modal-1-1) {
  padding-left: 15px;
  padding-right: 15px;
}

@media(min-width: 960px) {
  .c-modal-sublayout {
    padding-bottom: 70px;
  }
  .c-modal-col > *:not(.c-modal-1-1) {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media(max-width: 960px) {
.c-afisha .el-title {
  max-width: 50%;
  }
}

/*Cookie CSS*/

.tm-cookie-banner .uk-container {
  text-align: left !important;
  padding-right: 55px;
  font-size: .875rem;
}
.tm-cookie-banner .uk-close {
  width: 40px;
  transform: none;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--primary);
}
@media(min-width: 960px){
  .tm-cookie-banner {
    max-width: 420px;
    bottom: 40px;
    left: 40px;
  }
}

.s-promo video {
  height:calc(100vh - 100px);
  width: 100%;
  object-fit: cover;
}

/*Akcii*/

.c-gallery-akcii .el-content,
.c-gallery-akcii-2 .el-content {
 color: #e0d5bb !important;   
}

.c-gallery-akcii .uk-overlay-primary,
.c-gallery-akcii-2 .uk-overlay-primary{
 border-radius:15px;   
}


@media(max-width:640px) {
 .c-gallery-akcii .uk-grid .el-item img{
    height: calc(100vh - 340px);
    object-fit:cover;
    max-height:312px;
 }
}
/*Float btn*/

#float-btn {
    position: fixed !important;
    bottom: 3rem !important;
    z-index: 9999 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

@media (min-width: 960px) {
    #float-btn {
        right: 3rem !important;
        width: 140px !important;
        height: 140px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 960px) {
    #float-btn {
        left: 1rem !important;
        width: 110px !important;
        height: 110px !important;
        font-size: 11px !important;
    }
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(119, 22, 13, 0.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(119, 22, 13, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(119, 22, 13, 0);
    }
}

#float-btn {
    animation: pulse-animation 2s infinite;
}


@media (min-width: 960px) {
.uk-navbar-container,
.uk-navbar-nav,
.uk-navbar-nav > li > a {
/*    min-height: 60px !important; */
   /*  height: 60px !important; */
}

.uk-navbar-nav {
   /* gap: 15px !important; */
}

.uk-navbar-nav > li > a {
    padding: 0 12px !important; 
}


div.uk-navbar-left,
ul.uk-navbar-nav[style*="flex-grow"] {
    flex-grow: 0 !important;
}


.uk-navbar-nav > li {
    width: auto !important;
}

.uk-navbar-nav > li > a {
    width: auto !important;
    padding: 0 20px !important; 
}


nav.uk-navbar {
    justify-content: center !important;
}

.tm-headerbar-default {
  
 padding-bottom:0px;
}
}