body, html {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #454545;
  background-color: #fff !important;
  margin: 0;
}

.original-footer {
  margin-top: 30px;
  text-align: center;
  font-size: 12px;
}

.ordering-message {
  text-align: left;
}

#card {
  margin: 0;
  outline: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  padding: .7em 1em;
  font-size: 1em;
  background: #fff;
  border: 1px solid rgba(39,41,43,.15);
  color: rgba(0,0,0,.8);
  border-radius: .2857rem;
  height: 38px;
}
#card.focus {
  color: rgba(0,0,0,.85);
  border-color: rgba(39,41,43,.3);
  border-radius: 0 .2857rem .2857rem 0;
  background: #fff;
  box-shadow: 1px 0 0 0 rgba(39,41,43,.3) inset;
}
#card.error {
  background: #fff0f0;
  border-color: #dbb1b1;
  color: #d95c5c;
  border-radius: 0 .2857rem .2857rem 0;
  box-shadow: 2px 0 0 0 #d95c5c inset;
}

.shirt-preview {
  position: relative;
}

.emoji-keyboard {
  height: 170px;
  overflow: scroll;
  padding: 15px 15px;
}

.emoji-key {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
}

.tiered.menu > .icon.menu .item .icon {
  margin: 0 auto !important;
}

.emoji-preview {
  left: 33%;
  right: 33%;
  position: absolute;
  bottom: 39.7%;
  top: 30%;
  text-align: center;
}

.emoji-preview {
  opacity: 0.75;
}

.emoji-preview .emoji-element {
  display: inline-block;
  width: 16.6%;
}

.emoji-element img {
  width: 100%;
}

.emoji-element.next {
  width: 100%;
}

.ui.small.message.terms-warning {
  border: none !important;
  color: #999 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 0.8em;
}

@media only screen and (max-width: 767px) {
  .ui.modal .actions>.button, .ui.modal .actions>.buttons {
    margin-bottom: 0 !important;
  }
}

.emoji-element.cursor {
  background-color: #aaa;
  width: 2px;
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}

.emoji-fish {
  font-family: 'Fredoka One', cursive !important;
  padding-left: 20px !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.ui.dividing.header {
  padding-top: 20px !important;
  margin-bottom: 0px !important;
}

.promotion {
  font-weight: 600;
  text-align: center;
  margin-top: -1px;
  box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
  padding: 12px;
  color: #1ebc30;
  background-color: #ebffed;
}

.promotion.orange {
  color: #e07b53;
  background-color: #ffedde;
}

.ui.one.column.page.grid.main-site {
  margin-top: 20px !important;
}

.emoji-fish img {
  vertical-align: bottom;
}

.emoji-element.cursor, .emoji-element.next + .emoji-element.next {
  height: 13%;
}

.shirt-price {
  opacity: 0.8;
  position: absolute !important;
  bottom: 15px;
  font-size: 1.2em !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  font-weight: 600 !important;
  right: 30px;
}

@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}



.shirt-timer .item {
  text-align: center;
  min-width: 50px;
}

.shirt-timer {
  display: block !important;
  width: 260px !important;
  margin: 0 auto !important;
  color: #aaa;
}

.shirt-timer .header {
  font-size: 2.5em !important;
  line-height: 1em !important;
  text-align: center;
  color: #454545;
}

timer {
  display: block;
}

.available-products {


}


.ui.table tr {
  display: table-row !important;
}

.ui.table tr>td {
  width: auto !important;
}

.ui.table tbody {
  display: table-row-group;
}

.checkout-modal {
}

.ui.dropdown > .text {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease 0s;
  white-space: nowrap;
  width: 80%;
}

.available-products {
  margin: 0 0 0 5px;
  text-align: left;
}


select {
  -webkit-appearance: menulist-button;
  height: 40px !important;
  margin: 5px 0 20px 0;
  font-size: 16px;
  font-family: 'Open Sans', Helvetica, Arial;
  font-weight: 600;
  width: 100%;
  color: #454545;
  border-color: #ccc;
  opacity: 0.7;
  border-radius: .3125em !important;
  background-color: #fff;
  -webkit-transition: opacity ease-out 200ms;
  transition: opacity ease-out 200ms;
}

select:hover {
  opacity: 1;
}

.mini select {
  font-size: 0.875em;
  height: 34px !important;
}

select:focus {
  outline: none;
}

.table select {
  margin: 0 !important;
}

.address-form select {
  font-size: 1em;
}

.checkout-button {
  margin-bottom: 20px !important;
}

.checkout-shirt-preview {
  margin-bottom: 10px;
}

.shirt-preview {
 background-color: #f9f9f9;
}

.product-table thead {
  display: table-header-group !important;
}
.ui.table.product-table tr>th {
  width: auto !important;
  display: table-cell !important;
}

.ui.table td:first-child {
  font-weight: normal !important;
}

.ui.table td:last-child, .ui.table th:last-child {
  box-shadow: none !important;
}

.shirt-preview-helper {
}

.type-switcher {
  position: absolute;
  top: 0px;
  width: 150px;
  left: 0px;
  opacity: 0.8;
}

.type-switcher > div {
  width: 150px;
  margin-bottom: 3px !important;
  font-weight: bold !important;
}

.share-links {
  
}

.ui.modal.small {
  width: 40% !important;
  margin-left: -20% !important;
  line-height: 1.5em !important;
}

.trash-tooltip {
  position: absolute !important;
  top: -40px;
  right: 12.2%;
}

.pinterest-bg {
  background-color: #cb2027 !important;
}

.facebook-bg {
  background-color: #3b5998 !important;
}

.twitter-bg {
  background-color: #00aced !important;
}

.facebook-bg .icon, .twitter-bg .icon, .pinterest-bg .icon {
  color: #fff !important;
}

.icon.menu.emoji-keyboard-menu .item {
  padding: 0.8em !important;
}

.checkout .content .segment {
  padding: 15px !important;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -120px; 
}
.page-wrap:after {
  content: "";
  display: block;
}

.footer, .page-wrap:after {
  color: #999;
  height: 120px;
}

.footer {
  border-top: 1px solid #eee;
}

.emoji-key {
  cursor: pointer;
}


.page-wrap .two.column .main-content.column {
  padding-bottom: 50px !important;
}

@media only screen and (max-width: 767px) {
  .page-wrap .two.column .main-content.column.first {
    padding-bottom: 0px !important;
  }
  .page-wrap .two.column .main-content.column.second {
    padding-bottom: 30px !important;
  }
}


@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}