/*
Theme Name: Jostiband
Theme URI:
Description: Jostiband theme
Author:
Author URI:
Template: storefront
Version: 1.0.1
*/

#wpadminbar {
  display: none;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
}
iframe {
  border: none!important;
}
.content iframe {
  max-height: 321px;
}
iframe.row_blocks_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.content ul li a, .concert-details__location p a {
  color: #09f;
  text-decoration: underline;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.content .arrow-link {
  text-decoration: none;
}
.ankerlink {
  max-width: 900px!important;
}
.breadcrumbs {
  width: 100%!important;
}
.header {
  position: absolute!important;
}
.header-bar, .header-bar__phone {
  font-weight: 300!important;
}
.hero__title {
  margin: 12px 0 15px!important;
}
.hero-video__wrapper {
  height: 720px!important;
}
.triple-block:first-child {
  margin-top: 0;
}
.triple-block .triple-block__title {
  margin: 15px 0 0 0;
}
.gform_body li::before {
  position: relative!important;
  top: auto!important;
  left: auto!important;
  content: ""!important;
  font-size: auto!important;
  color: none!important;
}
.gform_title {
  padding: 10px!important;
  font-size: 19px!important;
  line-height: 28px!important;
  color: #fff!important;
  font-family: Merel Bold,helvetica,sans-serif!important;
  text-transform: uppercase!important;
  text-align: center!important;
  letter-spacing: .03em!important;
  background-color: #09f!important;
}
.gform_body label {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 36px;
  color: #09f;
}
.gform_body input[type=email], .gform_body input[type=text], .gform_body select {
  width: 100%!important;
  height: 40px!important;
  padding: 5px 10px!important;
  font-size: 20px!important;
  line-height: 1em!important;
  border: 1px solid #09f!important;
  -webkit-appearance: none!important;
}
.gform_body select option {
  color: #09f!important;
}

.gform_body textarea {
  width: 100%!important;
  height: 130px!important;
  padding: 10px 15px!important;
  border: 1px solid #09f!important;
  resize: none!important;
  font-size: 20px!important;
  line-height: 36px!important;
}
.gfield_checkbox, .gfield_radio {
  margin-left: 0!important;
}
.ginput_container_radio, .ginput_container_checkbox {
 margin-top: 0!important;
}
.gfield_radio li input[type=radio], .gfield_radio li input[type=checkbox], .gfield_checkbox li input {
  margin-top: 1px!important;
}
.gform_footer input[type=submit] {
  display: block;
  border: none;
  box-shadow: none;
  color: inherit;
  font-weight: inherit;
  background-color: transparent;
  cursor: pointer;
  min-width: 180px;
  margin-top: 30px;
  padding: 11px 10px;
  font-size: 18px;
  line-height: 1em;
  color: #fff;
  font-family: Merel Bold,helvetica,sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .03em;
  border-radius: 20px;
  background-color: #09f;
}
.gform_footer input[type=submit]:hover {
  background-color:#cd2d00;
}

.ankerlink__list li a {
  text-transform: none!important;
  font-size: 2.2rem!important;
  line-height: 2.4rem!important;
  letter-spacing: .025em!important;
  font-family: Uni Neue,helvetica,sans-serif!important;
}

.link-list .link-list__icon {
  width: 65px;
  height: 60px;
  padding-top: 0;
}
.link-list .link-list__icon:before {
  display:none!important;
}

/* CATEGORY */
.single-item+.single-item {
  width: 100% !important
}

/* PRODUCT */
.product-card__img picture, .product-card__thumbs button {
  height: auto!important;
}
.double-item__content p a, .product__description p a {
  text-decoration: underline;
  color: #09f;
}
.double-item__img-wrp picture img {
  width: auto!important;
}
.product-image-square, 
.product-image-portrait {
  max-width: 170px;
  margin: 0 35px;
}
.single-item__content {
  font-size: 1.7rem;
  line-height: 2.5rem;
}

/* CART */
.woocommerce-message {
  text-align: center;
  font-size: 20px;
  margin: 50px;
}
.woocommerce-message .restore-item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px 11px 20px;
  letter-spacing: .07em;
  font-size: 18px;
  line-height: 18px;
  font-family: Merel Bold,helvetica,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
  background-color: #09f;
  border-radius: 20px;
  transition: background-color .1s linear;
  margin-left: 10px;
}
small.includes_tax {
  display: none;
}
.extra-topmargin {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* CHECKOUT */
.bill__order span.woocommerce-Price-amount.amount, .bill__order span.woocommerce-Price-currencySymbol {
  display: inline;
}
.cart-order__order-info h3, .cart__bill.bill h3 {
  margin: 0 0 25px;
  font-family: Merel Bold,helvetica,sans-serif;
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #09f;
}
.cart-order__order-info input[type="text"], .cart-order__order-info input[type="email"], .cart-order__order-info input[type="tel"], .cart-order__order-info input[type="password"], select[name="mollie-payments-for-woocommerce_issuer_mollie_wc_gateway_ideal"] {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.2em;
  border: 1px solid #09f;
}
.woocommerce-additional-fields textarea {
  width: 100%;
  height: 200px;
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.4em;
  border: 1px solid #09f;
}
.cart-order__order-info label, .woocommerce-additional-fields label {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 36px;
  color: #09f;
}
.cart-order__order-info abbr[title] {
  text-decoration: none;
  -webkit-text-decoration: none dotted;
  text-decoration: none dotted;
}
.cart-order__order-info .select2.select2-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 5px 40px 5px 10px;
  border: 1px solid #09f;
  color: #09f;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: .025em;
}
.cart-order__order-info .select2.select2-container:after {
  position: absolute;
  right: 8px;
  top: 2px;
  content: "";
  font-family: fontello,sans-serif;
}
.cart-order__order-info .selection {
  width: 100%;
}
.cart-order__order-info .select2-container--default .select2-selection--single {
  border: none;
  width: 100%;
}
.cart-order__order-info .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #09f;
}
b[role="presentation"] {
  display: none;
}
#payment {
  margin-top: 30px;
}
ul.wc_payment_methods {
  margin: 0;
  list-style: none;
  padding: 10px 0;
}
ul.wc_payment_methods li.wc_payment_method {
  position: relative;
  min-height: 25px;
  margin-bottom: 45px;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: .025em;
}
ul.wc_payment_methods li.wc_payment_method label {
  display: flex;
  align-items: center;
}
ul.wc_payment_methods li.wc_payment_method label svg {
  margin-left: 20px;
}
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before {
  content: "";
  border-color: #09f;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), inset 0 0 0 7px #fff;
  background-color: #09f;
}
#payment .payment_methods li.wc_payment_method label::before {
  content: "";
  left: 4px;
  top: 8px;
  display: block;
  width: 25px;
  height: 12px;
  border: 1px solid #707070;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
  border-radius: 50%;
}
button[name="woocommerce_checkout_place_order"] {
  display: block;
  border: none;
  box-shadow: none;
  color: inherit;
  font-weight: inherit;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 40px 11px 20px;
  font-family: Merel Bold,helvetica,sans-serif;
  font-size: 18px;
  line-height: 1em;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #fff;
  background-color: #09f;
}

/* CHECKOUT THANK YOU */
table.woocommerce-table {
  width: 100%!important;
}
table.woocommerce-table td, table.woocommerce-table th {
  text-align: left!important;
}

/* PAGINATION */

.pagination__pages > .page-numbers {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  border-radius: 50%;
  border: 2px solid #09f;
  color: #09f;
  background-color: #fff;
  transition: background-color .2s linear,color .2s linear;
  display: inline-flex;
  margin-right: 10px;
}
.pagination__pages > .page-numbers:hover, .pagination__pages > .page-numbers.current {
  background-color: #09f;
  color: #fff;
}
.pagination__pages > .page-numbers.prev, .pagination__pages > .page-numbers.next, .pagination__pages > .page-numbers.prev:hover, .pagination__pages > .page-numbers.next:hover {
  border: none;
  width: auto;
  height: auto;
  background-color: #fff!important;
}
.header-button--cart b {
  bottom: 45px !important;
  right: -5px !important;
  transform: translateY(100%) scale(0.6) !important;
}
.social--dark svg {
  width:60%;
  height:60%;
  fill:#cd2d00;
}
.social--light svg {
  width:60%;
  height:60%;
  fill:#fff;
}

@media only screen and (max-width: 1024px) {
  .hero {
    max-width: 940px;
  }
  .hero-video__wrapper {
    height: 530px!important;
  }
}

@media only screen and (max-width: 768px) {
  .hero {
    max-width: 768px;
  }
  .hero-video__wrapper {
    height: 432px!important;
  }
  .product-image-square, 
  .product-image-portrait {
    max-width: 100%;
    margin: auto;
  }
  .single-item__img-wrp {
    padding-bottom: 100%;
    margin: 30px auto;
  }
  .header-button--cart b {
    bottom: 43px !important;
    right: -5px !important;
    transform: translateY(100%) scale(0.5) !important;
  }
}