/**
 *  Separate stylesheet for overriding VinSuite styles
 */

@media (min-width: 724px) {
  .storecart h1, .storecheckout h1 {
    display: block;
    margin-bottom: 30px;
  }
}

.container-fluid {
  margin-top: 30px;
}

.page-content h6 {
  line-height: 1.6;
}

.layoutcontent {
  margin-top: auto;
}

body {
    font-weight: 100;
    letter-spacing: .015em;
    --webkit-font-smoothing: antialiased;
}

a {
  color: #79232e;
}

input {
  font-weight: 600;
}

input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #eeeeee;
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 30px;
  width: 30px;
  position: relative !important;
  margin: 0 1rem 0 0 !important;
  vertical-align: middle;
}

input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  outline: 0;
}

input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-144%201008%201008%22%3E%3Cg%20transform%3D%22matrix(1%200%200%20-1%200%20864)%22%3E%3Cpath%20fill%3D%22%232d2924%22%20d%3D%22M940%20546c0%20-14%20-6%20-28%20-16%20-39l-407%20-407l-77%20-76c-10%20-10%20-24%20-16%20-38%20-16s-28%206%20-38%2016l-77%2076l-203%20204c-10%2010%20-16%2024%20-16%2038s6%2028%2016%2038l76%2077c10%2010%2025%2016%2039%2016s28%20-6%2038%20-16l165%20-166l369%20369c10%2011%2024%2016%2038%2016s29%20-6%2039%20-16l76%20-76c10%20-10%2016%20-24%2016%20-38z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

select,
select.form-control {
  font-weight: 600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20d%3D%22M30,46.76,4.64,23.7a5,5,0,0,1,6.73-7.4L30,33.24,48.64,16.3a5,5,0,0,1,6.73,7.4Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 90% center;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 4rem 1.5rem;
  padding-right: 4rem;
  width: 100% !important;
}

select::-ms-expand { display: none; }

td, th {
   /* display: flex;  */
}


#contentInfo {
  margin-bottom: 2rem;
}

#formInfo {
  background-color: #fefdf9;
}

.formSubmit {
  text-align: right;
  background-color: #fcfaf3;
  padding-top: 2rem;
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
}

.form-inline > .form-group,
.form-inline > .form-control {
  margin: 0 !important;
  padding: 0 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 15rem;
          flex: 0 1 15rem;
}

.ship-to.form-inline > .form-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.form-inline > .form-control {
  margin-left: 1rem !important;
}

.member-login form::before {
    content: 'If you already have a Club Cutrer account, sign in. If you don’t you can create your account below.';
    text-align: left;
    display: block;
    width: 100%;
    padding-bottom: 2rem;
  }

.will-call > .form-group {
  margin-left: 0px;
}

.control-label {
  font-size: 14px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
}

.po-box {
  font-size: 13px;
  line-height: 1.45;
  margin-top: 1rem;
}

.mb-2 {
  margin-bottom: 0;
  padding: 1rem 2rem 2rem;
  clear: left;
}

.mb-2 h3,
.mb-2 h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 2.25rem;
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 2.5rem;
}

.mb-2 > h3,
.mb-2 > h4 {
  background-color: #2d2924;
  color: #fefdf9;
  padding: 1rem 2rem 1.5rem;
  margin: -1rem -2rem 2rem;
}

.member-login form {
  text-align: right;
}

.member-login button {
  margin-bottom: 1rem;
}

.club-information .form-group {
  max-width: 400px;
  margin: 0;
}

.club-information .col-sm-2 {
  width: 20%;
}

.club-information .col-sm-10 {
  padding-right: 0;
  width: 80%;
}

.form-control-static {
  background-color: #eeeeee;
  color: #2d2924;
  font-size: 15px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: .075em;
  min-height: 0;
  padding: 0 12px;
  margin: 0;
}

.gift-message .formHeader {
  padding-left: 100px;
}

.gift-message .formBody .col-sm-3 {
  padding-right: 4rem;
}

.payment-info .form-inline {
  max-width: 30rem;
}

.result-text:before {
  content: '';
}

.password-meter .graybar, .password-meter .colorbar {
  height: 1rem;
}

.password-meter .graybar { margin: 0; }
.password-meter .colorbar { margin: 0; position: absolute; }

.result-text span { display: none; }



.panel,
.panel ~ form {
  margin-bottom: 0;
}

.panel ~ .panel,
.panel ~ form {
  border-top: 1px solid #fefdf9;
}

.panel-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem !important;
}

.panel-heading h2,
.panel-heading span {
  margin: 0;
}

.panel-heading span {
  font-weight: bold;
  width: 50%;
}

.panel-heading span:after {
  content: '»';
  margin-left: 0.5em;
}

.panel-body {
    padding: 1rem !important;
    }

@media (min-width: 768px) {
    .panel-body {
        padding: 3rem !important;
    }
}

.top-buttons .btn {
  width: 100%;
  margin-top: 10px;
}

@media (min-width: 600px) {

  .top-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1rem;
  }

  .top-buttons .btn {
    width: auto;
    margin-top: 0;
  }

}

.btn.continue-shopping {
  background-color: transparent;
  padding: 0;
  color: #79232e;
  line-height: 1;
  height: auto;
  min-height: 0;
}

.continue-shopping:hover {
  background-color: transparent;
}

.continue-shopping:before {
  content: '«';
  margin-right: 0.5em;
  display: inline-block;
}

.continue-shopping .fa { display: none; }

.btn.continue.checkout:before,
.btn.paymentsubmit:before {
  content: '\f01d';
  display: inline-block;
  font-family: 'Scv';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
}

.btn.continue.checkout:after {
  content: '';
}

.btn.check-submit.continue {
  margin-top: 2rem;
}

div.cart-wrapper tr td,
#cart-summary td {
  vertical-align: middle;
}

th {
  color: #79232e;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "HCo Gotham";
  letter-spacing: .075em;
  font-weight: 500;
  padding: 2rem 0 !important;
}

.thead-total, .cart-total {
  text-align: right;
}

.modal th.thead-qty {
  padding-right: 2rem !important;
}

.cart-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0 !important;
  padding-right: 2rem !important;
  width:auto;
}

  .modal .cart-qty {
    width: auto;
  }

  .cart-qty .cart-image {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 8rem;
    float: none;
    text-align: left;
    padding: 0;
    padding-right: 1rem;
  }

  .cart-qty .cart-image img {
    margin: 0 auto;
  }

  .storecart .cart-qty input {
    margin-right: 15px;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3em;
            flex: 0 0 3em;
    min-width: 0;
  }

  .cart-qty input + span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
  }

  .cart-qty .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 0 2rem;
  }

  @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {

    .mobile-summary {
      display: none !important
    }

    .desktop-summary,
    .cart-qty .cart-image,
    .cart-totals {
      display: block !important;
    }

  }

  @media (max-width: 1024px) {

    .cart-qty {
      width: 24rem;
    }

    .cart-qty .btn {
      font-size: 0;
      line-height: 0;
      padding: 1rem;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      background-color: transparent;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      margin-left: -2rem;
    }

  }

  @media (max-width: 840px) {

    .cart-qty {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 16rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

    .cart-qty .cart-image {
      -ms-flex-preferred-size: 10rem;
          flex-basis: 10rem;
    }

    .storecart .cart-qty input {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
    }

    .cart-qty input + span {
      padding-right: 0;
    }

  }

  .cart-qty .fa-refresh {
    font-size: 2.5rem;
  }

  @media (min-width: 1025px) {
    .cart-qty .fa-refresh {
      display: none;
    }
  }

.cart-title h4 {
  font-size: 16px;
  font-weight: normal;
}

.cart-title .btn,
.cart-buttons .btn {
  margin-top: 15px;
  background-color: transparent;
  padding: 0;
  color: #79232e;
  width: auto;
  line-height: 1;
  min-width: 0;
  height: auto;
  min-height: 0;
  font-size: 14px;
  margin-right: 1rem;
}

  .cart-title .btn:before,
  .cart-buttons .btn:before {
    display: inline-block;
    font-family: 'Scv';
    /*font-size: 0.8em;*/
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
  }

  .cart-title .btn[type="submit"]:before,
  .cart-buttons .cart-update .btn:before {
    content: '\f03b';
  }

  .cart-title .btn[href*="remove"]:before,
  .cart-buttons .btn[href*="remove"]:before {
    content: '\f012';
    font-size: 0.8em;
  }

.cart-price,
.cart-total {
  width: auto;
  white-space: nowrap;
  font-style: italic;
}
.cart-total {
  float: none;
}

.btn.remove {
  background-color: transparent;
  padding: 0;
  line-height: 1;
  height: auto;
  min-height: 0;
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-style: normal;
}

  .btn.remove:before {
    content: '\f012';
    display: inline-block;
    font-family: 'Scv';
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5em;
  }

  @media (max-width: 1200px) {
    .btn.remove {
      font-size: 0;
    }
  }

#cart-summary tr[class]:not(.shade) td {
  text-align: right;
}

  #cart-summary tr[class] td:last-child {
    min-width: 12rem;
  }

.cart-totals {
  width: 40%;
}


.special-offers {
  right: 0%;
  width: 0%;
}

.special-offers .form-inline {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.special-offers .offerCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 480px) {
  .special-offers .offerCode {
    flex-direction: row;
    width: 480px;
  }
}

.special-offers .formbody .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin-bottom: 0;
}

.special-offers h3,
.shipping-options h4 {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 2rem;
}

  .special-offers label {
    margin: 0;
    white-space: nowrap;
    padding-right: 1rem;
  }

.cart-totals table {
  font-size: 18px;
  font-style: italic;
}

  .cart-totals td:first-child {
    text-align: left;
  }

  .cart-totals td:last-child,
  .cart-totals td:last-child span {
    text-align: right;
  }

  .cart-totals .total-row,
  .cart-totals .total-row td {
    background-color: transparent;
  }

  .cart-totals .total-row,
  .cart-totals .cart-total {
    color: #79232e;
    font-size: 24px;
    font-weight: bold;
  }

@media (max-width: 1024px) {

  .special-offers {
    width: 100%;
    float: none;
    right: auto;
    clear: left;
  }

}

.shipping-options {
  margin-left: 0;
  width: 100%;
}

.formbody#divCoupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1025px) {

  .container-fluid > .special-offers {
    width: 60%;
    margin-left: -15px;
  }

  .shipping-options {
    float: right;
    width: 40%;
  }

  .shipping-options .col-md-6 {
    width: 100%;
    float: none;
  }

  .datepicker.dropdown-menu {
    min-height: 315px;
  }

}

.shipping-options .form-group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

  .shipping-options label,
  .shipping-options select.form-control {

  }

  .shipping-options label {
    margin-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }

  .shipping-options select.form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    margin-left: 1rem;
  }

.formbody[aria-expanded],
.panel[aria-expanded] {
  margin-left: 2rem;
}

  .formbody[aria-expanded] textarea {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .panel[aria-expanded] {
    border: 0 !important;
  }

  .panel[aria-expanded] .panel-heading {
    margin-top: 2rem;
    background-color: #2d2924 !important;
  }

  .panel[aria-expanded] .panel-body {
    background-color: white !important;
    border: 1px solid;
  }

#sameasForm {
  padding-left: 25%;
  margin-left: -14px;
}

.payment-row .nav-tabs {
  display: none;
}

  #payment1 .form-control,
  #payment1 input[type="text"] {
    height: 50px;
  }

  #payment1 .form-group {
    -ms-flex-preferred-size: 20rem;
        flex-basis: 20rem;
  }

.submit-row {
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contentarea {
  background-color: #fcfaf3;
}

.checkout-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  float: none;
  margin-top: 30px;
}

.cart-product form > .col-xs-12 {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #f4efdd;
  background-color: white;
  margin-top: 1rem;
  padding: 2rem;
}

  .cart-product .cart-title,
  .cart-product .cart-image,
  .cart-product .cart-info {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }

  .cart-product .cart-title,
  .cart-product .cart-info {
    margin-top: 2rem;
  }

  .cart-product .cart-title {
    line-height: 1.5;
    text-align: center;
  }

  .cart-product .cart-image {
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    text-align: center;
  }

  .cart-product .cart-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-product .cart-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem -2rem -2rem;
    width: calc(100% + 4rem);
    background-color: #f4efdd;
    padding: 0;
  }

  .cart-product .cart-update,
  .cart-product .cart-remove {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }

  .cart-product .cart-buttons .btn {
    margin: 0;
    padding: 1.5rem;
    width: 100%;
  }

  .cart-product .cart-quantity,
  .cart-product .cart-prices {
    /* -webkit-box-flex: initial; */
    -ms-flex: initial;
    /* flex: initial; */
    padding-left: 0;
    display: flex;
  }


  .cart-product .cart-quantity input {
    width: 5rem;
    text-align: center;
  }

  .cart-product .cart-prices .price {
    line-height: 1;
    height: auto;
    font-size: 16px;
  }

.cart-product table td, 
.cart-product table th {
    display: flex;
}
.cart-product .btn {
    background-color: #ffdA3D;
    margin: 0px;
}

.cart-product .mobile-update {
    margin-left: 11px;
    width: 10rem;
    height: 5rem;
}

.cart-product tr {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fcfaf3;
}

.cart-product tbody > tr {
  position: relative;
  /* padding-top: 10px */
  /* margin-top: 24px; */
  background-color: #fcfaf3;
  padding-left: 50px;
}

.cart-product tbody > tr:nth-of-type(3n+1) {
  margin-top: 13px;
}

.cart-product tbody > tr:nth-of-type(1) {
  margin-top: 0;
}

.cart-product .cart-prices {
  display: flex;
  align-items: center;
  /* position: relative; */
}

.cart-product .mobile-remove {
  width: 100%;
  position: absolute;
  background-color: #f4efdd;
  padding: 5px;
  left: 0;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: rgba(45, 41, 36, 0.25);
  bottom: 0;
  line-height: 1;
  font-weight: 100;
  min-height: 30px;
  z-index: 100;
}

.cart-product .mobile-remove::before {
  content: "×";
}
.cart-product tbody > tr:nth-of-type(3n+3) {
  padding-bottom: 33px;
}

.cart-product .thead-qty {
  padding-left: 0px;
  font-style: italic;
  margin-top: -1rem;

}

.cart-product .thead-qty span{
  padding-left: .5rem;
}

/* Club Cutrer Sign Up */

/* hide login */

#contentInfo .club img {
  max-width:100%;
}

.member-login.mb-2 h3 {
  display:none;
}

.member-login.mb-2:before {
    content: 'Already have an account?';
    display: block;
    position: relative;
    height: auto;
    width: 100%;
    background-color: #2d2924;
    color: white;
    padding: 1rem 2rem 1.5rem;
    font-weight: normal;
    font-size: 2.25rem;
}

@media (min-width:833px) {



  .member-login.mb-2 {
      position: absolute;
      top: 4rem;
      right: 6rem;
      width: calc(50% - 8rem);
      background-color:white;
      padding:0;
  }

  .member-login.mb-2 #divLogin {
    padding:2rem;
    max-width:100%;
  }

  #contentInfo .club {
    width:50%;
  }
  #contentInfo .club img {
    max-width:100%;
  }

  .JoinClub #contentInfo {
    min-height:46rem;
  }

}

@media (min-width:1100px) {
  .JoinClub #contentInfo {
    min-height:43rem;
  }

}



.JoinClub #contentInfo h1{

}


.JoinClub #contentInfo .club {

}

.JoinClub #contentInfo .club img.img-respoonsive {
  display:none;

}

.JoinClub .contentInfo .club h1 {

}

.club-information .form-control-static {
  margin-bottom:1rem;
}


/* California Prop Warning */
#divShipping p {
  padding:0;
  margin-top:15px;
  margin-bottom:30px;
}
#divShipping p:nth-child(1) {
    display:none;
}

#divShipping p:nth-child(2):before {
    content:'California Residents: ';
    position: relative;
    display:inline-block;
    font-weight:600;
}

#divShipping p:nth-child(3) {
    font-size: 10px;
    line-height: 20px;
    font-family: 'Copernicus';
    font-weight: 600;
}