/*
    UIKIT Overrides
        Buttons
        Breadcrumb
    Layout
    Catalogue Page
    My Cart Page
    Checkout Page
*/

/*
    COLOR
1. Aqua: #1E7F9A;
2. Aqua70: #BCD9E1;
3. Plum40: #75005F;
4. Blue20: #2477CA;
5. Green50: #85CF80;
6. Hibiscus: #E80134;

    COLOR
1. Midnight: #030D0F;
2. Onyx: #424A4B;
3. Dim: #818687;
4. Silver: #C0C3C3;
5. Platinum: #E6E7E7;
6. Snow: #F2F3F3;
7. White: #FFFFFF;
*/

/*
    SIZE
1. H1/DRAMA TEXT: 32PX=2REM, BOLD/MIDNIGHT, ALL CAPS/SENTENCE;
2. H2/BIG TITLE: 26PX=1.625PX, BOLD/MIDNIGHT, ALL CAPS/SENTENCE;
3. H3/BIG SUBTITLE: 22PX=1.375REM, MEDIUM/ONYX, SENTENCE;
4. H4/SMALL TITLE: 18PX, BOLD/MIDNIGHT, SENTENCE;
5. H5/SMALL SUBTITLE: 16PX, MEDIUM/ONYX, SENTENCE;
6. P/TEXT: 14PX, NORMAL/DIM, SENTENCE;
*/


/* UIKIT overrides */

* {
  font-family: lato, sans-serif;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: lato, sans-serif;
}

a, a:hover, a:focus {
    text-decoration: none;
}

.uk-button-default {
    background: #FFFFFF;
    border-color: #1E7F9A; /* aqua */
    color: #1E7F9A;
}

.uk-button-default:hover {
    background: #F9F9F9;
    color: #18667B;
}

.uk-button-default.uk-active {
    background-color: #1E7F9A;
    border-color: #1E7F9A;
    color: #FFFFFF;
}

.uk-button-link {
    color: #1E7F9A;
    line-height: 40px;
}

.uk-button-link:hover, .uk-button-link:focus {
    color: #18667B;
    text-decoration: none;
}

.uk-button-link-blue {
    font-size: 12px;
    line-height: 32px;
    font-weight: 500;
    color: #1E7F9A;
}

@media only screen and (min-width: 1200px) {
    .uk-button-link-blue {
        font-size: 14px;
        font-weight: 400;
    }
}

.uk-button-link-blue:hover, .uk-button-link-blue:focus {
    color: #1a6d85;
    text-decoration: none;
}

.uk-button-nowrap {
    text-overflow: ellipsis;
    padding: 0 12px;
}

.uk-breadcrumb > *, .uk-breadcrumb > * > * {
    font-size: 10px;
    font-weight: 500;
    color: #A1A1A1;
}

.uk-breadcrumb>:last-child>* {
    color: #A1A1A1;
}

.uk-breadcrumb li.active a {
    font-size: 14px;
    font-weight: bolder;
    color: #646464;
}

@media only screen and (min-width: 640px) {
    .uk-breadcrumb > * > * {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1200px) {
    .uk-breadcrumb > * > * {
        font-size: 14px;
    }
}

.uk-alert {
    background: #F7F8F8;
    padding: 14px 18px;
}

@media only screen and (min-width: 640px) {
    .uk-alert {
        padding: 18px 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .uk-alert {
        padding-left: 36px;
        padding-right: 36px;
    }
}

.uk-alert span {
    font-size: 12px;
}

@media only screen and (min-width: 640px) {
    .uk-alert span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    .uk-alert span {
        font-size: 18px;
    }
}

.uk-alert .uk-text-bold {
    margin-right: 30px;
    color: #030D10;
}

.uk-alert .uk-text-muted {
    color: #939292;
}

@media only screen and (min-width: 640px) {
    .uk-alert .uk-text-bold {
        margin-right: 56px;
    }
}

@media only screen and (min-width: 1200px) {
    .uk-alert .uk-text-bold {
        margin-right: 70px;
    }
}

.alert i[class*="icon-"] {
    top: 0 !important;
}

/*
    Base Layout
*/
.so-main {
    background: #F7F8F8;
}

.so-page-split {
}

@media only screen and (min-width: 960px) {
    .so-page-split__body {
        position: fixed;
        left: 0;
        right: 60%;
        top: 0;
        bottom: 0;
        overflow-y: auto;
    }

    .so-page-split__sidebar {
        position: fixed;
        right: 0;
        left: 40%;
        top: 0;
        bottom: 0;
        margin-left: auto;
        overflow-y: auto;
    }
}

.so-page__title {
    font-size: 18px;
    font-weight: 700;
    color: #030D0F;
    text-transform: uppercase;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 16px;
}

@media only screen and (min-width: 640px) {
    .so-page__title {
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .so-page__title, .so-nav__logo {
        font-size: 32px;
    }

    .so-page__title {
        margin-bottom: 24px;
    }
}

.so-nav__logo {
    font-size: 22px;
    color: #2E2E2E;
}

.so-secondary-header {
    font-size: 18px;
    line-height: inherit;
    font-weight: 500;
    color: #424A4B;
}

@media only screen and (min-width: 640px) {
    .so-secondary-header {
        font-size: 22px;
    }
}

@media only screen and (min-width: 640px) {
    #language_selector select {
        width: 120px;
    }
}

.so-form .uk-text-muted.uk-text-small {
    font-size: 12px;
}

/* Home page */

.so-flex-gallery__card {
    padding-top: 36px;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    .so-flex-gallery__card {
        max-width: 255px;
    }
}

.so-flex-gallery__card img {
    /*padding: 50px 35px;*/
    /*background: #FFFFFF;*/
    margin-bottom: 0;
}

/*.so-flex-gallery__card img {
    height: 260px;
    width: auto;
    margin-bottom: 0;
    padding: 25px;
}*/

.so-box__name {
    font-size: 11px;
    color: #424A4B;
    margin-bottom: 8px;
}

.so-box__muted {
    font-size: 10px;
    color: #818687;
}

.so-box__text {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #474545;
}

@media only screen and (min-width: 640px) {
    .so-box__name {
        font-size: 14px;
    }

    .so-box__muted {
        font-size: 12px;
    }
}


/* Catalogue: DETAIL VIEW */

.catalogue-detail-page .uk-heading-small {
    color: #030D10;
    font-size: 18px;
    font-weight: 700;
}

/* Thumbnail Style Overrides */
.thumbnail {
    background-color: #F9F9F9;
    border: 0;
}

@media only screen and (min-width: 480px) {
    .thumbnail {
        background-color: #F7F8F8;
    }
}

/* Main Gallery Image */
#product_gallery .carousel-inner > .item {
    height: 250px;
    line-height: 250px;
    background-color: #fff;
}

#product_gallery .carousel-inner > .item > img {
    max-height: 220px;
}

@media only screen and (min-width: 960px) {
    #product_gallery .carousel-inner > .item {
        height: 375px;
        line-height: 375px;
    }

    #product_gallery .carousel-inner > .item > img {
        max-height: 320px;
    }
}

@media only screen and (min-width: 1200px) {
    #product_gallery .carousel-inner > .item {
        height: auto;
        line-height: 430px;
        background-color: #fff;
    }

    #product_gallery .carousel-inner > .item > img {
        max-height: 100%;
    }
}

.product-info__title {
    font-size: 16px;
    font-weight: 700;
    color: #030D0F;
    margin-bottom: 12px;
}

.product-info__price {
    color: #818687;
    margin-bottom: 12px;
    font-size: 14px;
}

.product-info__label {
    color: #030D10;
    margin-bottom: 12px;
}

/* BASKET SLIDEOUT (basket_quick.html) */

.uk-offcanvas-overlay::before {
    background-color: rgba(49, 55, 64, 0.66);
}

#nav-offcanvas .uk-offcanvas-close {
    top: 22px;
    right: 22px;
    left: unset;
    color: #1E7F9A;
}

@media only screen and (min-width: 960px) {
    #nav-offcanvas .uk-offcanvas-close {
        top: 40px;
        left: 52px;
    }
}

#shopping-cart-offcanvas .uk-offcanvas-close {
    position: relative;
    top: -6px;
    left: 0;
    right: 0;
    color: #1E7F9A;
    height: 44px;
    width: 44px;
    padding: 12px;
}

@media only screen and (min-width: 960px) {
    #hopping-cart-offcanvas .uk-offcanvas-close {
        margin-left: -12px;
    }
}

.uk-offcanvas-close:hover {
    color: #18667B;
}

.uk-offcanvas-primary {
    background: #0C333E;
    color: #fff;
}

.uk-offcanvas-bar > .uk-grid .uk-width-5-6 {
    padding-left: 0;
}

.uk-offcanvas__title {
    font-size: 18px;
    font-weight: 700;
    color: #030D10;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

.uk-offcanvas__nav-border {
    margin-top: 0;
}

.uk-offcanvas .uk-table td {
    display: table-cell
}

@media only screen and (min-width: 960px) {
    .uk-offcanvas .uk-table td {
        display: table-cell;
    }
}

.uk-offcanvas .uk-table .image_container {
    min-height: auto;
}

.uk-offcanvas .uk-table .thumbnail {
    background: #F7F8F8;
    height: 100%;
    max-height: 80px;
    width: 100%;
    max-width: 80px;
    margin: 0;
    object-fit: contain;
    padding: 12px;
}

.uk-offcanvas .uk-list a {
    color: #030D10;
    font-weight: 700;
}

.select-quantity-form label {
    display: block;
}

.select-quantity-form input {
    display: block;
    text-align: center;
    max-width: 36px;
    margin: 8px 0;
}


/* MY CART PAGE */
#voucher_form_link a {
    max-width: 261px;
}

#basket_totals .basket-total {
    display: flex;
    justify-content: space-between;
}

@media only screen and (min-width: 960px) {
    #basket_totals .basket-total {
        display: block;
        text-align: right;
    }
}

.checkout-quantity__flex .uk-button-link {
    margin-top: 8px;
}

@media only screen and (min-width: 640px) {
    .checkout-quantity__flex {
        display: flex;
    }

    .checkout-quantity__flex .uk-button-link {
        margin-top: 0;
        margin-left: 12px;
    }
}

.checkout-basket-summary {
    display: flex;
    justify-content: space-between;
    height: 52px;
    line-height: 52px;
    background: #f9f9f9;
    margin-left: 0;
}

.checkout-basket-summary div:first-of-type {
    padding-left: 15px;
}

.checkout-basket-summary div:last-of-type {
    padding-right: 15px;
}

@media only screen and (min-width: 640px) {
    .checkout-basket-summary div:first-of-type {
        padding-left: 30px;
    }

    .checkout-basket-summary div:last-of-type {
        padding-right: 30px;
    }
}

.checkout-basket-summary .uk-button-link {
    font-size: 12px;
    font-weight: 500;
}

.checkout-basket-summary svg {
    width: 17px;
}

.checkout-basket-summary__total span {
    font-size: 12px;
}

.checkout-basket-summary__total span:first-of-type {
    font-weight: 500;
    color: #030D0F;
}

.checkout-basket-summary__total span:last-of-type {
    font-weight: 500;
    color: #424A4B;
}

.checkout-basket-summary__cost > * {
    color: #424A4B;
}

.checkout-basket-summary__cost--subtotal {
    margin-bottom: 10px;
}

@media only screen and (min-width: 640px) {
    .checkout-basket-summary__cost--subtotal {
        margin-bottom: 18px;
    }
}

.checkout-basket-summary__cost--shipping {
    margin-bottom: 22px;
}

@media only screen and (min-width: 640px) {
    .checkout-basket-summary__cost--shipping {
        margin-bottom: 28px;
    }
}

.checkout-basket-summary__cost--taxes {
    margin-bottom: 12px;
}

@media only screen and (min-width: 640px) {
    .checkout-basket-summary__cost--taxes {
        margin-bottom: 24px;
    }
}

.checkout-basket-summary__cost--total {
    color: #030D0F;
    font-weight: 600;
    font-size: 14px;
}

.checkout-basket-summary__cost--total span {
    color: #030D0F;
}

@media only screen and (min-width: 640px) {
    .checkout-basket-summary__cost--total {
        font-size: 17px;
    }
}

.checkout-basket-summary__currency {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #030D0F;
    margin-right: 12px;
}

#cart-summary {
    border-top: 1px solid #D7D7D7;
}

#cart-summary .uk-card-body {
    background: #f9f9f9;
    margin-bottom: 20px;
}

#cart-summary .uk-list li {
    font-size: 12px;
}

@media only screen and (min-width: 640px) {
    #cart-summary .uk-list li {
        font-size: 16px;
    }
}

#cart-summary .uk-list li:nth-child(1) > * {
    font-weight: 600;
    margin-bottom: 10px
}

@media only screen and (min-width: 640px) {
    #cart-summary .uk-list li:nth-child(1) > * {
        margin-bottom: 16px;
    }
}

#cart-summary .uk-list li:nth-child(2) > * {
    color: #030D10;
    margin-bottom: 10px;
}

@media only screen and (min-width: 640px) {
    #cart-summary .uk-list li:nth-child(2) > * {
        margin-bottom: 16px;
        color: #424A4B;
    }
}

#cart-summary .uk-list li:nth-child(3) > * {
    color: #424A4B;
}

td.table-cell-verical-align {
    vertical-align: middle;
}

.login-actions {
    margin-top: 40px;
}

.checkout-summary-card .image_container, #cart-summary .image_container {
    min-height: auto;
}

.checkout-summary-card .uk-card-header {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1200px) {
    .checkout-summary-card .uk-card-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.checkout-summary-card .uk-card-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
}

@media only screen and (min-width: 1200px) {
    .checkout-summary-card .uk-card-title {
        margin-bottom: 0;
    }
}

.checkout-summary-card a {
    font-size: 14px;
    color: #1E7F9A;
}

@media only screen and (min-width: 1200px) {
    .checkout-summary-card a {
        margin-left: auto;
    }
}

.checkout-summary-card__order-details li:nth-of-type(1) a {
    font-size: 18px;
    font-weight: 500;
    color: #030D0F;
}

.checkout-summary-card__order-details li:nth-of-type(1) a:hover {
    color: #818687;
}

.checkout-summary-card__order-details li:nth-child(n+2) {
    font-size: 18px;
    color: #424A4B;
}

.checkout-summary-card .thumbnail {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
    object-fit: contain;
    padding: 10px;
    background-color: #F9F9F9;
}

.checkout-actions-flex {
    display: flex;
    flex-direction: column-reverse;
}

.checkout-actions-flex > *:first-of-type {
    margin-top: 30px;
}

.checkout-actions-flex > *:last-of-type {
    margin-top: 0;
}

@media only screen and (min-width: 640px) {
    .checkout-actions-flex {
        flex-direction: row;
        justify-content: space-between;
    }

    .checkout-actions-flex > *:first-of-type {
        margin-top: 0;
    }

    .checkout-actions-flex > *:first-of-type > * {
        display: flex;
        align-items: center;
    }
}

.checkout-summary-card__text-right {
    text-align: right;
    float: right;
}

.login-form label {
    display: block;
    margin: 12px 0;
}

.confirmation-header {
    margin-top: 24px;
    margin-bottom: 32px;
}

@media only screen and (min-width: 640px) {
    .confirmation-header {
        margin-bottom: 45px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-header {
        margin-bottom: 66px;
    }
}

.confirmation-header__title {
    font-size: 17px;
    font-weight: 700;
    color: #030D0F;
}

@media only screen and (min-width: 640px) {
    .confirmation-header__title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-header__title {
        font-size: 32px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-header__title ~ .uk-button-link.uk-float-right {
        position: absolute;
        top: 4px;
        right: 0;
    }
}

.confirmation-header__description {
    font-size: 13px;
    color: #A1A1A1;
    margin-top: 0;
}

@media only screen and (min-width: 640px) {
    .confirmation-header__description {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-header__description {
        font-size: 22px;
    }
}

.confirmation-body {
    margin-top: 10px;
}

@media only screen and (min-width: 1200px) {
    .confirmation-body {
        margin-top: 0;
    }
}

@media only screen and (min-width: 640px) {
    .icon-check-green-border {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1200px) {
    .icon-check-green-border {
        font-size: 22px;
    }
}

.confirmation-info.uk-width-1-1 {
    margin-top: 24px;
}

@media only screen and (min-width: 640px) {
    .confirmation-info.uk-width-1-1 {
        margin-top: 42px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-info.uk-width-1-1 {
        margin-top: 50px;
    }
}

.confirmation-info .uk-text-bold {
    color: #030D10;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

@media only screen and (min-width: 640px) {
    .confirmation-info .uk-text-bold {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-info .uk-text-bold {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.confirmation-info .uk-text-meta {
    display: inline-block;
    font-size: 13px;
    color: #818687;
    margin-top: 0;
    margin-bottom: 8px;
}

.confirmation-info .uk-text-meta:last-of-type {
    margin-bottom: 0;
}

@media only screen and (min-width: 640px) {
    .confirmation-info .uk-text-meta {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) {
    .confirmation-info .uk-text-meta {
        font-size: 16px;
    }
}

.icon-check-green-border {
    color: #85CF80;
    display: inline-block;
    border: 1px solid #85CF80;
    border-radius: 50%;
    padding: 2px;
    height: 20px;
    width: 20px;
    margin-left: 8px;
}

@media only screen and (min-width: 640px) {
    .icon-check-green-border {
        margin-left: 16px;
        height: 24px;
        width: 24px;
    }

    .icon-check-green-border svg {
        height: 20px;
        width: 22px;
    }
}

@media only screen and (min-width: 1200px) {
    .icon-check-green-border {
        height: 32px;
        width: 32px;
    }

    .icon-check-green-border svg {
        height: 28px;
        width: 26px;
    }
}

/* Checkout flow, billing address form */
.billing-form {
    background: #F7F8F8;
    border: 1px solid #e5e5e5;
    padding: 24px 24px 0;
}

/* @media only screen and (min-width: 640px) {
} */

/* Dashboard - Navbar (Overrides) */
.navbar-primary .nav > li > a {
    font-size: 16px;
}

.dropdown-menu > li > a {
    font-size: 14px;
    line-height: 2.0;
}

/* Customer Accounts Profile */
.side-nav {
    background-color: #124958;
    min-height: 400px;
}

@media only screen and (max-width: 640px) {
    .side-nav {
        min-height: 0px;
    }

    .side-nav-list > li {
        display: flex;
    }
}


.side-nav-list {
    list-style-type: none;
    line-height: 3.0;
    padding: 0px;
    margin: 0px;
}

.side-nav-list > li:hover,
.side-nav-list > .active {
    background-color: #1D7E98;
}

.side-nav-list > li > a {
    color: white;
    padding: 4px 16px;
    display: block;
    width: 100%;
    height: 100%;
}

.main-nav {
    background-color: #F9F9F9;
    padding: 20px 80px 80px 80px;
}

.profile-form {
    margin-bottom: 40px;
    max-width: 600px;
}

.profile-form-label {
    margin: auto 0;
}

.profile-form-value {
    max-width: 400px;
}

@media only screen and (max-width: 960px) {
    .form-button-group a,
    .form-button-group a button {
        margin-bottom: 10px;
    }
}

.side-nav-dropdown {
    color: white;
    float: right;
    margin: auto 10px;
    cursor: pointer;
}

@media only screen and (min-width: 640px) {
    .side-nav-list {
        margin-top: 40px;
    }

    .side-nav-list-mobile {
        display: none
    }

    .side-nav-dropdown {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .side-nav-list-desktop {
        display: none
    }

    .side-nav-dropdown {
        display: block;
    }
}

.navbar-right {
    margin-top: 10px;
}

.navbar-accounts .container-fluid .navbar-brand {
    background: url("/static/spoton/spoton-logo.svg") no-repeat scroll 0 0 transparent;
    width: 128px;
    height: 64px;

}

/* Ecom styling: include preview, cart page, and etc */
.so-flex-gallery__card
  .product-review {
    padding: 20px 20px; }

  .so-flex-gallery__card .product-image {
    box-shadow: none;
    min-height: 255px;
    max-height: 260px;
    display: table;
    width: 100%; }
    .so-flex-gallery__card .product-image div {
      display: table-cell;
      vertical-align: middle;
      padding: 0 20px; }

  .so-flex-gallery__card .product-title {
    color: #424a4b;
    font-size: 16px; }

  .so-flex-gallery__card .product-price {
    color: #818687;
    font-size: 14px;
}

table.uk-table {
  border: none;
  background-color: transparent; }
  table.uk-table thead {
  background-color: transparent;
}

.uk-offcanvas-bar.basket_quick {
  width: 395px;
}

/* gallery styling in product detail page */
.carousel-indicators li {
  border-radius: 0;
  position: relative; }

  .carousel-indicators li:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.6);
    top: 0;
    left: 0; }
  .carousel-indicators li:hover:before {
    background-color: rgba(0,0,0,.3); }

  .carousel-indicators li.active:before {
    background-color: rgba(0,0,0,0);
}

/* pagination */
.uk-pagination > * > * {
  font-size: 14px;
}

/* accordion styling */
.uk-accordion .uk-accordion-content p {
  font-size: 14px;
  color: #818687; }
  .uk-accordion .uk-accordion-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #424A4B; }

  .uk-accordion .uk-accordion-title {
    color: #1E7F9A;
    font-size: 22px;
}

/* social media styling */
.so-info__social-media > * {
  color: #1E7F9A;
}


/* button */
.close-drop {
  cursor: pointer;
}

/* Navbar ecom */
.os-menu-sm > li a.ecom-menu {
  position: absolute;
  top: 50%;
  right: 10%;
  margin-top: -14px; }
  .os-menu-sm > li a.ecom-menu:first-child {
    margin-right: 60px; }
  .os-menu-sm > li a.ecom-menu:last-child {
    margin-right: 15px;
  }


  .os-menu-sm > li .uk-navbar-dropdown {
    padding: 15px; }
  .os-menu-sm > li a.uk-navbar-dropdown-close {
      margin-left: 10px;
  }

#header li.mobile-menu-bar button#open-full-menu {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -25px;
}

/* carousel */
.carousel-indicators {
  z-index: 0;
}

/* for gibbons theme */
[data-theme='gibbons'] .breadcrumb-wrapper {
  margin-top: 20px;
}

@media(max-width: 1024px) {
  [data-theme='gibbons'] .breadcrumb-wrapper {
    clear: both;
    padding-top: 20px;
  }

  [data-theme="gibbons"] .os-menu-sm,
  [data-theme="bespoke"] .os-menu-sm {
    display: flex;
    justify-content: center;
    margin-top: 10px; }
    [data-theme="gibbons"] .os-menu-sm li:first-of-type,
    [data-theme="bespoke"] .os-menu-sm li:first-of-type {
      margin-right: 10px; }
    [data-theme="gibbons"] .os-menu-sm > li a.ecom-menu,
    [data-theme="bespoke"] .os-menu-sm > li a.ecom-menu {
      position: inherit;
      margin: 0;
    }
}

/* for bespoke theme */
@media(max-width: 1022px) {
  [data-theme="bespoke"] section.navbar .top-bar section.center-nav {
    padding: 0;
  }
}

@media(max-width: 959px) {
  .so-page__title {
      margin-top: 0;
      text-align: center;
  }
  .pagination-dekstop {
      display: none;
  }
}

@media(min-width: 960px) {
  .uk-offcanvas-bar.basket_quick {
      width: 405px;
  }
}

@media(max-width: 659px) {
  .so-flex-gallery__card .product-image {
      /*background-color: transparent;*/
  }
}

@media(max-width: 625px) {
  .os-menu-sm > li a.ecom-menu:first-child {
    margin-right: 70px; }
  .os-menu-sm > li a.ecom-menu:last-child {
    margin-right: 30px;
  }

  .os-menu-sm > li a.ecom-menu {
    right: 13%;`
  }

  /* gibbons theme */
  [data-theme='gibbons'] .os-menu-sm > li a.ecom-menu,
  [data-theme='bespoke'] .os-menu-sm > li a.ecom-menu {
    margin: 0;
  }
}

@media(max-width: 452px) {
  .uk-offcanvas-bar.basket_quick {
      width: 100%;
  }
}

/* Chart styling */
#order_graph .bar-chart {
  left: 40px;
}

@media(max-width: 425px) {
    #order_graph .bar-chart {
      width: 80%;
      left: 65px;
    }
}

/* Result page */
.form-horizontal {
    margin-bottom: 30px;
}