/*
 Theme Name:   Verdure
 Template:     storefront
 Version:      1.0
 Author: Markus Grüner und Marlene Forstinger
*/

@font-face {
    font-family: 'Vollkorn';
    src: url('assets/fonts/vollkorn-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/vollkorn-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('assets/fonts/vollkorn-italic-webfont.woff2') format('woff2'),
         url('assets/fonts/vollkorn-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('assets/fonts/vollkorn-semibold-webfont.woff2') format('woff2'),
         url('assets/fonts/vollkorn-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('assets/fonts/vollkorn-semibolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/vollkorn-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* =========================
   Global background
   ========================= */
body {
    background-color: #fbf8f1;
    color: #6d6942;
}

/* =========================
   Typography
   ========================= */
h1, h2, h3, h4, h5, h6 {
    color: #6d6942;
}

a {
    color: #6d6942;
}

a:hover {
    color: #333333;
}

/* =========================
   Header
   ========================= */
.site-header {
    background-color: #fbf8f1;
}

.site-header,
.site-header a {
    color: #6d6942;
}

/* =========================
   Widget
   ========================= */
.widget-area,
.widget a {
    background-color: #fbf8f1 !important;
}

.widget-area,
.widget a {
    color: #6d6942 !important;
}


/* =========================
   Footer
   ========================= */
.site-footer {
    background-color: #478a10;
    color: #fbf8f1;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer a {
    color: #fbf8f1;
}

/* =========================
   Buttons
   ========================= */

/* Classic + WooCommerce buttons */
button,
input[type="button"],
input[type="submit"],
.button,
.button.alt {
    background-color: #478a10;
    color: #fbf8f1;
    font-family: 'Vollkorn', serif;
    font-weight: 600;
    border-radius: 10px;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
    background-color: #333333;
    color: #ffffff;
}

/* Gutenberg / Block buttons */
.wp-block-button {
    background: none;
}

.wp-block-button__link {
    background-color: #478a10;
    color: #fbf8f1;
    font-family: 'Vollkorn', serif;
    font-weight: 600;
    border-radius: 10px !important;
}

.wp-block-button__link:hover {
    background-color: #333333;
    color: #ffffff;
}

.wp-block-button__link:not(.has-background) {
    background-color: #478a10;
    color: #fbf8f1;
    border-radius: 10px !important;
}

.wp-block-button__link:not(.has-background):hover {
    background-color: #333333;
    color: #ffffff;
}



/* =========================
   Hero / Page headers
   ========================= */
.page-header,
.page-header h1,
.page-header p {
    color: #6d6942;
}

/* =========================
   Base typography
   ========================= */
body {
    font-family: 'Vollkorn', serif;
    font-weight: 400;
}

/* =========================
   Headings
   ========================= */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Vollkorn', serif;
    font-weight: 600;
}

/* =========================
   Emphasis / italic
   ========================= */
em, i {
    font-style: italic;
}

/* =========================
   Buttons & UI elements
   ========================= */
button,
input,
select,
textarea,
.button {
    font-family: 'Vollkorn', serif;
    font-weight: 600;
}

.h1header {
	text-shadow: 2px 2px 4px #000000;
	color: #fbf8f1 !important;
    font-style: italic;
}