﻿
/* base button style */
button,
.button,
a.button,
.button-1,
.button-2,
input[type='submit'],
input[type='button'] {
    /* custom property fallbacks */
    background: #005596;
    border: 2px solid #005596;
    /* resets */
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    /* custom properties */
    width: var(--btn-width, auto);
    height: var(--btn-height, auto);
    border: var(--btn-border);
    color: var(--btn-color);
    background: var(--btn-background);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    padding: var(--btn-padding);
    margin: var(--btn-margin);
    text-transform: var(--btn-text-transform, none);
    border-radius: var(--element-border-radius, 0);
    letter-spacing: var(--btn-letter-spacing, 0);
    text-align: var(--btn-text-align,center);
    
}

/* basic style for bordered elements */
.k-dropdown,
.k-multiselect,
textarea, select,
input[type='text'],
input[type='search'],
input[type='number'],
input[type='email'],
input[type='date'],
input[type='tel'],
input[type='password'] {
    outline: none;
    font-size: var(--element-font-size);
    color: var(--dark-text-color);
    width: var(--element-width);
    height: var(--element-height);
    border: var(--element-border);
    border-radius: var(--element-border-radius);
    font-weight: var(--element-font-weight);
    padding: var(--element-padding);
    font-family: var(--main-font);
    transition: var(--transition);
    text-indent: var(--element-text-indent);
    text-align: var(--element-text-align);
    display: var(--input-display);
    line-height: var(--main-line-height);
}
    textarea:focus,
    select:focus,
    input[type='text']:focus,
    input[type='search']:focus,
    input[type='number']:focus,
    input[type='email']:focus,
    input[type='date']:focus,
    input[type='tel']:focus,
    input[type='password']:focus {
        -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
        box-shadow: var(--box-shadow);
    }

.checkout-as-guest-button {
display: none !important;
}

.hideMe {
display: none !important;
}