
@import url('https://fonts.googleapis.com/css2?family=Belleza&display=swap');
:root{    
    --accent-color: #b97836;
    --accent-color2: #e6b371;
    --accent-color3: #efe6dd;
    --mainFont: 'Belleza', sans-serif;
}
body.style2{
    font-family: var(--mainFont) !important;
    font-weight: bold;
}
p{
    font-family: "Lato" !important;
}
.home-slider{
    margin-top: 0 !important;
}
.cat-image{
    height: 300px !important;
    background-position: left !important;
    background-size: cover !important;
}
.cat-image2{
    height: 500px !important;
    background-position: top !important;
    background-size: cover !important;
}
.sub-menu-container .view-all{
    color: var(--accent-color) !important;
    text-decoration: underline !important;
}
/* Image Fit Fix */
.image-fit-fix {
    position: relative;
    width: 100%;
}
.image-fit-fix::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.image-fit-fix img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Image Fit Fix End */
.menu-item .image-fit-fix img {height: 212px;}
.menu-item .image-fit-fix::after {padding-bottom: 0 !important;}
.img-hover {
    position: relative;
    overflow: hidden;
}
.img-hover img {
    position: relative;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition-property: transform, -webkit-transform;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0s;
}
.img-hover:hover img {
    transform: scale(1.1);
    transition-duration: .6s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.img-hover-bg h3{
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    text-shadow: 1px 1px 8px rgb(0 0 0 / 28%);    
    width: 90%;
    padding: 20px;
}
.img-hover-bg{
    overflow: hidden !important;
    border-radius: 12px !important;
}
.img-hover-bg .bg-img{transition: .7s ease-in-out;}
.img-hover-bg:hover .bg-img{
    scale: 1.2;
}
.product-title a{transition: .5s;}
.bg-overlay-content a:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.product-cat{
    color: #000;
    transition: .5s;
}
.product-cat:hover{
    color: var(--accent-color);
}
footer, footer a, footer, footer p {
    font-family: "Lato" !important;
}
footer{background-color: var(--accent-color3);}
#copyrights{padding: 30px 0;}
.vid-bg-section:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 38, 32, 0.466);
    top: 0;
    left: 0;
}
.newsletter button {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    transition: .5s;
}
.newsletter button:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    opacity: .8;
}