/* ================= FONTS =================  */

h1, h2, h3, h4, h5, h6 {
    font-family: "playfair-display", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3em !important;
}

.font-head {
    font-family: "playfair-display", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3em !important;
}

.font-head-add {
    font-family: "playfair-display", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1em !important;
}

/* ================= COLORS =================  */

.color-green-1 {
    color: #636C5C;
}

.color-green-2 {
    color: #42523A;
}

.color-green-3 {
    color: #C8D2C2;
}

.color-beige-1 {
    color: #C7B180;
}

.color-beige-2 {
    color: #F4F3F0;
}s

.color-gray {
    color: #0D0C0C;
}

/* ================= BACKGROUNDS =================  */

.bg-green-1 {
    background-color: #636C5C;
}

.bg-green-2 {
    background-color: #42523A;
}

.bg-green-3 {
    background-color: #C8D2C2;
}

.bg-beige-1 {
    background-color: #C7B180;
}

.bg-beige-2 {
    background-color: #F4F3F0;
}

.bg-gray {
    background-color: #3a3a3a;
}

.link-header {
    color: #636C5C;
    text-decoration: none;
    background-image: linear-gradient(#636C5C, #636C5C);
    background-size: 0% 2px;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
    background-size: 100% 2px;
    background-position-x: 0%;
}

/* ================= BUTTONS =================  */

.button-beige {
    color: #ffffff;
    background-color: #C7B180;
    padding: 10px 25px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    border: 1px solid #C7B180;
}

.button-beige:hover {
    color: #C7B180;
    background-color: transparent;
    transition: 0.3s ease-in-out;
}

.button-beige-outlined {
    color: #C7B180;
    background-color: transparent;
    padding: 10px 15px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    border: 1px solid #C7B180;
}

.button-beige-outlined:hover {
    color: #ffffff;
    background-color: #C7B180;
    transition: 0.3s ease-in-out;
    border: 1px solid #C7B180;
}

/* ================= CHECKOUT =================  */

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	background-color: #C7B180;
	color: #ffffff;
	padding: 10px 25px;
	transition: 0.3s ease-in-out;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
	background-color: transparent;
	color: #C7B180;
	padding: 10px 25px;
	transition: 0.3s ease-in-out;
}