/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : May 21, 2018, 5:50:19 PM
    Author     : nebemore
*/
html {
    font-size: 14px;
}

body {
  font-family: 'Montserrat', sans-serif;
}
/*
    COLORS
*/
.color_green {
    color: #8CC946;
}
/*
    ALERTS
*/
.left_time_wrapper {
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
}
.left_time_wrapper>div:first-child {
    padding-bottom: 20px;
}
.left_time {
    color: #a02c18;
}
/*
    SPACING
*/
.p_hz_50 { padding: 50px 0px;}
.p_vt_50 { padding: 0px 50px;}
.m_hz_50 { margin: 50px 0px;}
.m_vt_50 { margin: 0px 50px;}

.p_hz_100 { padding: 100px 0px;}
.p_vt_100 { padding: 0px 100px;}
.m_hz_100 { margin: 100px 0px;}
.m_vt_100 { margin: 0px 100px;}
/*
    NAV
*/
#main-menu-wrapper .nav-item a {
    font-size: 14px;
    color: #000000;
    /*font-family: 'Pacifico', cursive;*/
}
#main-menu-wrapper .nav-item a.active {
    color: #8CC946!important;
}
.navbar-toggler {
  border: 0px;
  border-color: none;
}
button.navbar-toggler,
button.navbar-toggler:focus {
    outline: none;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(/img/nav/hamburger.png);
    background-size: contain;
}
/* BGND */
.bgnd_fixed {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/*
    CART
*/
.dropdown-menu {
    left: inherit;
    right: 7%;
    background-color: rgba(255,255,255,0.95)!important;
}
#cart {
    min-width: 180px;
    padding: 0px 10px;
    position: relative;
}
#cart_elem {
    position: absolute;
    bottom: -100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.cart_item_name {
    width: 90%;
    display: inline-block;
}
.cart_item_button {
    display: inline-block;
    width: 10%;
    background-color: transparent!important;
}
.cart_item_button img {
    width: 22px;
    height: 22px;
}
.cart_item_button img:hover {
    cursor: pointer;
}
.cart_items:nth-of-type(2n) {
    background-color: #f0f0f0;
}
#send_prods {
    margin: 20px 0px 10px;
}
.bill_total {
    font-size: 30px;
    font-weight: bold;
    color: #8CC946;
}

#main-menu-wrapper .nav-item a:hover,
#main-menu-wrapper .nav-item a:active,
#main-menu-wrapper .nav-item a:focus {
    color: #8CC946;
}
.navbar {
    /*padding: .9rem 1rem;*/
    padding: .0;
    -webkit-box-shadow: -1px 2px 5px 1px rgba(77,77,77,0.29);
    -moz-box-shadow: -1px 2px 5px 1px rgba(77,77,77,0.29);
    box-shadow: -1px 2px 5px 1px rgba(77,77,77,0.29);
}
#total_price {
    padding-left: 5px;
}
/*
    MAIN
*/
.main {
    margin-top: 0px;
}

.logo {
  width: auto;
  height: 55px;
}

/*
    LOGIN FORM
*/
#registr_form, #minicart {
    min-width: 350px;
    padding: 20px 10px 0px;
    font-size: 15px;
}
#minicart p {
    font-size: 14px;
}
.cart_items {
    padding: 1px 3px;
}
#profile-menu .dropdown-menu,
#profile-menu .form-group,
#profile-menu .form-group .form-control{
    border-radius: 0px!important;
}
#profile-menu .form-group {
    margin: 5px 0px;
}
.control_disabled {
    cursor: not-allowed;
    pointer-events: none;
}
/*
    COVER MAIN
*/
.cover_week {
    display: block;
    width: 100%;
    height: 750px;
    background-image: url(/img/slides/06_soup.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}
.progress .progress-bar {
    background: linear-gradient(to left, red, orange, #8CC946) ;
}
.progress {
    height: 50px!important;
}
/*
    DAILY MENU
*/
#menu_wrapper {
	display: block;
	padding: 110px 0px 70px;
  margin-bottom: 50px;

}
#daily_menu_wrapper,#week_menu_slider  {
    padding: 50px;
    display: block;
    max-width: 800px;
    position: relative;
    margin: 0px auto;
}
#week_menu_slider {
    top: 130px;
    padding-bottom: 150px;
}
#daily_menu_wrapper {
    background: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.9),rgba(255,255,255,1),rgba(255,255,255,0.7));
}

.daily_menu_wrapper_inner,
.week_menu_wrapper_inner {
    background-color: #ffffff;
    border: 1px solid #8cc946;
    position: relative;
    padding: 5%;
}
#deco_left, #deco_right {
    display: block;
    background-color: transparent;
    border: 1px solid #8cc946;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -13px;
}
#deco_left {
    left: -13px;
}
#deco_right {
    right: -13px;
}
.daily_menu_entry {
    text-align: left;
}
#demo {
    position: fixed;
    top: 80px;
    left: 3%;
    z-index: 1000;
}

/* Use a media query to add a breakpoint at 500px: */
@media screen and (max-width: 500px) {
  #demo {
    width: 35%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

#demo .circlechart {
    background-color: #FDFDFD;
    padding: 20px;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(77,77,77,0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(77,77,77,0.2);
    box-shadow: 0px 0px 5px 1px rgba(77,77,77,0.2);
}
/*
    WEEK MENU
*/
.week_menu_wrapper {
    background: #ffffff;
    padding: 50px;
    display: block;
    max-width: 800px;
    margin: 0px auto;
}
.carousel-control-prev {
    left: -40px;
}
.carousel-control-next {
    right: -40px;
}
.carousel-control-prev-icon, .carousel-control-next-icon
{
     background-color: rgba(0,0,0,0.5);
     width: 35px;
     height: 35px;
}

/*
    BANNER
*/
#banner_holder {
}
#banner {
    display: none;
}
#banner > .row {
    display: table-row;
}
.banner_discount {
    display: table-cell;
}
.banner_discount_box {
    background-color: #ffffff;
    width: 130px;
    height: 130px;
    min-width: 130px;
    min-height: 130px;
    border-radius: 100%;
    text-align: center;
    letter-spacing: -0.05em;
    display: table-cell;
}
.banner_text {
    display: table-cell;
}
/*
    ADDITIONAL SECTIONS
*/
.add_section_wrapper {
	  padding: 100px 0px;
    position: relative;
    margin-bottom: 50px;
}
.contact_section_wrapper {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    min-height: 60px;
    position: relative;
    margin-top: 50px;
}

.add_section_wrapper_bgnd2 {
    background-image: url(/img/slides/cover_sweets.jpg);
}
.add_section_wrapper_bgnd3 {
    background-image: url(/img/slides/cover_teller.jpg);
}
.add_section_wrapper_bgnd4 {
    background-image: url(/img/slides/cover_drinks.jpg);
}
.add_menu_wrapper {
    background: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.9),rgba(255,255,255,1),rgba(255,255,255,0.7));
    padding: 50px;
    display: block;
    max-width: 800px;
    position: relative;
}

@media (max-width: 576px){
    .add_menu_wrapper {
        padding: 5%;
    }
}

.add_menu_wrapper_inner {
    background: #ffffff;
    border: 1px solid #a02c18;
    position: relative;
    padding: 50px;
}

@media (max-width: 576px){
    .add_menu_wrapper_inner {
        padding: 5%;
    }
}

.add_section_separator {
}
.add_section_icon_wrapper {
    top: -25px;
    background-color: #ffffff;
    padding: 10px 10px 5px;
    border-radius: 100px;
    border-top: 1px solid #a02c18;
}
img.add_section_icon {
    height: 47px;
    width: auto;
}
/*
    CONTACT SECTION
*/
.contact_wrapper_inner {
    background-color: #ffffff;
    border: 1px solid #dcdceb;
    position: relative;
    padding: 50px;
}
.contact_form_wrapper {
    padding: 20px 20px 10px 0px;
}
#contact_form .form-control {
    border: 2px solid #000000;
    border-radius: 0px;
    margin-bottom: 10px;
}
#copyright {
    /*bottom: 30px;*/
    font-size: 12px;
    padding-top: 10px;
}
/*
    CUSTOM PAGES
*/
.page-custom {
  max-width: 75%;
  margin: 100px auto;
}
/*
    SCROLL TO TOP
*/
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#8cc946;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#a02c18;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

@media (min-width: 992px){
    /*
    MENU
    */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .4rem;
        padding-left: .4rem;
    }
}
@media (max-width: 992px){
    /*
    MENU
    */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: .3rem;
    }
    #button.navbar-toggler {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
}
@media (min-width: 768px){
    .form-group {
        margin-bottom: 0rem;
    }
}
@media (max-width: 576px){
    #daily_menu_wrapper,
    #daily_menu_wrapper_inner {
        padding: 30px;
    }
    .daily_menu_section > h3 {
        width: 100%;
    }
    .daily_menu_section,
    .daily_menu_entry_name {
        text-align: center;
    }
    .daily_menu_entry_price {
        text-align: right;
    }
}
@media (max-width: 440px){
    #daily_menu_wrapper,
    #daily_menu_wrapper_inner {
        padding: 20px;
    }
    .daily_menu_entry {
        font-size: 14px;
    }
}

/* CUSTOM STYLING */

/* MAIN COVER */
.kamcat .cover_main {
    background-image: url(/img/users/kamcat/banner-main.jpg);
}
.kapama .cover_main {
    background-image: url(/img/users/kapama/banner-main.jpg);
}
/* BANNER 1 */
.kamcat .add_section_wrapper_bgnd1 {
    background-image: url(/img/users/kamcat/banner-2.jpg);
}
.kapama .add_section_wrapper_bgnd1 {
    background-image: url(/img/users/kapama/banner-2.jpg);
}
.brashnarov .add_section_wrapper_bgnd1 {
    background-image: url(/img/users/brashnarov/banner-2.jpg);
}



body.kashta-gosti .main {
  margin-top: 50px;
  padding: 80px 0px;
  background-image: url(/img/users/guest-house/interior.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body.kashta-gosti .page-custom {
  max-width: 60%;
  margin: 0px auto 100px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 80px;
}