/* your custom css */
.checkout-back-button {
  font-weight: 500;
  font-size: 1.5rem;
}

.checkout-cart-preview h3>a.uk-button.uk-button-default.uk-align-right.uk-margin-remove {
  font-size: 1.25rem;
  color: #BA122B;
}

.primary-actions .uk-button-default {
  border-color: hsla(var(--black-color-hue), var(--black-color-saturation), var(--black-lighten-70), 1);
}

.login-form-inputs {
  color: black;
}

@media (max-width: 959px) {

  /* Mobile login button to the top */
  .login-form-inputs {
    flex: 0 !important;
  }

  .login-form-actions {
    flex: 1 !important;
  }

  .remove-padding-mobile {
    padding: 0 !important;
  }

  .column-children-w-100-mobile > .uk-first-column > div {
    width: 100%;
  }
}

/* Custom footer */
/* .custom-grid-footer [class^="uk-width-1-"]>div,
.custom-grid-footer [class^="uk-width-1-"]>div>div {
  height: 100%;
} */

/* .custom-grid-footer [class^="uk-width-1-"]>div>div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
} */

.custom-grid-footer .cbx-vanpee-footer-logo img {
  width: 150px;
  margin-bottom: 15px;
}

.custom-grid-footer p,
.custom-grid-footer strong {
  color: white !important;
}

.custom-grid-footer .footer-so-me-links {
  margin-top: 0px !important;
  padding-left: 7.5px;
}

.custom-grid-footer .footer-so-me-links>li {
  margin-top: auto;
  margin-bottom: auto;
}

.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: facebook"] {
  width: 30px;
  height: 30px;
}

.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: facebook"] svg {
  color: #0c537a;
  width: 26px;
  height: 26px;
}

.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: linkedin"],
.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: youtube"],
.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: instagram"] {
  background: none !important;
}

.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: linkedin"] svg,
.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: youtube"] svg {
  width: 32px;
  height: 32px;
  color: white;
}

.custom-grid-footer .footer-so-me-links .uk-icon-button[uk-icon="icon: instagram"] svg {
  width: 28px;
  height: 28px;
}

.custom-grid-footer .content-links {
  text-transform: unset !important;
}

.custom-grid-footer .content-links a {
  display: list-item;
}

.customCatNavWrapper .customCatNav {
  padding: 15px 10px 10px 10px !important;
}

.customCatNavWrapper .catLink {
  gap: 8px;
}

.catIconWrapper .catIcon {
  /* Navigation ikonstørrelse */
  max-width: 40px;
}

@media (max-width: 1180px) {

  /* Hide icon navigation */
  .customCatNavWrapper {
    display: none;
  }
}

#main-navigation {
  background-color: #1d577b;
  box-shadow: none !important;
}

#desktop-navigation .uk-navbar-left .uk-navbar-nav>li>div>a {
  color: white !important;
}

#desktop-navigation .uk-navbar-left .uk-navbar-nav>li>div>a>span>svg>path {
  fill: white;
}

/* Fix supervisor panel overlap */
.supervisor-panel .uk-navbar-left {
  margin-left: 35px;
}

.page-header .cbx-navbar-sticky .uk-navbar {
  padding: 0 !important;
}

.umb-grid>.uk-container>div>.uk-grid.uk-grid-stack {
  padding: 0;
}

body.b2c .hide-for-b2c,
body.b2c .hide-for-non-logged-in {
  display: none !important;
}

body.b2b .hide-for-b2b,
body.b2b .hide-for-logged-in {
  display: none !important;
}

/* Login form macro */
.login-form-macro form {
  padding: 10px;
}

.login-form-macro .login-form-inputs>div,
.login-form-macro .login-form-actions>div {
  width: 100%;
}

.login-form-macro .login-form-actions {
  margin-top: 5px;
}

.login-form-macro .login-form-actions>div:last-child {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
}

.login-form-macro .login-form-actions>div:last-child>label {
  width: 100%;
  text-align: left;
}

.slider-height-100>div,
.slider-height-100>div>div {
  min-height: 100%;
}

.slider-height-100>div:last-of-type {
  display: flex;
}

.login-macro-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}



/* Start of Ticket#349900 */

.productsearch .uk-container.uk-container-large.uk-margin-large {
    margin: auto;
}

/* End of Ticket#349900 */

@media screen and (min-width: 960px) {
    
    .hide-for-b2b.slider-height-100 {
        max-height: 550px;
    }
/*    
    .hide-for-b2b .uk-first-column ~ div >.uk-flex.uk-flex-middle.uk-flex-center {
        height: 550px !important;
        max-height: 100%;
        min-height: auto;
    }*/
    
    .news-highlights-container .uk-container-large {
        padding: 0;
        margin-bottom: 0;
    }
    
    .slider-height-100 .remove-padding-mobile .uk-margin-large-top {
        margin-top: 0 !important;
    }
    .slider-height-100 .remove-padding-mobile .uk-slideshow-items{
        min-height: 550px !important;
    }
    .slider-height-100 .remove-padding-mobile .uk-margin-large-top .uk-slideshow-items>.uk-active {
        height: 100%;
    }
}

.image-tile >.uk-grid-column, .image-tile >.uk-grid-column>div, .image-tile >.uk-grid-column>div>.uk-flex, .image-tile img {
    height: 100%;
}

.image-tile-text-box {
    background-color: #ededed;
}
.image-tile-text-box p {
    margin: 0;
}
.fit-content {
    width: fit-content;
}

.uk-button-primary.fit-content {
    border: none;
    background-color: transparent;
}

.cta-container .uk-button-primary {
    background-color: #474747;
    border-radius: 5px;
}

.new-customer-cta {
    width: fit-content;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.06) 2px 2px 0px 0px;
}

.new-customer-cta::hover {
    background: hsla(var(--primary-color-hue), var(--primary-color-saturation), var(--primary-lighten-8), 1);
    color: hsla(var(--black-color-hue), var(--black-color-saturation), var(--black-lighten-100), 1);
}

.new-customer-cta > a.uk-button:hover {
    color: inherit;
    background-color: inherit;
}

.b2b .new-customer-cta {
    display: none;
}