/*
Theme Name: Hello Child - Shaltazar Oracle
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Shaltazar Email Collection Form Styles */
button#wos_form_submit {
  background-color: #68356b;
  color: #ffffff !important;
  border-radius: 0;
  border: 0;
}

form#wos_form,
#wos_form_thanks,
#wos_form_error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

form#wos_form {
  flex-direction: row;
}

form#wos_form > * {
  margin-right: 10px;
}

input#wos_form_email:focus:invalid,
input#wos_form_first_name:focus:invalid {
  border: 2px solid red;
}

#wos_form_wrapper,
#wos_form_thanks,
#wos_form_error {
  display: none;
}

#wos_form_thanks,
#wos_form_error {
  padding: 20px;
  border-radius: 6px;
}

#wos_form_thanks {
  background-color: #bcb9f4;
}

#wos_form_error {
  background-color: #f0acb3;
}

#wos_form_wrapper ~ #wos_form_error {
  margin-top: 20px;
}

#wos_subscriber_name {
  font-weight: bold;
}

#wos_form_cta {
  margin-top: 20px;
}

/* Override EOS Oracle Card Plugin Styles */
.eos-card-content {
  padding-top: 100px !important;
}

.oracle-cards-wrapper.card-picked .eos-mix-cards-wrp {
  display: none !important;
}

.oracle-cards-wrapper.card-picked .eos-card {
  position: relative !important;
  top: 0 !important;
  width: 300px !important;
  cursor: default !important;
  pointer-events: none !important;
}

.oracle-cards-wrapper.card-picked .card-front-img {
  /* transform: scale(-2, 2) !important; */
  /* transform-origin: top; */
  width: 200%;
  height: auto;
  transition: transform 0.5s ease 0s !important;
  pointer-events: none !important;
  cursor: default !important;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));

  /* box-shadow: 0px 4px 7px -2px rgba(0, 0, 0, 0.75); */
}

.oracle-cards-wrapper.card-picked .oracle-cards {
  margin-bottom: 120px;
}

@media (min-width: 768px) {
  .oracle-cards-wrapper.card-picked {
    display: flex;
  }

  .oracle-cards-wrapper.card-picked .oracle-cards,
  .eos-card-content {
    width: 50%;
    padding-top: 0 !important;
  }

  .oracle-cards-wrapper.card-picked {
    height: 700px;
  }

  .oracle-cards-wrapper.card-picked .eos-card {
    width: 450px !important;
  }

  .oracle-cards-wrapper.card-picked .oracle-cards {
    margin-bottom: 120px;
  }
}

.oc-content-card-name {
  color: #000000;
  font-family: 'Prata', Sans-serif;
  font-size: 32px;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 44px;
}

#oc-card-content,
#wos_form_thanks p,
#wos_form_error p,
#wos_form_cta {
  text-align: left;
  color: #181818;
  font-family: 'Josefin Sans', Sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
}

#wos_form_cta {
  font-size: 26px;
  font-weight: bold;
}