@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mylovewitch.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//mylovewitch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(38,34,35);
	--wd-alternative-color: rgb(115,114,114);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(38,34,35);
	--btn-default-bgcolor-hover: rgb(115,114,114);
	--btn-accented-bgcolor: rgb(38,34,35);
	--btn-accented-bgcolor-hover: rgb(115,114,114);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.page-id-91 .infor {
    color: black!important;
	margin-bottom:40px!important;
}


.page-id-7029 .booked-show-cf.booked-cf-active {
    color: white!important;
}
 .page-id-7029 a.user {
    color: black!important;
}
.page-id-7029 .booked-cal-buttons{
display:none!important;
}

.page-id-7029 a.booked-show-cf {
    color: wheat;
    background-color: black;
    padding: 12px 25px;
    /* margin-top: 27px !important; */
}
.page-id-7029 i.fa-solid.fa-cart-shopping {
    margin-bottom: 20px;
}

.page-id-7029 .cf-meta-values-hidden p:nth-child(4),.page-id-7029 .cf-meta-values-hidden p:nth-child(5),.page-id-7029 .cf-meta-values-hidden p:nth-child(7),.page-id-7029 .cf-meta-values-hidden p:nth-child(6),.page-id-7029 .cf-meta-values-hidden p:nth-child(8),.page-id-7029 .cf-meta-values-hidden p:nth-child(9),.page-id-7029 .cf-meta-values-hidden p:nth-child(10),.page-id-7029 .cf-meta-values-hidden p:nth-child(11) {
    display: none;
}

.page-id-7029 .cf-meta-values-hidden h6,.page-id-7029 .cf-meta-values-hidden ul {
    display: none;
}
.page-id-7029 .cf-meta-values-hidden p:nth-child(13),.page-id-7029 .cf-meta-values-hidden p:nth-child(14) {
    display: none;
}


.page-id-6704 table.with_frm_style.frm-responsive-table tbody td{
color:black!important;
}


#print .wd-text-block.reset-last-child.text-left {
    display: flex !important;
    align-items: center !important;
    background-color: black;
    padding: 14px 50px;
    width: 238px;
}

#print .wd-text-block.reset-last-child.text-left {
    display: flex!important;
align-items: center!important;
}
#print .printomatictext {
    padding-left: 10px!important;
}


.page-id-6755 label.frm_primary_label, .page-id-6763 .frm_primary_label,.page-id-6763 .frm_description,.page-id-6763 .frm-pass-req{
    color: black !important;
}
div#field_73qa7_label {
    text-transform: uppercase;
}

.page-id-6741 label.frm_primary_label,.page-id-6741 .frm_fields_container p {
    color: black !important;
}
.frm_form_field.form-field.frm_none_container.login-remember{
margin-bottom:0px!important;
}
.page-id-6741 input#wp-submit0, .page-id-6755 .frm_submit input, .page-id-6763 button.frm_button_submit.frm_final_submit, .frm_radio .frm_label_button_container {
    background-color: #D99B29 !important;
    color: white !important;
    border: none !important;
    border-radius: 0;
    padding: 14px 50px !important;
}

.page-id-6741 .frm_fields_container p {
    color: black;
    margin-bottom: -20px;
}
article#post-6703 .frm6, article#post-6703 .frm12, article#post-6703 .frm6 p {
    color: black!important;
}
article#post-6703 .stlye {
    font-size: 21px !important;
    font-family: 'Josefin Sans' !important;
    padding: 0px !important;
    margin-bottom: 10;
    line-height: 20px !important;
	
}
.page-id-6692 table.with_frm_style.frm-responsive-table td{
color:black!important;
}

article#post-6697 td a, article#post-6697 p, #post-6697 .wd-entry-content, article#post-6692 td a, article#post-6692 p, #post-6692 .wd-entry-content{
    color: black;
}

.woocommerce-checkout .woocommerce-additional-fields, .woocommerce-billing-fields h3{
display:none;
}
button#place_order, .hitpay-own-payment-button {
    background: black !important;
}

.frm_preview_page {
    background-color: black !important;
}
.whb-column.whb-col-right.whb-visible-lg a.btn.btn-style-default.btn-shape-rectangle.btn-size-large, button.frm_button_submit.btnclas:hover a, button.frm_button_submit.btnclas a:hover {
    color: black!important;
}
div#frm_field_15_container h3 {
    color: white;
}
.frm-card-errors.frm_error {
    color: white !important;
}
label#field_ljn3w_label {
    text-transform: capitalize;
}
div#frm_form_3_container .frm_form_field input{
background-color:white!important;
}

.site-content {
  margin-bottom: 0px; 
}
div#frm_field_6_container button.frm_button_submit.frm_final_submit {
    min-width: 100%;
}
.woocommerce-MyAccount-content p, .woocommerce-MyAccount-content a {
    color: #262223 !important;
}
.tarot-reading-result p {
    font-size: 19px;
    font-weight: 400;
    color: black !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -20px!important;
    display: inline-block;
    border-radius: 30px;
    width: 42px!important;
    height: 41px!important;
    line-height: 49px;
}

.variations tr{
display:flex;
	flex-direction:column;
}


.wd-swatch.wd-text.wd-enabled, .wd-swatch.wd-text.wd-active.wd-enabled {
    border: solid grey 1px!important;
    padding: 10px!important;
    border-radius: 0px !important;
	width:100%!important;
	}


.wd-after-add-to-cart {
    color: #606060!important;
}

.wd-after-add-to-cart h6 {
    margin-bottom: 10px;
    margin-top: 20px !important;
}



.single-post .sharedaddy.sd-sharing-enabled,.single-post .sharedaddy,.single-post .wd-single-footer,.single-post .wd-page-nav,.single-post .wd-carousel-container, #comments{
display:none!important;
}
.singleproductcss p, .singleproductcss li, .popupclr .title-after_title,.wd-entry-content.wd-scroll-content, .single-post a, .single-post p {
    color: #433b3b;
}

a.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button {
    color: white !important;
}

 .popupclr .title-after_title {
    font-size:17px;
}
.selectron23-option-title{
text-align:center!important;
}
.registration-info,form.woocommerce-form.woocommerce-form-register.register p, form.woocommerce-form.woocommerce-form-register.register label, form.woocommerce-form.woocommerce-form-register.register a {
    color: #333!important;
}
p.woocommerce-store-notice.demo_store{
display:none!important;
}


.page-id-90 a.remove.wd-checkout-remove-btn {
    color: #ff5858!important;
}
    .wd-swatch.wd-text:hover, .wd-swatch.wd-text.wd-active.wd-enabled {
        background-color: #cec7c7;
    } 

.page-id-91 address {
    color: black !important;
}


a.woocommerce-button.button.view {
    color: white !important;
}


/* Card CSS */

li.frm_rootline_single input.frm_page_skip,li.frm_rootline_single input.frm_page_back {
    background-color: white !important;
}


#frm_form_3_cont .frm_submit.frm_flex {
    display: flex;
    justify-content: flex-end !important;
    flex-direction: row;
}

/* From https://css.glass */
#frm_form_3_cont{
background: rgba(0, 0, 0, 0.4);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
border: 1px solid rgba(255, 255, 255, 0.36);
}
.frm_form_fields.frm_page_num_5 {
    min-height: 100vh!important;
}


.frm_form_fields button.frm_prev_page {
    display: none;
}
/* Wrapper for loading spinner */
.youranswer .tarot-loading-wrapper {
  text-align: center !important;
  padding: 20px !important;
}
.askquestion textarea{
background-color:white;
	color:black!important;
	min-height:75px!important;
}
span.frm_rootline_title {
    color: white;
}
.formhtml strong, .formhtml p, .formhtml li {
    color: white;
    font-size: 17px;
}
.h4frm h4{
color:white;
}

.youranswer {
    color: white!important;
    font-size: 16px!important;
}

.slide-flip-from-left {
  animation: slideFlipFromLeft 1s ease-in-out forwards;
}

@keyframes slideFlipFromLeft {
  0% {
    transform: translateX(-50vw) rotateY(0deg);
    opacity: 0;
  }
  50% {
    transform: translateX(0) rotateY(90deg);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) rotateY(0deg); 
    opacity: 1;
  }
} 
  
  
.frm_form_fields.frm_page_num_1 input,   .frm_form_fields.frm_page_num_3 input, .frm_form_fields.frm_page_num_3 select  {
    border: solid 2px #fbd53a !important;
    box-shadow: 4px 4px 0 0 #fbd53a;
}
div#frm_form_3_container .frm_form_fields button {
    border: solid 2px #fbd53a !important;
    box-shadow: 4px 4px 0 0 #fbd53a!important;
/*   background-color:#18a0fb!important; */
}

#tarot1.reversed, #tarot2.reversed, #tarot3.reversed {
  transform: rotate(180deg)!important; /* Flip selected cards 180° for reversed */
}

#tarot1.upright, #tarot2.upright, #tarot3.upright {
  transform: rotate(0deg); /* Ensure upright cards are not rotated */
}

.page-id-95 .with_frm_style.frm_center_submit .frm_flex.frm_submit {
    justify-content: flex-end;
}

.page-id-95 header.whb-header.whb-default_header.whb-sticky-shadow.whb-scroll-stick.whb-sticky-real {
    display: none;
}  


  #mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
    flex-direction: row;
  }

  #innerContainer {
    display: flex;
    width: 100%;
    max-width: 1200px;
  }

  #containerd {
    position: relative;
    width: 50%;
    height: 80vh;
    max-width: 400px;
    max-height: 400px;
    margin: auto;
  }

  .card {
    width: 5.5vw;
    max-width: 60px;
    height: auto;
    display: none;
    cursor: pointer;
    position: absolute;
    transition: all 0.3s ease;
  }

  .card:hover {
    filter: brightness(1.2);
    border: 2px solid #fbd53a
  }

  .card.selected {
    filter: brightness(1.2);
    border: 2px solid #fbd53a;
  }

  .card-first-right {
    z-index: 10;
  }

  #tarotImages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 50%;
  }


  .tarot-image {
    width: auto;
    height: calc(100vw / 3);
    max-height: 300px;
    border: 1px solid #fbd53a;
    margin: 10px;
    display: none;
  }

.loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

.loader:before,
  .loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation: pulsOut 1.8s ease-in-out infinite;
    filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.75));
  }
  .loader:before {
    width: 100%;
    padding-bottom: 100%;
    box-shadow: inset 0 0 0 1rem #fff;
    animation-name: pulsIn;
  }
  .loader:after {
    width: calc(100% - 2rem);
    padding-bottom: calc(100% - 2rem);
    box-shadow: 0 0 0 0 #fff;
  }

  @keyframes pulsIn {
    0% {
      box-shadow: inset 0 0 0 1rem #fff;
      opacity: 1;
    }
    50%, 100% {
      box-shadow: inset 0 0 0 0 #fff;
      opacity: 0;
    }
  }

  @keyframes pulsOut {
    0%, 50% {
      box-shadow: 0 0 0 0 #fff;
      opacity: 0;
    }
    100% {
      box-shadow: 0 0 0 1rem #fff;
      opacity: 1;
    }
  }
      

.woocommerce-shop .post-6593.status-publish.instock {
    display: none;
}@media (min-width: 1025px) {
	 .page-id-6763 button.frm_button_submit{
 width:25%!important;
}
.wd-swatch.wd-text.wd-enabled, .wd-swatch.wd-text.wd-active.wd-enabled {
        white-space: nowrap!important;
	}
.wd-swatch.wd-text:hover, .wd-swatch.wd-text.wd-active.wd-enabled {
    background-color: #cec7c7;
}

.selectron23{
height:25px!important;
}
.selectron23-container{
min-height:63px!important;
}


textarea#order_comments {
    background-color: white;
    margin-bottom: 20px;
}

/* Card CSS */

div#mainContainer{
margin-top:-140px;
}

#frm_form_3_cont{
padding:50px;
}

div#frm_form_3_container button.frm_button_submit {
    width: 50% !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	 #mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: row;
  }
#frm_form_3_cont{
padding:30px;
}

#frm_form_3_cont button.frm_button_submit {
    width: 50% !important;
}

}

@media (min-width: 577px) and (max-width: 767px) {
	.selectron23-container {
    min-height: 96px;
	margin-top:20px;
}


/* Card CSS */

#frm_form_3_cont {
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
}

#mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

div#frm_form_3_container button.frm_button_submit {
    width: 100% !important;
}
#containerd {
    width: 100vw;
    height: 70vh;
    max-height: 350px;
    margin: 0px 25px !important;
}

.tarot-image {
    height: calc(100vw / 3);
}

.tarot-image {
        width: auto;
        max-height: 180px;
}

#tarotImages {
    width: 100%;
		margin-top:80px;
}

.page-id-95 .with_frm_style.frm_center_submit .frm_flex.frm_submit {
    justify-content: center;
}

div#buttonContainer button {
    height: 75px;
    width: 75px;
}

.card {
    width: 12vw;
    max-width: 50px;
}

#buttonContainer {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    padding-top: 70px;
    width: 66%;
    gap: 9px;
}

#innerContainer {
    flex-direction: column;
    align-items: center;
}

button {
    padding: 8px 16px;
    margin: 8px 0;
}
}

@media (max-width: 576px) {
	.selectron23-container {
    min-height: 76px;
	margin-top:10px;
}

/* Card CSS  */

#frm_form_3_cont {
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
}

#mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}
div#frm_form_3_container button.frm_button_submit {
    width: 100% !important;
}

#containerd {
    width: 100vw;
    height: 70vh;
    max-height: 350px;
    margin: 0px 25px !important;
}
#tarotImages {
	margin-top:80px;
    width: 100%;
}
.page-id-95 .with_frm_style.frm_center_submit .frm_flex.frm_submit {
    justify-content: center;
}

div#buttonContainer button {
    height: 75px;
    width: 75px;
}

.card {
    width: 12vw;
    max-width: 50px;
}

#buttonContainer {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    padding-top: 70px;
    width: 66%;
    gap: 9px;
}
.tarot-image {
        width: auto;
        max-height: 180px;
	    height: calc(100vw / 3);
}

#innerContainer {
    flex-direction: column;
    align-items: center;
}

button {
    padding: 8px 16px;
    margin: 8px 0;
}
}

