/* Page */

.top-container .widget.block.block-static-block {
    margin-bottom: 0;
}

.cms-page-view .column.main {
    margin: 2rem;
    width: calc(100% - 4rem);
}

span.price-label {
    display: none;
}

.cms-page-view h2 {
    margin-top: 3rem;
}

/* Header */


.page-header .panel.wrapper,
span.action.nav-toggle {
    display: none;
}

.header.content {
    max-width: 100%;
}

.header.content {
    padding: 0 2rem 0;
    display: flex;
    align-items: center;
}

.nav-sections {
    border-bottom: 0.6rem solid #74C274;
    margin-bottom: 2rem;
}

.cms-index-index .nav-sections {
    border-bottom: none;
    margin-bottom: 0;
}

.logo {
    margin: 0 auto 0 0;
}

.header-banner-img img {
    width: 100%;
}

.mob-only {
  display: none;
}

.header-banner-img.desktop-only,
.header-banner-img.mob-only {
    line-height: 0;
}

/* Top Banner */

.page-wrapper .top-container {
    max-width: 100%;
    padding: 0px;
}

.banner-wrapper {
    display: flex;
    background: #1E2856;
}

.banner-wrapper .left {
    color: #fff;
    align-self: center;
    padding: 5rem;
    align-items: center;
    width: 40%;
}

.banner-wrapper .right {
    background: url('techniart-base/header-bg.jpg');
    align-items: center;
    width: 60%;
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
    min-height: 35rem;
}

.banner-wrapper.success {
    background: url(techniart-base/success-banner-bg.jpg) center right no-repeat;
    background-size: cover;
    min-height: 30rem;
    display: flex;
    align-items: center;
    padding: 3rem;
    width: calc(100% - 6rem);
}

.banner-wrapper.success {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 52%, rgba(255,255,255,0) 100%), url(techniart-base/success-banner-bg.jpg);
    background-size: cover;
    min-height: 30rem;
    display: flex;
    align-items: center;
    padding: 3rem;
    width: calc(100% - 6rem);
}


/* Trust Signals */

.trust-signal-wrapper {
    background: #eee;
    margin-bottom: 2rem;
}

.trust-signal-inner {
    width: 128rem;
    max-width: 90%;
    margin: auto;
    display: flex;
    padding: 2rem 0 1.5rem 0;
    gap: 1rem;
}

.trust-signal-inner .left,
.trust-signal-inner .middle,
.trust-signal-inner .right {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trust-signal-inner .icon {
    padding-right: 2rem;
}

.trust-signal-inner .icon svg {
    fill: #1E2856;
}

.trust-signal-inner .icon svg {
    height: 4rem;
    padding: 0.5em 0;
}

.trust-signal-inner h3 {
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    font-size: 1em;
}

.trust-signal-inner p {
    margin-bottom: 0;
}

.trust-signal-inner > * {
  width: 100%;
}


/* Footer */

.page-wrapper > .page-bottom, .page-footer {
    background: #1E2856;
    color: #ffffff;
    text-align: center;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: -0.1rem;
}

.page-wrapper > .page-bottom a,
.page-wrapper > .page-bottom a:hover,
.page-wrapper > .page-bottom a:visited {
    color: #ffffff;
}

.footer.content {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.footer-links {
    margin-top: 2rem;
}

.powered-by-techniart {
    margin: 2.1333rem 0 -3.7333rem 0;
}

.powered-by-techniart img {
    height: 3.2rem;
    z-index: 99;
    position: relative;
}

.checkout-index-index .powered-by-techniart {
    display: none;
}

/* Product Page */

.flex-parent {
    display: flex;
    margin-top: 2rem;
}

.flex-parent > * {
    width: calc(100% - 4rem);
    padding: 2rem;
    background: #eee;
}

.flex-child:nth-child(2) {
  width: calc(100% - 6rem);
  margin: 0 2rem;
}

.flex-child li {
  margin-left: 1.5rem;
}

.qty .control button {
    height: 52px;
    width: 43px;
    position: relative;
}

.box-tocart input#qty {
    position: relative;
    top: 2px;
}

.product-info-main .price-box .price-wrapper .price {
    font-size: 3.293rem;
    font-weight: 400;
}

.product-info-main span.price-label {
    display: none;
}

.product-info-main .price-box .price-wrapper .price {
    font-size: 3.293rem;
    font-weight: 400;
}

.product-info-main .price-box .old-price .price-wrapper .price {
    font-size: 2rem;
}

.old-price, .old.price {
    text-decoration: line-through;
    color: red;
}

.product-info-main .box-tocart {
    margin: 10px 0;
}

.product-info-price {
    margin-top: 2rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}

.product-info-main .box-tocart .actions {
    padding-top: 24px;
}


.page-layout-1column .product-info-main {
    padding: 0 2rem;
}

.long-description ul {
    padding-left: 0.5em;
}

.product.attribute.overview ul {
    padding-left: 1.5em;
}

.product.data.items > .item.title > .switch {
    border: 1px solid #ddd;
    border-bottom: none;
}

.product.data.items > .item.content {
    border-top: 1px solid #ddd;
}

.page-layout-1column .product-info-main {
    grid-area: product-info;
    width: calc(100% - 4rem);
}

.page-layout-1column .product.media {
  grid-area: product-gallery;
  width: 100%;
}

.product.info.detailed {
  grid-area: details;
}

.catalog-product-view .column.main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "product-gallery product-info"
    "details details";
    align-items: center;
}

.catalog-product-view .top-container,
.page-main-description {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
}

.flex-child:nth-child(2),
.flex-child {
    width: calc(100% - 2rem);
    margin: 0 0 0 2rem;
}

.flex-child:nth-child(1) {
    width: 100%;
    margin: 0;
}

.box-tocart input#qty {
    top: 1px;
}

a.back-to-cat {
    font-weight: bold;
}

/* Checkout */

ul.opc-progress-bar {
    margin-top: 4rem;
}

.authentication-wrapper,
.form-login span.note {
   display: none !important;
}

.fieldset > .field:not(.choice) > .control,
.fieldset > .field:not(.choice) > .label {
    width: 100%;
    float: none;
    text-align: left;
}

.fieldset > .field:not(.choice) > .label {
  padding-bottom: .33333rem;
}

#coaf-checkout-form,
#co-payment-form,
#shipping .step-title,
#opc-shipping_method,
.dynamicfields-checkout-form,
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    max-width: 100%;
    margin: 0px !important;
}

.opc-block-shipping-information,
#coaf-checkout-form,
#co-payment-form,
#shipping .step-title,
#opc-shipping_method,
.dynamicfields-checkout-form,
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    background: #f5f5f5;
    padding: 1.5rem 1.7rem;
    border: .0625rem solid #ddd;
}

.opc-wrapper .form-login {
 border-top: 0;
 border-bottom: 0;
}

.opc-sidebar {
    margin: 30px 0 20px;
}

.checkout-index-index .opc-wrapper {
   margin-top: 3rem;
}

.form-login .fieldset {
   margin: 0px;
}

.checkout-index-index .field[name="billingAddressfree.firstname"],
.checkout-index-index .field[name="billingAddressfree.city"],
.checkout-index-index .field[name="billingAddressfree.postcode"],
.checkout-index-index .field[name="shippingAddress.firstname"],
.checkout-index-index .field[name="shippingAddress.city"],
.checkout-index-index .field[name="shippingAddress.country_id"] {
 float: left;
 width: 47%;
 margin-right: 3%;
 clear: both;
}

.checkout-index-index .field[name="billingAddressfree.firstname"],
.checkout-index-index .field[name="billingAddressfree.city"],
.checkout-index-index .field[name="billingAddressfree.postcode"] {
   margin-right: 3% !important;
}

.checkout-index-index .field[name="billingAddressfree.lastname"],
.checkout-index-index .field[name="billingAddressfree.region_id"],
.checkout-index-index .field[name="billingAddressfree.country_id"],
.checkout-index-index .field[name="shippingAddress.postcode"],
.checkout-index-index .field[name="shippingAddress.lastname"],
.checkout-index-index .field[name="shippingAddress.region_id"] {
 float: left;
 width: 50%;
 margin-top: 0;
}

.checkout-index-index .field[name="shippingAddress.telephone"] {
 border-bottom: .0625rem solid #ddd;
 margin-bottom: 2rem;
 padding-bottom: 2.5rem;
}

.fieldset > .field {
   margin: 0px 0 .625rem;
}

.opc-block-summary {
   border: .0625rem solid #ddd;
}

.payment-method-content form#co-payment-form {
   padding: 0;
   border: none;
}

.checkout-payment-method .payment-method-content .fieldset > .field.type .control {
   margin-left: 0;
}

.opc-wrapper .form-login {
    border-top: 0;
    border-bottom: 0;
    margin-bottom: -1.25rem !important;
    padding-bottom: 0;
}

form#co-shipping-form {
    border-top: none;
}

#shipping .step-title {
    border-bottom: 0;
    padding-bottom: 0;
}

#shipping .step-title::after {
    content: ' ';
    border-bottom: .0625rem solid #ddd;
    display: block;
    padding-top: .625rem
}

.checkout-onepage-success .sections.nav-sections {
    margin-bottom: 0;
}

.checkout-onepage-success .page-title-wrapper {
    display: none;
}

.checkout-success {
    margin: 5rem 0 0 3rem;
}

.success-page-message {
    margin-left: 3rem;
}

.cart.table-wrapper .actions-toolbar > a.action.action-edit {
    display: none;
}

#agreement_authnetcim_1 {
    transform: scale(1.25);
    height: 32px;
    width: 32px;
    position: relative;
    left: -16px;
}

.checkout-agreement label.label {
    position: relative;
    left: -16px;
}

@media (max-width: 1023px){

  .trust-signal-inner .left, .trust-signal-inner .middle, .trust-signal-inner .right {
    flex-direction: column;
    text-align: center;
    padding: 0 0.1rem;
  }

}

@media (max-width: 769px){

  .flex-child:nth-child(1) {
      width: calc(100% - 4rem);
      margin: 0 0 2rem 0;
  }

  .flex-parent {
      display: block;
      margin-top: 2rem;
  }

  .flex-child:nth-child(2), .flex-child {
      width: auto;
      margin: 0 0 2rem 0;
  }

  .catalog-product-view .top-container {
      text-align: left;
      width: 100%;
      margin-top: 2rem;
  }

  .logo {
    float: left;
    max-width: 50%;
    position: relative;
    z-index: 5;
  }

  .cms-page-view .column.main {
      margin-top: 3rem;
      padding: 0 0rem 2rem 0rem;
  }

  .catalog-product-view .column.main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
        "product-gallery product-gallery"
        "product-info product-info"
        "details details";
    align-items: center;
  }

  .top-banner {
    padding: 25px;
  }

  .trust-signal-inner {
    padding: 1rem 0 1.5rem 0;
  }

  .trust-signal-inner .icon svg {
    height: 3rem;
    padding: .5rem;
  }

  .trust-signal-inner .icon {
    padding-right: 0;
  }

  .trust-signal-inner h3, .trust-signal-inner p {
      font-size: .7em;
      line-height: 1.5rem;
  }

  .cms-page-view h2 {
    margin-top: 3rem;
  }

  .mob-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }

}

/* Sucess Page */

.success-message {
    margin: 0 3rem 0;
}