/* Binom Custom Styles */

/* Vela Sans Fonts */
@font-face {
    font-family: Vela Sans;
    src: url(../img/VelaSans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vela Sans;
    src: url(../img/VelaSans-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vela Sans;
    src: url(../img/VelaSans-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vela Sans;
    src: url(../img/VelaSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}

/* Global styles */
body * {
    font-family: 'Vela Sans' !important;
}

.am-layout {
    background-color: #f3f3f3 !important;
}

.am-body-content-wrapper {
    box-shadow: none !important;
    border-radius: 5px !important;
    margin-top: 20px;
}

.am-main {
    max-width: 850px !important;
}

/* Product list styles */
#row-product_id_page-0-0 hr {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}

#row-product_id_page-0-0 label {
    display: block !important;
    margin-bottom: -5px !important;
}

.am-product-desc {
    display: none !important;
}

.am-signup-form label input {
    position: relative !important;
    top: 2px !important;
}

.am-signup-form label span {
    padding-left: 3px;
    padding-right: 3px;
}

.am-signup-form label input:hover,
.am-signup-form label:hover {
    cursor: pointer !important;
}

/* Info block */
.am-info {
    background: #f8f8f8 !important;
    border-radius: 5px !important;
    border: none !important;
}

/* Tabs */
.am-tabs a {
    background-image: url(../img/tab-bg.png) !important;
    font-weight: 500 !important;
}

.am-tabs li.active > a,
.am-tabs li.normal > a:hover {
    background-image: url(../img/tab-hover-bg.png) !important;
    background-color: #e34b3d;
    border-color: #c7665b;
    color: white;
}

.am-account-toolbar-items {
    display: none !important;
}

/* Buttons */
.am-form a.button,
.am-form input[type=button],
.am-form input[type=submit],
.am-body a.button,
.am-body input[type=button],
.am-body input[type=submit],
a.button,
input[type=button],
input[type=submit],
button[type=submit] {
    padding: 6px 16px 6px 18px !important;
    color: #011e3b !important;
    background: #cbfb8f !important;
    background-color: #cbfb8f !important;
    background-image: none !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Vela Sans' !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: normal !important;
}

/* Headings */
h1 {
    font-weight: 600 !important;
    font-size: 140% !important;
}

/* Form elements */
.required {
    display: none !important;
}

.am-form div.row {
    border-bottom: none !important;
}

@media (min-width: 500px) {
    .am-form div.element {
        margin-left: 35%;
        padding: 0.5em 1em 1em 0.5em;
    }
}