/* ==========================================================
   VivaVita Theme
   Header
========================================================== */


/* ==========================================================
   Header
========================================================== */

.site-header{
    background:#ffffff;
    border-bottom:1px solid var(--vv-border);
    padding:20px 0;
    margin-bottom:0;
}



/* ==========================================================
   Logo
========================================================== */

.site-branding{
    margin-bottom:0;
}

.custom-logo{
    max-height:70px;
    width:auto;
}


/* ==========================================================
   Site Title
========================================================== */

.site-title{
    margin:0;
    font-size:2rem;
    font-weight:500;
}

.site-title a{
    color:var(--vv-brown);
}

.site-title a:hover{
    color:var(--vv-green);
}

/* ==========================================================
   Tagline
========================================================== */

.site-description{
    color:var(--vv-muted);
    font-size:.95rem;
    margin-top:6px;
}

/* ==========================================================
   Navigation
========================================================== */

.main-navigation{
    font-size:1.05rem;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a{
    color:var(--vv-brown);
    padding:14px 18px;
    font-weight:500;
    transition:.25s;
}

.main-navigation ul.menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:hover{
    color:var(--vv-green);
}

/* Active menu */
.main-navigation .current-menu-item>a,
.main-navigation .current_page_item>a{
    color:var(--vv-green);
}

/* ==========================================================
   Dropdown
========================================================== */

.main-navigation ul ul{
    border-radius:var(--vv-radius-small);
    background:#ffffff;
    border:1px solid var(--vv-border);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.main-navigation ul ul a{
    padding:12px 18px;
}

/* ==========================================================
   Search
========================================================== */

.site-search {
    display: none !important;
    margin-bottom:0;
}

.site-search input{
    border-radius: 9px;
    background-color: #FCF9F6;
}

/* ==========================================================
   Header Icons
========================================================== */

.site-header-cart a,
.site-header .cart-contents{
    color:var(--vv-brown);

}

.site-header-cart a:hover,
.site-header .cart-contents:hover{
    color:var(--vv-green);
}


/* Cart Count */
.count{
    background:var(--vv-green);
    color:#fff;
    border-radius:999px;
}

/* ==========================================================
   Breadcrumbs
========================================================== */

.woocommerce-breadcrumb{
    margin:20px 0;
    color:var(--vv-muted);
    font-size:.95rem;
}

.woocommerce-breadcrumb a{
    color:var(--vv-muted);
}

.woocommerce-breadcrumb a:hover{
    color:var(--vv-green);
}

/* ==========================================================
   Sticky Header (klar til senere)
========================================================== */

/*
.site-header{
    position:sticky;
    top:0;
    z-index:999;
}
*/

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){
    .site-header{
        padding:16px 0;
    }
    .custom-logo{
        max-height:56px;
    }
    .main-navigation
    {
        font-size:1rem;
    }
}

/* Skjul dato og forfatter på alle indlæg */
.entry-header .posted-on,
.entry-header .post-author {
    display: none !important;
}