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

* {
    font-family: 'Nunito Sans', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Combo';
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    font-family: 'Combo';
}

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

.text-primary {
    color: #EDA3BD;
}

.bg-primary {
    background-color: #EDA3BD;
}

.text-secondary {
    color: #B7AAFD;
}

.bg-secondary {
    background-color: #B7AAFD;
}

.bg-muted-dark {
    background-color: #dcc6e05a;
}

.bg-muted-light {
    background-color: #aee6f923;
}

/* ============ FORMS ============ */

input:focus {
	outline: none !important;
	border: 1px solid #B7AAFD !important;
}

textarea:focus {
	outline: none !important;
	border: 1px solid #B7AAFD !important;
}

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

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
    background-color: #EDA3BD !important;
    color: white !important;
    padding: 10px 40px !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease-in-out !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button:hover {
    background-color: #d4889f !important;
    outline: none !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    background-color: #EDA3BD !important;
    color: white !important;
    padding: 10px 40px !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease-in-out !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
    background-color: #d4889f !important;
    outline: none !important;
}

.ff-default .ff_btn_style {
    background-color: #EDA3BD !important;
    color: white !important;
    padding: 10px 40px !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease-in-out !important;
}

.ff-default .ff_btn_style:hover {
    background-color: #d4889f !important;
    outline: none !important;
}

.btn-primary {
    background-color: #EDA3BD;
    color: white;
    padding: 10px 40px;
    border: none;
    border-radius: 25px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.btn-primary:hover {
    background-color: #d4889f;
    outline: none;
}

.btn-secondary {
    background-color: #B7AAFD;
    color: white;
    padding: 10px 40px;
    border: none;
    border-radius: 25px;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.btn-secondary:hover {
    background-color: #9c82e0;
    outline: none;
}

.btn-select {
    background-color: #B7AAFD;
    color: white;
    padding: 10px 40px;
    border: none;
    border-radius: 25px;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.btn-select:hover {
    background-color: #9c82e0;
    outline: none;
}

.btn-select-active {
    background-color: #EDA3BD;
    color: white;
    padding: 10px 40px;
    border: none;
    border-radius: 25px;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.btn-select-active:hover {
    background-color: #d4889f;
    outline: none;
}


/* ============ LINKS ============ */

.link-header {
    color: #3a3a3a;
    text-decoration: none;
    background-image: linear-gradient(#B7AAFD, #B7AAFD);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
}

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