/*
Theme Name: The Gallery Kitchen
Github Theme URI: https://github.com/jaap-seoninja/thekitchengallery
Theme URI: https://www.seoninja.pro/
Author: SEO Ninja
Author URI: https://www.seoninja.pro/
Version: 1.0.1
Text Domain: seoninja
*/
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

:root{
    --seoninja-primary-color:#AB4430;
    --seoninja-secondary-color:#29526E;
    --seoninja-primary-bg-color:#EDEEE8;/*#E1897D;*/
    --seoninja-secondary-bg-color:#BDB8A8;
    --seoninja-primary-light:#F4C1B1;
    --seoninja-secondary-light:#80B6DD;
    --seoninja-yellow:#E9C986;
    --seoninja-font-sans-serif:'Quicksand',sans-serif;
    --seoninja-font-serif:'DM Serif Display',serif;
}

/*
@font-face{
    font-family:'CamptonLight';
    src:url(css/fonts/CamptonLight.otf);
}
@font-face{
    font-family:'CamptonMedium';
    src:url(css/fonts/CamptonMedium.otf);
}
*/
body,p{
    /*font-family:'CamptonLight',sans-serif;*/
    font-family:var(--seoninja-font-sans-serif);
    font-weight:300;
}
h1,h2,h3{
    font-family:var(--seoninja-font-serif);
    color:var(--seoninja-secondary-color);
}
h4,h5,h6,b,strong{
    /*font-family:'CamptonMedium',sans-serif;*/
    font-family:var(--seoninja-font-sans-serif);
    font-weight:500;
}
h1{
    color:var(--seoninja-secondary-color) !important;
    margin:0 0 50px 0;
}

body{
    background:var(--seoninja-primary-bg-color);
}

a{
    color:var(--seoninja-primary-color) !important;
}
a:hover{
    color:#000 !important;
}
p, .paragraph, .other-posts__desc{
    font-weight:normal !important;
}
input[type='submit'],.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background:var(--seoninja-primary-color) !important;
    color:#FFF !important;
    border:1px solid var(--seoninja-primary-color) !important;
    padding:10px 35px !important;
    font-size:18px !important;
    font-weight:bold;
}
input[type='submit']:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    opacity: 0.7 !important;
    color:#FFF !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width:120px !important;
}
table.cart img {
   max-width: 50px !important;
   border-radius:50% !important;
   margin-bottom:0 !important;
}

a.button-two{
    color:#FFF !important;
    border:1px solid var(--seoninja-primary-color);
}
.button-two span{
    padding-top:3px;
}
.button-small{
    font-size:0.75em !important;
    padding:5px 10px !important;
    float:right;
    background:#FFF !important;
    margin-left:10px !important;
}
.button-small:hover{
    background:var(--seoninja-primary-color) !important;
    color:#FFF !important;
}

a.navbar-brand{
    margin-right:30px;
}

section.page-banner-section h1{
    text-shadow: #000 1px 1px;
}
section.page-banner-section span{
    text-shadow: #000 1px 1px;
}

form.checkout .col-1{
    width:65% !important;
    max-width: 65% !important;
}
form.checkout .col-2{
    width:35% !important;
    max-width: 35% !important;
}
.woocommerce form .form-row label{
    width:100% !important;
}
p#billing_address_2_field{
    display:none !important;
}
p#order_comments_field textarea{
    width:260px !important;
    min-height:260px !important;
    padding:10px !important;
}

.navbar{
    padding:10px !important;
}
a.nav-parent{
    padding:0 10px;
    color:var(--seoninja-primary-color);
}
a.nav-parent:hover{
    color:#000;
}
a.custom-logo-link{
    margin-right:15px !important;
}

section.banner-section .row{
    flex-direction:row !important;
    align-content:stretch !important;
    justify-content:space-between !important;
}
.banner-box{
    color:#FFF !important;
    text-shadow: #000 2px 2px !important;
    margin:15% 0;
}
.banner-box h1{
    color:#FFF !important;
    font-size:75px;
}
.banner-box h1 img{
    filter: brightness(0) invert(1);
}
.banner-box h2{
    font-size:45px !important;
}

#mainmenu{
    font-size:25px !important;
}
#mainmenu li{
    list-style:none !important;
    text-align:right;
    margin-bottom:2px;
}
#mainmenu a{
    color:#FFF !important;
    text-shadow: var(--seoninja-secondary-color) 1px 1px !important;
    padding:10px;
    font-weight:900;
    background:var( --seoninja-secondary-color);
    opacity:0.8;
}
#mainmenu a:hover{
    background:var(--seoninja-primary-color);
}

.featured-product{
    color:#59586C;
}
.vegetarian-product{
    color:#A2A131;
}


section.news-section.blog-page{
    background:var(--seoninja-primary-bg-color);
    padding:90px 0;
    margin-top:100px;
}
div.single-post{
    border:none !important;
}
.div.single-post{
    padding:0 !important;
}
.news-box h1{
    color:#000 !important;
}

.white-style{
    color:#FFF !important;
}
span.day{
    display:inline-block;
    width:100px;
}

.popular-menu-post{
    padding-bottom:15px;
}
.popular-menu-post *{
    display:block;
    text-align:center;
}
.popular-menu-post h3{
    margin-top:15px;
    min-height:56px;
}
.popular-menu-post a:hover{
    color:#FFF !important;
}
.popular-menu-post .button-one{
    margin:10px 25%;
}

section.menu-section .menu-box .menu-holder ul.menu-list li img{
    border:1px solid var(--seoninja-primary-color) !important;
}
section.menu-section .category-list{
    column-count:2 !important;
    column-fill:balance !important;
}
ul.menu-list{
    margin-bottom:20px !important;
}
.legenda{
    padding-top:15px;
    font-style:italic;
    font-size:0.85em;
}
.legenda span{
    padding:0 5px !important;
}

.post-content h1{
    font-size:55px !important;
}
.news-post:hover h3{
    color:var(--seoninja-primary-color) !important;
}
.news-section h1{
    color:var(--seoninja-primary-color) !important;
}
.white-style h1{
    color:#FFF !important;
}
.news-content{
    /*min-height:165px;*/
}

footer .up-footer .footer-widget ul.social-list li a{
    padding:10px !important;
}

footer a{
    color:var(--seoninja-secondary-color) !important;
}
footer a:hover{
    color:#000000 !important;
}
footer input[type=submit]{
    background:var(--seoninja-secondary-color) !important;
    border:1px solid var(--seoninja-secondary-color) !important;
}
footer .contact-widget span.dashicons{
    padding-top:3px;
    margin-right:8px;
}
.copyright-line{
    font-size:12px !important;
}
footer a.go-top{
    font-size:11px !important;
    text-transform: none !important;
}
footer div.copyright-line{
    text-align:center;
    padding-bottom:25px !important;
}
footer div.copyright-line div{
    display:inline-block;
    margin-right:15px;
}

.item:hover h3{
    color:var(--seoninja-primary-color);
}

#mainmenu{
    margin:15% 0;
}
#mainmenu ul{
    padding:0 !important;
}
ul.menus{
    padding:0;
    margin:50px 0;
    text-align: center;
}
ul.menus li{
    display:inline-block;
}
ul.menus li a{
    border:1px solid var(--seoninja-secondary-color);
    border-radius:5px;
    padding:10px;
    color:var(--seoninja-secondary-color) !important;
    margin:5px;
}
ul.menus li a:hover{
    border:1px solid var(--seoninja-primary-color);
    color:var(--seoninja-primary-color) !important;
}
ul.menus li a.current-category{
    background:var(--seoninja-secondary-color);
    color:#FFF !important;
}
ul.menus li a.current-category:hover{
    background:var(--seoninja-primary-color);
}

.woocommerce-message,.woocommerce-info{
    border-top-color: var(--seoninja-primary-color) !important;
}
.woocommerce-message::before,.woocommerce-info::before{
    color:var(--seoninja-primary-color) !important;
}
.wc-proceed-to-checkout{
    float:right;
}
.woocommerce-billing-fields p.form-row{
    width:60% !important;
    display:inline-block !important;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
    float:left;
}
p#billing_state_field{
    display:none !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    padding:5px;
    border-radius:5px;
}

.home-content{
    padding:40px 0;
}

@media(max-width:900px) {
    .row{
        justify-content:space-around;
        align-items:flex-end;
    }
    .navbar img{
        width:auto;
        height:75px;
    }
    section.banner-section{
        margin:96px 0 0 0;
        padding:0;
    }
    section.popular-menu-section{
        padding:50px 0;
    }
    section.news-section.blog-page{
        padding:50px 0;
    }
    section.news-section{
        padding:50px 0;
    }
    section.menu-section .menu-box{
        padding:50px 0;
    }
    .no-mobile{
        display:none !important;
    }
    #mainmenu{
        font-size:25px !important;
    }
    .custom-logo-link{
        padding:11px 0;
    }
    .other-posts__next{
        background:#FFF;
    }

    section.menu-section .menu-box .menu-holder ul.menu-list li .menu-cont h4 span.title-menu{
        font-size:0.8em;
        display:inline-block;
        width:50%;
    }

    a.button-two{
        padding:10px 15px !important;
    }
    .banner-box h2{
        font-size:28px !important;
    }
    .navbar a.navbar-brand{
        margin-left:0 !important;
    }
    header .custom-logo{
        width:200px;
        height:inherit;
    }
    .news-content{
        min-height:inherit;
    }
    ul.menus{
        margin-top:15px !important;
    }

    .popular-menu-section .item{
        border:1px solid var(--seoninja-primary-color);
        padding:20px 0;
        margin:20px;
        border-radius:5px;
    }

    .post-content h1{
        font-size:40px !important;
    }
    div.single-post .post-content h2{
        font-size:24px !important;
    }

    .form-row{
        display:block;
        flex-wrap:inherit;
    }
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
        width:100% !important;
    }
    .woocommerce-billing-fields p.form-row,p#order_comments_field textarea{
        width:100% !important;
    }
    form.checkout .col-1,form.checkout .col-2{
        width:100% !important;
        max-width:100% !important;
    }
    div.single-post .post-content{
        padding:0 15px 25px !important;
    }

    footer{
        text-align:center !important;
    }
}