/* ==========================================
   BASE - Variables, typography, resets
   ========================================== */
:root {
    --accent:      #c7d8c6;
    --body:        #666666;
    --heading:     #333333;
    --nav-bg:      #c7d8c6;
    --nav-text:    #ffffff;
    --nav-hover:   #1b1b1b;
    --footer-bg:   #222222;
    --footer-text: #999999;
}

body {
    font-family: 'Noto Sans', sans-serif;
    color: var(--body);
    background: #fff;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: var(--heading);
}
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', 'Roboto', sans-serif !important; }

a { color: var(--heading); text-decoration: none; }
a:hover { color: var(--accent); }

.container-inner { display: flex; align-items: center; flex-wrap: wrap; padding: 10px 0; }

/* Form inputs */
.uneditable-input,input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    display: block;
    height: 37px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.71428571;
    color: #909090;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

/* Widget lists */
.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Back to top */
.to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: var(--accent);
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    display: none;
}
@media (max-width: 1300px) { .to-top { display: none !important; } }

/* Misc global */
.view-mode .list { display: none; }
.site-logo-mobile { display: none; }
img.crazy_lazy { opacity: 1; }
.product-label span { display: none; }
.wp-paginate { display: none; }
.centered_banners { text-align: center; }
body.woocommerce { margin: 0 !important; }

body:not(.home) {
    #vg-main-content-wrapper {
        margin-top: 40px;
    }
}