body {
    background-color: #FFFFFF;
    color: #767473;
    font-family: Roboto;
    height: 100%;
}
html {
    height: 100%;
}
h1 {
    margin-bottom: 2rem;
    margin-top: 1rem
}

h2 {
    margin-bottom: 1.5rem;
    margin-top: 1.25rem
}

h3 {
    margin-bottom: 1.5rem;
    margin-top: 2.5rem
}

h4 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem
}

h5 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem
}

.navbar {
    background-color: #20090b;
}

.brown {
    color: #af8063;
}

.top-menu-link, .top-menu-link:visited {
    color: #af8063;
    text-decoration: none;
    font-weight: bold;
}

.top-menu-link:hover, .top-menu-link:focus {
    color: #af8063;
    text-decoration: none;
    font-weight: bold;
}

.top-menu-link:active, .top-menu-link.active {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.homepage-content {
    margin: 0 auto;
    position: relative;
    background: rgb(32,9,11);
    background: -moz-linear-gradient(180deg, rgba(32,9,11,1) 70%, rgba(57,16,21,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(32,9,11,1) 70%, rgba(57,16,21,1) 100%);
    background: linear-gradient(180deg, rgba(32,9,11,1) 70%, rgba(57,16,21,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20090b",endColorstr="#391015",GradientType=1);
  }

.homepage-bg {

    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
}

footer {
    height: 10rem;
    background-color: white;
    color: #767676;
    background-image: url('../img/footer_bkg_gradient.jpg');
    background-position: bottom;
    height: 415px;
}

.footer-logo {
    background-repeat: repeat-x;
    background-image: url('../img/footer_bkg_logo.jpg');
}

.footer-menu {
    height: 10rem;
    color: #767676;
    background-image: url('../img/footer_bkg_cows.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 264px;
}

.nav-footer li {
    position: relative;
}

.nav-footer li:not(:last-child):after{
    content: '';
    position: absolute;
    right: -2px;
    width:2px;
    height: 40%;
    top: 30%;
    background: #767676
}

.nav-footer a {
    color: #767676;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
}

.nav-footer-small a {
    color: #767676;
    text-decoration: none;
    font-size: 1rem;
}

.nav-item {
    text-transform: uppercase !important;
}

.page-header {
    /*height: 900px;*/
    background-color: #20090b;
    background-image: url('../img/header_bkg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.page-header-product-repeat {
    /*height: 900px;*/
    background-color: #ffffff;
    background-image: url('../img/bkg_title_product_repeat.png');
    background-repeat: repeat-x;
    position: relative;
}

.page-title {
    background-color: #f8f3ed;
}

.select-btn:hover, .select-btn:focus, .select-btn.active {
    font-size: 1.1rem;
    border: 0.15rem solid #af8063;
    background-color: white;
    color: #af8063;
    padding: 2px 4px 4px 4px;
}

.select-btn {
    font-size: 1.1rem;
    border: 0.15rem solid #af8063;
    background-color: #af8063;
    color: white;
    font-weight: bold;
    padding: 2px 4px 4px 4px;
    text-transform: uppercase !important;
}

.success-btn {
    font-size: 1.1rem;
    border: 0.15rem solid #af8063;
    background-color: white;
    color: #af8063;
    padding: 2px 4px 4px 4px;
    font-weight: bold;
    text-transform: uppercase !important;
}

.success-btn:hover, .success-btn:focus, .success-btn.active {
    font-size: 1.1rem;
    border: 0.15rem solid #af8063;
    background-color: #af8063;
    color: white;
    font-weight: bold;
    padding: 2px 4px 4px 4px;
    text-transform: uppercase !important;
}

.temp-btn {
    font-size: 1.1rem;
    border: 0.15rem solid #f1dabf;
    background-color: white;
    color: #f1dabf;
    padding: 2px 4px 4px 4px;
}

.temp-btn:hover, .temp-btn:focus, .temp-btn.active {
    font-size: 1.1rem;
    border: 0.15rem solid #f1dabf;
    background-color: #f1dabf;
    color: white;
    font-weight: bold;
    padding: 2px 4px 4px 4px;
    text-transform: uppercase !important;
}

.delete-btn:hover, .delete-btn:focus, .delete-btn.active {
    font-size: 1.1rem;
    border: 0.15rem solid #cc3844;
    background-color: white;
    color: #cc3844;
    padding: 2px 4px 4px 4px;
}

.delete-btn {
    font-size: 1.1rem;
    border: 0.15rem solid #cc3844;
    background-color: #cc3844;
    color: white;
    font-weight: bold;
    padding: 2px 4px 4px 4px;
    text-transform: uppercase !important;
}

/* product card */
.product-card {
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-image: url('../img/bkg_produs.jpg');
}

.product-details-btn {
    font-size: 1rem;
    border: 0.1rem solid #cc3844;
    color: #cc3844;
    padding: 4px 30px 6px 30px;
    text-transform: uppercase !important;
}

.product-details-btn:hover {
    background-color: #cc3844;
    color: #f7c895;

}

.product-header {
    font-size: 1.6rem;
    color: #391314;
    padding: 25px 15px 0 15px;
    text-transform: uppercase !important;
    border: 0;
    background: none;
}

.product-detail-header {
    font-size: 1.6rem;
    color: #391314;
    padding: 0px 15px 15px 0;
    text-transform: uppercase !important;
    font-weight: bold;
}

.success-title {
    font-size: 1.6rem;
    color: #391314;
    padding: 0px 15px 15px 0;
    text-transform: uppercase !important;
    font-weight: bold;
}

.error-title {
    font-size: 1.6rem;
    color: #cd3542;
    padding: 0px 15px 15px 0;
    text-transform: uppercase !important;
    font-weight: bold;
}

.product-footer {
    padding: 0 15px 25px 15px;
    border: 0;
    background: none;
}

.product-price {
    font-size: 1.8rem;
    font-weight: bold;
    color: #cc3844;
}

.product-price-detail {
    font-size: 1.1rem;
    color: #cc3844;
}


.product-card-new {
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgb(51,17,18);
    background: linear-gradient(180deg, rgba(51,17,18,1) 0%, rgba(168,66,61,1) 100%);
}



.product-details-btn-new {
    font-size: 1rem;
    border: 0.1rem solid #f7c895;
    color: #f7c895;
    padding: 6px 30px 6px 30px;
    text-transform: uppercase !important;
}

.product-details-btn-new:hover {
    background-color: #f7c895;
    color: #391314;

}

.product-header-new {
    font-size: 1.6rem;
    color: #f7c895;
    padding: 25px 15px 0 15px;
    text-transform: uppercase !important;
    border: 0;
    background: none;
}

.product-price-new {
    font-size: 1.8rem;
    font-weight: bold;
    color: #f7c895;
}

.product-price-detail-new {
    font-size: 1.1rem;
    color: #f7c895;
}


.container {
    max-width: 1100px;
}

.separator {
    background-repeat: repeat-x;
    background-image: url('../img/separator-bkg.jpg');
}

.separator_label {
    max-width: 1100px;
    vertical-align: middle;
    font-size: 1.8rem;
    font-weight: bold;
    color: #93583c;
    padding-top: 0.9rem;
}

.photo_cell {
    background-image: url('../img/bkg_produs.jpg');
}

.bkg-f9 {
    background-color: #f9f9f9;
}

.receipt-header {
    font-size: 1.6rem;
    color: #391314;
    padding: 25px 15px 35px 0;
    font-weight: bold;
}

.small-title {
    color: #965d4d;
    text-decoration: none;
}

.normal-link, .normal-link:visited {
    color: #965d4d;
    text-decoration: none;
}

.normal-link:hover {
    color: #965d4d;
    text-decoration: underline;
}

.bottom-bordered-div {
    border-bottom: 1px solid #af8063;
    /*padding: 1rem 0;*/
}

.top-bordered-div {
    border-top: 1px solid #af8063;
    /*padding: 1rem 0;*/
}

.bordered-div {
    border: 1px solid #af8063;
    padding: 1rem 1rem;
}

.border-bottom-light {
    border-bottom: 1px solid #e9e9e9;
    /*padding: 1rem 0;*/
}

.message {
    padding: 1rem;

    background: #b6aca6;
    color: #391314;

    border-color: #af8063;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #ffffff;
    color: #af8063;
    border-color: #af8063;
}
.message.error {
    background: #ffffff;
    color: #bb0000;
    border-color: #bb0000;
}

.receipt-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #454545;
}

.ingredient-link, .ingredient-link:visited {
    color: #cc3844;
    font-weight: bold;
    text-decoration: none;
}

.ingredient-link:hover {
    text-decoration: underline;
}

.receipt-btn {
    font-size: 1rem;
    font-weight: bold;
    border: 0.1rem solid #cc3844;
    color: #FFFFFF;
    background-color: #cc3844;
    padding: 4px 30px 4px 30px;
    text-transform: uppercase !important;
}

.receipt-btn:hover {
    background-color: #ffffff;
    color: #cc3844;
}

.carusel-link, .carusel-link:visited, .carusel-link:hover {
    text-decoration: none;
    color: #767473;
}

.carusel-card-body {
    flex: 1 1 auto;
    padding: 1rem 0;
  }

.carusel-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
/* background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; */
}

.generic-title {
    font-weight: bold;
    color: #454545;
}

.px-6 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }

.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

.breadcrumb-item a, .breadcrumb-item a:visited {
    color: #965d4d;
    text-decoration: none;
}

.breadcrumb-item a:hover {
color: #965d4d;
text-decoration: underline;
}

.threeColumns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}