/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

 .special-offer-create-params {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }

.special-offer-create-params li {
    display: flex;
    align-items: center;
}

.special-offer-create-params .type-id-label,
.special-offer-create-params .type-id-value {
    padding-right: 0.35em;
}

.special-offer-create-params .type-id-label,
.special-offer-create-params .table-value select {
    width: auto;
}

.special-offer-create-params .type-id-label label {
    display: inline;
}

.special-offer-create-params .star {
    display: none;
}

div.alert--no-offer-modules {
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 38px;
}

.promoted-modules {
  display: flex;
  flex-direction: row-reverse;
}

.promoted-modules .screenshots {
  flex: 1 1 52%;
  position: relative;
}

.promoted-modules .description {
  flex: 0 0 500px;
  font-size: 15px;
  margin-right: 4.9em;
}
.promoted-modules .features {
    width: 500px;
    margin-top: 23px;
}

.promoted-modules .features,
.other-promoted-modules {
    font-size: 15px;
    margin-bottom: 27px;
}

.other-promoted-modules {
    margin-top: 30px;
}

.promoted-modules .features li,
.other-promoted-modules li {
    margin-top: 6px;
    margin-left: 26px;
}

.promoted-modules .features i {
  color: #f69c3b;
  font-size: 17px;
  position: absolute;
  margin-left: -26px;
  margin-top: 3px;
}

.promoted-modules .screenshot {
  display: block;
  width: 79%;
  max-width: 400px;
  margin: 0 0 30px;
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
  padding: 4px;
  background: #fff;
}

.promoted-modules .screenshot-2 {
  padding: 4px 12px;
}

@media (min-width: 1150px) {
  .promoted-modules .screenshot {
    position: absolute;
    width: 27vw;
  }

  .promoted-modules .screenshot-1 {
    left: 0;
    top: 0;
  }

  .promoted-modules .screenshot-2 {
    left: 3vw;
    top: 9em;
  }
}

.market {
    text-align: center;
}
.market li {
    position: relative;
    padding-top: 88px;
    width: 160px;
    display: inline-block;
}

.market li a:before {
    content: ' ';
    display: block;
    width: 84px;
    height: 84px;
    position: absolute;
    top: 0;
    left: calc(50% - 42px);
}

.market--buy-x-get-y a:before {
    background: url(promo/bxgy.png) no-repeat 50% 50%;
    background-size: contain;
}

.market--spend-x-get-y a:before {
    background: url(promo/sxgy.png) no-repeat 50% 50%;
    background-size: contain;
}