/* Variables */
/* Overrides */
.uk-checkbox:checked {
  background-color: #c59c5e !important;
}

.uk-countdown-number {
  font-size: 28px;
  font-family: "Oswald", sans-serif;
  line-height: 50px;
  margin-top: 20px;
}

.uk-countdown-label {
  margin-top: 20px;
  font-size: 14px;
}

.uk-countdown-separator {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  line-height: 50px;
  margin-top: 20px;
}

@media (min-width: 640px) {
  .uk-countdown-number {
    font-size: 36px;
  }

  .uk-countdown-label {
    font-size: 16px;
  }

  .uk-countdown-separator {
    font-size: 22px;
  }
}
.counter-section {
  line-height: 0;
}

.uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary {
  background-color: #c59c5e;
  font-weight: bold;
  color: white;
}

.uk-button-red {
  background-color: #d42127;
}

.uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus {
  background-color: #947546;
}

.uk-sticky-placeholder {
  height: 75px !important;
}

.uk-icon-button {
  background-color: #c59c5e;
  color: #2d1a10 !important;
}

.uk-grid-margin {
  margin-top: 0 !important;
}

.uk-no-padding-left {
  padding-left: 0;
}

.uk-card-primary {
  background-color: #2d1a10;
}

.uk-modal-body {
  font-size: 18px;
}

.uk-modal-close {
  font-size: 12px;
}

.uk-modal-dialog .uk-button {
  font-size: 12px;
}

.uk-modal-page {
  overflow: initial;
}

/* Basics */
html {
  height: 100%;
  width: 100%;
  font-family: "Raleway", sans-serif !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #151515;
}

/*Special Rules on font-size for appropriate rem calculations*/
html {
  font-size: 8px;
}

/*Mobile*/
@media (min-width: 640px) {
  html {
    font-size: 12px;
  }
}
/*Medium Desktop*/
@media (min-width: 960px) {
  html {
    font-size: 16px;
  }
}
/*Medium+ Desktop*/
body {
  height: 100%;
}

.default-font {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#main {
  height: 100%;
}

.link-marker {
  margin-top: -70px;
  position: absolute;
}

.link-batch-marker {
  margin-top: -150px;
  position: absolute;
}

.font-14 {
  font-size: 14px;
}

.cart-page, .faq-page, .secondary-page {
  background-color: #f3f3f3;
  min-height: 500px;
  padding: 50px 10px;
}

@media (min-width: 640px) {
  .cart-page, .faq-page, .secondary-page {
    padding: 70px 50px;
  }
}
.secondary-page h2, .faq-page h2 {
  font-size: 24px;
  margin-bottom: -15px;
}

.secondary-page p, .faq-page p {
  font-size: 16px;
}

.hidden {
  display: none;
}

#top-nav {
  height: 75px;
  background-color: #2d1a10;
  border-bottom: 3px solid #c59c5e;
}

#nav-links {
  background-color: #c59c5e;
  min-height: 50px;
  margin-top: -55px;
  padding-bottom: 10px;
}

/*Special Rules for all desktop resolutions */
@media (min-width: 640px) {
  #nav-links {
    padding-bottom: 25px;
    padding-top: 40px;
  }
}
.nav-links-wrapper {
  padding-top: 10px;
  padding-left: 30px;
}

.nav-links-wrapper div:last-child {
  padding-right: 30px;
}

.nav-links-wrapper a {
  color: white;
  font-size: 26px;
  line-height: 50px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  text-decoration: none;
  text-shadow: 0px 1px 1px #362c1b;
}

/*Special Rules for all desktop resolutions */
@media (min-width: 640px) {
  .nav-links-wrapper a {
    font-size: 28px;
    /*line-height: 27px;*/
  }
}
.nav-links-wrapper a:hover, .nav-links-wrapper a.active {
  color: #2d1a10;
  text-decoration: none;
}

.menu-nav {
  padding-top: 25px;
  padding-left: 55px;
}

.menu-nav a {
  color: #c59c5e;
  font-size: 18px;
}

.menu-nav a:hover {
  color: #ffffff;
  text-decoration: none;
}

.cart-nav {
  color: #ffffff;
  padding: 20px;
}

.cart-button {
  font-size: 14px;
}

@media (max-width: 639px) {
  .cart-button {
    width: 50px;
    padding: 0;
  }
}
#logo {
  height: 125px;
  /*min-width: 200px;*/
  position: relative;
  z-index: 1;
  margin-top: 5px;
}

#footer {
  background-color: #151515;
  /*height: 500px;*/
  padding: 5rem;
  /*padding-top: 7rem;*/
}

#footer p {
  font-size: 18px;
}

.tiny-text {
  font-size: 14px !important;
  color: white;
}

#footer .tiny-text a {
  color: #c59c5e;
}

.footer-wrapper {
  width: 100%;
  color: white;
  margin-left: 0;
}

.footer-wrapper div {
  padding-bottom: 100px;
  padding-left: 0;
}

@media (min-width: 960px) {
  .footer-wrapper div {
    padding-bottom: 0;
  }
}
.footer-wrapper div h3 {
  color: white;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 26px;
}

.link-gold, .footer-wrapper a {
  color: #c59c5e;
  font-size: 18px;
}

.title-text {
  font-size: 42px;
  color: black;
  font-weight: 500;
  font-style: "Oswald", "Railway", "sans-serif";
  line-height: 50px;
  text-align: center;
}

@media (min-width: 640px) {
  /*Desktop+*/
  .title-text {
    font-size: 50px;
    padding-top: 30px;
    line-height: 42px;
    text-align: left;
  }
}
.title-line {
  margin-top: 15px;
  border-bottom: 1px solid #c59c5e;
}

@media (min-width: 640px) {
  .title-line {
    margin-top: 72px;
  }
}
/*Desktop+*/
.how-many-title, .keep-shopping-title {
  font-size: 23px;
  font-weight: 500;
  margin-top: 10px;
}

.how-many-input {
  font-size: 32px;
  height: 60px;
  text-align: center;
  font-family: "Helvetica", sans-serif;
}

.how-many-select {
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #c59c5e;
  background-color: #e5d2b7;
}

@media (min-width: 640px) {
  .give-me-label {
    font-size: 32px;
  }
}
.how-many-select.active, .how-many-select:hover {
  background-color: #c59c5e;
  color: white;
}

.how-many-button-wrapper {
  margin-top: 15px !important;
}
.how-many-button-wrapper a {
  display: inline-block;
}

.give-me-label {
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
}

@media (min-width: 640px) {
  .give-me-label {
    display: block;
    margin-right: 0;
  }
}
.hide {
  display: none;
}

.show {
  display: block;
}

#loadingAlert .uk-modal-body {
  text-align: center;
  width: 300px;
  border-radius: 20px;
  margin-top: 25%;
  font-family: "Oswald", sans-serif;
  font-size: 22px;
}

#loadingAlert .uk-modal-body img {
  width: 20px;
}

#top-section {
  background-image: url("../images/topBg.jpg");
  background-size: cover;
  /*background-position-x:-100px;*/
  /*min-height: 500px;*/
  padding: 4rem;
  text-align: center;
  padding-top: 7rem;
  box-shadow: 999999px 0px 0px rgba(0, 0, 0, 0.65) inset;
}

.promo-text {
  color: #ffffff;
  font-size: 5rem;
  font-family: Oswald;
  font-weight: 700;
  line-height: 7rem;
  text-shadow: 3px 2px 2px black;
}

.batch-showcase {
  margin-top: 40px;
}

.batch-showcase-image {
  max-height: 80px;
  margin-top: 30px !important;
  margin-bottom: 20px;
}

.text-color-gold {
  color: #c59c5e;
}

#how-to-section {
  background-color: #070f1b;
  min-height: 300px;
  color: #ffffff;
  text-align: center;
  padding: 50px;
  border-top: 1px solid #c59c5e;
  box-shadow: 0px 4px 2px 0px #c59c5e;
  position: relative;
}

#how-to-section h2 {
  color: #c59c5e;
  font-family: "Libre Baskerville", serif;
  font-size: 3.5rem;
  line-height: 3rem;
  margin-top: 50px;
}

#how-to-section p {
  font-size: 17px;
}

.product-section {
  min-height: 600px;
  padding: 50px 25px;
  background-color: white;
}

@media (min-width: 640px) {
  .product-section {
    padding: 50px;
  }
}
/* Desktop */
.product-wrapper {
  padding-left: 30px;
  padding-top: 45px;
}

.cigar-list {
  list-style: none;
  padding: 0;
  text-align: center;
}

@media (min-width: 960px) {
  .cigar-list {
    margin-left: -50px;
    text-align: left;
  }
}
/*Desktop */
.highlight {
  color: #c69c5f;
  text-shadow: 0px 1px 1px #cecece;
  font-family: "Oswald";
  /*font-weight: 600;*/
}

.cigar-list li {
  margin-top: 70px;
  margin-bottom: 100px;
}

.cigar-list-title {
  margin-top: 30px;
  color: #151515;
  font-size: 30px;
}

@media (min-width: 960px) {
  .cigar-list-title {
    font-size: 24px;
  }
}
/*Desktop */
.cigar-list-desc {
  font-size: 16px;
}

.cigar-list-price {
  font-size: 21px;
}

@media (max-width: 639px) {
  .button-row {
    margin-left: 0;
  }

  .button-row div {
    padding-left: 0;
  }
}
.add-button {
  font-size: 14px;
  margin-top: 16px;
}

#why-section {
  background-image: url(../images/whyBatch.jpg);
  background-size: cover;
  /*background-position: -100px;*/
  box-shadow: 999999px 0px 0px 0px rgba(46, 26, 14, 0.65) inset;
  padding: 4rem;
  /*min-height: 500px;*/
}

#why-section h3 {
  font-size: 3.125rem;
  color: white;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

#why-section p {
  color: white;
  font-size: 18px;
  /*padding-left: 20rem; This messes up the mobile alignment*/
}

@media (min-width: 640px) {
  #why-section p {
    font-size: 22px;
  }
}
#brands-section {
  padding: 3rem;
  padding-left: 5rem;
  padding-right: 5rem;
  text-align: center;
  background-color: #070f1b;
  border-top: 1px solid #c59c5e;
  border-bottom: 1px solid #c59c5e;
}

#brands-section div img {
  width: 100px;
}

#brands-section h3 {
  color: #c59c5e;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 32px;
}

.cigar-icon {
  margin-left: 7px;
  top: -10px;
  position: relative;
  font-size: 36px;
}

#counter-section {
  padding: 3rem;
  text-align: center;
  background-color: #494949;
}

#counter {
  color: #ffffff;
}

.counter-text {
  font-size: 24px;
  color: #ffffff;
}

.counter-wrapper {
  min-height: 290px;
}

@media (min-width: 1200px) {
  .counter-wrapper {
    min-height: 0;
  }
}
.big-mail-icon {
  color: white;
}

.swag-description-text {
  /*    height: 135px;
      overflow: scroll;*/
  font-size: 16px;
}

.swag-title {
  font-size: 30px;
}

.swag-label {
  font-weight: 400;
  font-size: 21px;
  margin-bottom: 0;
}

.swag-select {
  font-size: 16px;
}

.batchBg {
  background-color: #f3f3f3;
}

.batchBox {
  margin-bottom: 100px;
}

.cart-image {
  height: 130px;
}

@media (min-width: 640px) {
  .cart-image {
    height: 230px;
  }
}
.cart-list-details {
  font-size: 21px;
  margin-top: 0;
}

.cart-list-description {
  font-size: 16px;
}

.cart-list-quantity {
  font-size: 21px;
  border-top: 1px solid #c59c5e;
  border-bottom: 1px solid #c59c5e;
  padding: 10px 0;
  margin-top: 20px;
}

@media (min-width: 960px) {
  .cart-list-quantity {
    margin-top: 0;
  }
}
.cart-list-title {
  font-size: 24px;
}

.cart-total-card {
  margin-top: 20px;
  margin-bottom: 50px;
}

.cart-total {
  font-size: 32px;
}

.cart-line-item, .cart-info {
  font-size: 16px;
}

@media (max-width: 639px) {
  .cart-total-details {
    padding-top: 40px;
    padding-left: 60px;
  }
}
.checkout-page {
  background-color: #f3f3f3;
  min-height: 500px;
  padding: 50px 0px;
}
.checkout-page .big-info-text {
  line-height: 80px;
  font-size: 32px;
}
.checkout-page .next-button {
  font-size: 24px;
  height: 70px;
}

@media (min-width: 640px) {
  .checkout-page {
    padding: 70px 50px;
  }
}
@media (min-width: 640px) {
  .checkout-form {
    padding: 20px 0 0 0 !important;
  }
}
.checkout-form, .register-form {
  text-align: center;
  padding: 20px;
}

.checkout-form input {
  height: 50px !important;
  font-size: 22px;
  padding-left: 45px;
}

.checkout-form select {
  height: 50px !important;
  font-size: 22px;
}

.checkout-page, .brown-text {
  color: #565656;
}

.checkout-page h3 {
  font-size: 24px;
}

.checkout-page p {
  font-size: 16px;
}

.complete-page {
  background-color: #f3f3f3;
  min-height: 500px;
  padding: 50px 0px;
}
.complete-page .completeBox {
  margin-left: 0;
  margin-bottom: 60px;
}
.complete-page .complete-description-text {
  font-size: 19px;
  line-height: 32px;
}
.complete-page .contact-text {
  font-size: 14px;
}

@media (min-width: 640px) {
  .complete-page {
    padding: 70px 50px;
  }
}

/*# sourceMappingURL=styles.css.map */