/*
Theme Name: Fasetti 2022
Author: Esmes Digital Oy
Author URI: https://esmes.fi/
Description: A custom Storefront child theme with modular components
Version: 2022.1
Text Domain: fasetti2022
Template: storefront
*/

.wc-block-components-notice-banner {
  font-size:1.125rem;
  border:none !important;
  border-radius: 0 !important;
  background-color:#33775f !important;
  color:#FFF !important;
  font-weight:400 !important;
}

.wc-block-components-notice-banner svg {
  display:none;
  background-color:#2e4d9d !important;
}

.wc-block-components-notice-banner a {
  color: #FFF !important;
}

.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
  color: #FFF !important;
  opacity: 1 !important;
}

@media screen and (max-width: 767px) {
  .element-frontpage-hero .video-player {
    height: 30rem !important;
  }
}

.elements .button.--opaque {
  background: #000;
  color: #fff !important;
}

.elements .element-subpage-hero .button.--opaque {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* 2026 cancel form */

.cancel_form_wrapper form {
  max-width: 40rem;
}

.cancel_form_wrapper form .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}

.cancel_form_wrapper form .flex-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.cancel_form_wrapper form input,
.cancel_form_wrapper form textarea {
  resize: none;
  margin-top: 0.5em;
}