/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 main.account-inner {
   padding: calc(0.5rem + 0.4vw);
 }
 header.account-header {
   margin: calc(5px + 1vw) auto;
   
  }
    header.account-header h2 {
        font-size: 50px;
        line-height: 1;
    }
 

.account-content form label, .account-content form input  {
  display: block;
  margin: calc(0.4rem + 0.2vw) 0;
}

.account-page-form fieldset {
  text-transform: uppercase;
  font-weight: bold;
  font-size: calc(2em + 0.8vw);
}

.account-content form label , .account-page-form label {
  font-weight: 300;
  font-size: 14px;
  margin: 0 auto 0.2em;
  display: block;
}

.account-content form input[type=submit], .lostpassword-submit button {
  padding:12px 20px;
  font-family: 'Ropa Sans', sans-serif;
  font-size: calc(1.1rem + 0.2vw);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 0px solid;
  appearance: none;
  background: rgb(168, 142, 194);
  color: white;
  margin: 0.7em 0;
}

.account-content form input[type=text], .account-content form input[type=password], .account-page-form input {
  width: 350px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border:0px solid;
  font-family: inherit;
  letter-spacing: 0;
  font-size: 16px;
}
.account-content p.login-remember label {
  display: flex;
  align-items: center;justify-content: flex-start;
  max-width: 300px;
}
.account-content p.login-remember input {
    
    margin: 0 6px 0 0;
}

.link-blocks-outer {
  margin-left: -9px;
}

.account-content .button-wrap {
  display: block;
  margin: 20px -9px;
} 
.account-content a.button {
   padding:12px 20px;
  margin: 9px !important; 
  font-family: 'Ropa Sans', sans-serif;
  font-size: calc(1.1rem + 0.2vw);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 0px solid;
  appearance: none;
  background: rgb(168, 142, 194);
  color: white;
  display: inline-block;
  margin: 0.7em 0;
}

.link-blocks-outer .link-block {
  display: inline-block;
  margin: 9px;
  width: calc(50% - 18px);
  text-align: center;
  transition: transform 300ms ease;

}
@media  (min-width: 1200px) {
  .link-blocks-outer .link-block {
    width: calc(25% - 18px);

  }
}
.link-blocks-outer .link-block .link-icon{ 
  background-image: linear-gradient(190deg, #a88ec2, #5a4371);
  color: white;
  display: block;
  width: 100%;
  height: 190px;
  font-size: 50px;
    line-height: 220px;
  
    
}

.link-blocks-outer .link-block .link-icon i {
  transition: transform 300ms ease;
} 


.link-blocks-outer .link-block:hover {
  transform: scale(1.02);
}

.link-blocks-outer .link-block:hover i {
  transform: translateY(-2px)
}

.link-blocks-outer .link-block .link-text {
  padding: 8px;
  display: block;
  background: #a88ec2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: white;
}

 @media only screen and (max-width: 1000px) {
    main.account-inner {
    max-width:550px;
    margin: auto;
  }
   header.account-header {
  }
  header.account-header  h2 {
    font-size: 40px ;
  }  
}
             
@media only screen and (max-width: 600px) {
   header.account-header  h2 {
    font-size: 30px !important;
  }  
  
}



.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item {
  background: transparent;
  border: 1px solid white;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item.selected {
  border: 2px solid white;
  background: #a88ec2;
  color: white;
}

body .single-product-slider-thumbs img {
  width: 20%;
}

.related.products {
  display: none;
}

form.woocommerce-checkout, .woocommerce-order-received div.woocommerce {
  background: white;
  color: #3f3f3f; 
  padding: calc(12px + 1vw);
}


form.woocommerce-checkout h1,
form.woocommerce-checkout h2,
form.woocommerce-checkout h3,
form.woocommerce-checkout h4,
form.woocommerce-checkout h5,
form.woocommerce-checkout h6,
form.woocommerce-checkout .h1,
form.woocommerce-checkout .h2,
form.woocommerce-checkout .h3,
form.woocommerce-checkout .h4,
form.woocommerce-checkout .h5,
form.woocommerce-checkout .h6,
form.woocommerce-checkout p,
.woocommerce-order-received div.woocommerce h1,
.woocommerce-order-received div.woocommerce h2,
.woocommerce-order-received div.woocommerce h3,
.woocommerce-order-received div.woocommerce h4,
.woocommerce-order-received div.woocommerce h5,
.woocommerce-order-received div.woocommerce h6,
.woocommerce-order-received div.woocommerce .h1,
.woocommerce-order-received div.woocommerce .h2,
.woocommerce-order-received div.woocommerce .h3,
.woocommerce-order-received div.woocommerce .h4,
.woocommerce-order-received div.woocommerce .h5,
.woocommerce-order-received div.woocommerce .h6,
.woocommerce-order-received div.woocommerce p,
.woocommerce-order-received div.woocommerce label, 
  .woocommerce table.shop_table tr td,
  .woocommerce table.shop_table tr p,
  .woocommerce table.shop_table tfoot tr th,
  .woocommerce table.shop_table tfoot tr td,
  .woocommerce table.shop_table thead tr th,
  .woocommerce table.shop_table thead tr td,
  .woocommerce table.shop_table tr th {
    
    
  color: #3f3f3f;
}

table.shop_table {
  background: #fafafa;
  
}
table.shop_table th,td,tbody {
   color: #3f3f3f; 
  }
  .woocommerce table.shop_table tr.recurring-totals {
    
    background: #dfdfdf;
    border: 5px solid #dfdfdf;
  }
  .woocommerce table.shop_table tr td,
  .woocommerce table.shop_table tr p,
  .woocommerce table.shop_table tfoot tr th,
  .woocommerce table.shop_table tfoot tr td,
  .woocommerce table.shop_table thead tr th,
  .woocommerce table.shop_table thead tr td,
  .woocommerce table.shop_table tr th {
    color: #3f3f3f;
  }
  
  form.woocommerce-checkout-payment {
    text-align: center;
    padding: 12px 0;
  }
  
  body .woocommerce #payment ul.payment_methods li .payment_box {
    padding: 10px 0;
  }
  
  body .woocommerce div.cart-collaterals div.cart_totals, body .woocommerce-page .div.cart-collaterals div.cart_totals {
    float: none;
    width: 100%;

  }
          body .woocommerce div.cart-collaterals div.cart_totals table {
            max-width: 600px;
            display: inline-block;
            vertical-align: top;
          }
  
  div.cart_totals table.shop_table {
    padding: calc(12px + 1vw);
    border: 12px solid white;
  }
  
  body .woocommerce table.cart td.actions {
    padding: 24px;
}

div.wc-proceed-to-checkout {
  box-sizing: border-box;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 20px;
}
div.wc-proceed-to-checkout .button{
  font-size: 22px;
  text-transform: uppercase;
}

table.variations label {
  font-family: 'Ropa Sans', sans-serif;
  text-transform: uppercase;
  font-size: calc(1.1rem + 0.2vw);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

table.variations select {
  display: inline-block;
  padding:12px 38px 12px 18px;
  appearance: none;
  font-size: calc(1.1rem + 0.2vw);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Ropa Sans', sans-serif;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  background: rgba(255,255,255,0.2);
  color: white;
  
}
    table.variations td.value {
      position: relative;
    }
   
    
    table.variations #t-shirt-size {
      padding:12px 38px 12px 18px;
    }
    
    .wcsatt-sub-options {
      display: block;
      font-family: 'Ropa Sans', sans-serif !important;
      font-size: 22px;
      color: white;
      margin: 12px auto 0;
    }
    
    .quantity {
      display: none !important;
    }
    
    body.woocommerce.single-product button.single_add_to_cart_button {
    width: 100%;
    text-align: center;
}

body.woocommerce .product .product_title {
  color: #efefef;
}

.woocommerce div.product {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.woocommerce div.product .images{
  flex: 1 1 240px;
  max-width: 550px;
}

.woocommerce div.product .summary {
  flex: 1 1 240px;
  padding: 20px;
  
}


@media (min-width: 769px) {
  .woocommerce div.product .summary {
    padding-left: 40px;
    padding-right: 0;
  }
}

body .subscription-details {
  display: inline-block;
}

body .woocommerce-variation-price {
  display: block;
}

tr.recurring-total {
    font-size: 14.8px;
    padding: 5px 0;
    background: #efefef;
    color: white;
}

body .shop_table.shop_table_responsive.my_account_orders tr th {
  color: #6f6f6f; 
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  border-top:  0px solid transparent;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 0px solid transparent;
  font-family: 'Ropa Sans', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.woocommerce-Button.button {
  padding:12px 20px;
  font-family: 'Ropa Sans', sans-serif;
  font-size: calc(1rem + 0.12vw);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 0px solid;
  appearance: none;
  background: rgb(168, 142, 194);
  color: white;
  margin: 0.7em; 
}
.woocommerce-Button.button:first-child {
  margin-left: 0;
}

.woocommerce ul.products li.product .add-to-cart-button, .woocommerce ul.products li.product .added_to_cart, .woocommerce .widget_price_filter .button, .woocommerce-page .widget_price_filter .button, .woocommerce .widget_shopping_cart_content p.buttons a.button, .woocommerce .content .button, .woocommerce-page .content .button, .woocommerce .content button.button, .woocommerce-page .content button.button, .woocommerce-page .content input[type="submit"]:not(.eltd_search_submit), .woocommerce .content input[type="submit"]:not(.eltd_search_submit) {
    padding: 0.2em 0.5em;
}