/**
Theme Name: Crazy Wisdom Bookstore
Author: Blue Winds Media
Author URI: https://www.bluewindsmedia.com
Description: A custom theme for Crazy Wisdom Bookstore, built on the Astra framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crazy-wisdom-bookstore
Template: astra
*/

/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */

/* ======= Common CSS: Start ======= */
*,
::before,
:after {
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

p {
    margin: 0px 0px 20px;
}

p:last-child {
    margin: 0px 0px 0px;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

ul,
ol,
li {
    list-style: none;
}

ul+ul,
ul+ol,
ol+ul,
ol+ol {
    margin: 20px 0px 0px;
}

a:focus,
a:focus-within,
a:focus-visible,
a:target,
a:visited,
a:active,
button:focus,
button:focus-within,
button:focus-visible,
button:target,
button:visited,
button:active,
input:focus,
input:focus-within,
input:focus-visible,
input:target,
input:visited,
input:active,
select:focus,
select:focus-within,
select:focus-visible,
select:target,
select:visited,
select:active,
textarea:focus,
textarea:focus-within,
textarea:focus-visible,
textarea:target,
textarea:visited,
textarea:active {
    outline: none;
    box-shadow: none;
    font-family: inherit;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ======= Common CSS: End ======= */



/* ======= Hover Button CSS: Start ======= */

/* ======= Hover Button CSS: End ======= */



/* ======= Heading Text Anim CSS: Start ======= */
span.word {
    display: inline-flex;
    overflow: hidden;
}

.text-anim span.word span.char {
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.17, 0.17, 0, 0.79) !important;
}

.text-anim.split-is h1 span.word span.char,
.text-anim.split-is h2 span.word span.char,
.text-anim.split-is h3 span.word span.char,
.text-anim.split-is h4 span.word span.char {
    opacity: 1;
    transition-delay: calc(30ms * var(--char-index)) !important;
    display: inline-flex;
}

/* ======= Heading Text Anim CSS: End ======= */



/* ======= Header Section CSS: Start ======= */

.popup-menu li:after,
.popup-menu li a:after {
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M28.9 12.3875L24.0625 7.5C23.9463 7.38284 23.808 7.28984 23.6557 7.22638C23.5034 7.16292 23.34 7.13025 23.175 7.13025C23.01 7.13025 22.8466 7.16292 22.6943 7.22638C22.542 7.28984 22.4037 7.38284 22.2875 7.5C22.0547 7.7342 21.924 8.05101 21.924 8.38125C21.924 8.71148 22.0547 9.02829 22.2875 9.2625L26.7375 13.75H1.25C0.918479 13.75 0.600537 13.8817 0.366117 14.1161C0.131696 14.3505 0 14.6685 0 15C0 15.3315 0.131696 15.6495 0.366117 15.8839C0.600537 16.1183 0.918479 16.25 1.25 16.25H26.8125L22.2875 20.7625C22.1703 20.8787 22.0773 21.017 22.0139 21.1693C21.9504 21.3216 21.9178 21.485 21.9178 21.65C21.9178 21.815 21.9504 21.9784 22.0139 22.1307C22.0773 22.283 22.1703 22.4213 22.2875 22.5375C22.4037 22.6547 22.542 22.7477 22.6943 22.8111C22.8466 22.8746 23.01 22.9072 23.175 22.9072C23.34 22.9072 23.5034 22.8746 23.6557 22.8111C23.808 22.7477 23.9463 22.6547 24.0625 22.5375L28.9 17.6875C29.6023 16.9844 29.9967 16.0313 29.9967 15.0375C29.9967 14.0437 29.6023 13.0906 28.9 12.3875Z" fill="black"/></svg>');
    width: 30px !important;
    height: 30px !important;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    left: auto !important;
}

.popup-menu-list ul li.elementor-icon-list-item a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.popup-menu-list ul li.elementor-icon-list-item:hover a span.elementor-icon-list-icon svg path {
    fill: #a3222c !important;
}

.popup-menu-list ul li.elementor-icon-list-item a span.elementor-icon-list-icon svg path {
    transition: all 0.3s ease-in-out;
}

.popup-menu li span.sub-arrow i.fas.fa-angle-down {
    height: 18px !important;
}

.popup-menu .elementor-nav-menu .sub-arrow {
    margin-block-end: 5px !important;
    margin-block-start: 0 !important;
    padding: 0px 0 0 10px !important;
}

/* ======= Header Section CSS: End ======= */



/* ======= Footer Section CSS: Start ======= */

.footer-logo-img {
    mix-blend-mode: darken;
}

.footer-sign-form .elementor-field-type-email input {
    padding: 20px 30px !important;
}

.footer-sign-form input:focus {
    box-shadow: unset !important;
    border-style: solid !important;
    background-color: transparent !important;

}

.footer-sign-form .elementor-field-type-email input::placeholder {
    opacity: 0.7;
    color: #000;
    font-family: Futura;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

/* ======= Footer Section CSS: End ======= */



/* =======  Banner Section CSS: Start ======= */

.bookstore-slider .elementor-image-carousel-wrapper .swiper-slide img {
    height: 100% !important;
    max-width: 100%;
    width: 100% !important;
    object-fit: cover;
}

.bookstore-slider .swiper-slide {
    height: auto;
}

.bookstore-slider .swiper-slide figure {
    height: 100%;
}

.bookstore-slider .elementor-swiper-button {
    background: #fff !important;
    border-radius: 100%;
    padding: 10px;
}


.bookstore-slider .elementor-image-carousel-wrapper .swiper-slide figcaption.elementor-image-carousel-caption {
    position: absolute;
    top: auto;
    bottom: 0px;
    background: #FAB61C;
    width: 100%;
    padding: 10px;
}

.art-img-sec .elementor-widget-image figure.wp-caption {
    height: 100% !important;
}

.art-img-sec .elementor-widget-image figure.wp-caption .wp-caption-text {
    margin: 0 !important;
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 0;
    background: #FAB61C;
}


/* ======================== */

.booking-form .gform-body .gfield--type-checkbox input,
.booking-form .gform-body .gfield--type-radio input {
    width: 0px;
    height: 0px;
    position: absolute;
    opacity: 0;
}

.booking-form .gform-body .gfield--type-checkbox label,
.booking-form .gform-body .gfield--type-radio label {
    position: relative;
    font-size: 16px !important;
    padding: 0px 0px 0px 35px;
}

.booking-form .gform-body .gfield--type-checkbox label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    border: 1.5px solid rgba(0, 0, 0, 0.7);
    opacity: 0.6;
}

.booking-form .gform-body .gfield--type-checkbox input:checked+label:after {
    opacity: 1;
}

.booking-form .gform-body .gfield--type-checkbox label:after {
    content: "";
    width: 7px;
    height: 13px;
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    border-right: 2px solid #334155;
    border-bottom: 2px solid #334155;
    opacity: 0;
    transform: rotate(42deg);
}


.booking-form .gform-body .gfield--type-checkbox .gchoice.gchoice {
    width: 100%;
}

.booking-form .gform-body .gfield--type-checkbox .gfield_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px !important;
}

.elementor-select-wrapper .select-caret-down-wrapper {
    background-image: url("https://wordpress-1097225-5673085.cloudwaysapps.com/wp-content/uploads/2025/07/Vector-9.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 10px;
}

.elementor-select-wrapper .select-caret-down-wrapper i {
    font-size: 0 !important;
    line-height: 2;
}

.booking-form .gform_wrapper .gform-body.gform_body .gfield input,
.booking-form .gform_wrapper .gform-body.gform_body .gfield textarea,
.booking-form .gform_wrapper .gform-body.gform_body .gfield select {
    padding: 15px;
    border-width: 0 0 1px 0 !important;
    background-color: transparent;
    border-color: #000000B3;
    border-radius: 0px 0px 0px 0px;
    font-family: "Futura", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000000;
}

.booking-form .gform_wrapper .gform-body.gform_body .gfield label,
.booking-form .gform_wrapper .gform-body.gform_body .gfield .gfield_label {
    font-family: "Futura", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000000;
    margin: 0 !important;
}

.booking-form .gform_wrapper .gform-body.gform_body .gfield input::placeholder,
.booking-form .gform_wrapper .gform-body.gform_body .gfield textarea::placeholder {
    color: #000000B3 !important;
    opacity: 1;
}

.booking-form .gform_wrapper .gform-body.gform_body .gfield input:focus,
.booking-form .gform_wrapper .gform-body.gform_body .gfield textarea:focus {
    box-shadow: none !important;
    border-style: solid !important;
}

.booking-form .gform_wrapper .gform-body.gform_body .gform_fields {
    gap: 40px;
}

.booking-form .gform_wrapper .gform_heading {
    display: none;
}

.booking-form .gform_wrapper .gform-footer {
    padding: 0 !important;
    margin: 40px 0 0 0 !important;
    display: flex;
    justify-content: center;
}

.booking-form .gform_wrapper .gform-footer input {
    margin: 0 !important;
    background-color: var(--e-global-color-accent);
    font-family: "Futura", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1em;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    transition-duration: 0.3s;
    border-radius: 50px 50px 50px 50px;
    padding: 20px 35px 20px 35px;
    display: flex;
    align-items: center;
    border-radius: 50px;
}

.booking-form .gform_wrapper .gform-footer input:hover {
    background: #a3222c !important;
    color: #fff !important;
}

.tribe-events-c-subscribe-dropdown__container{ display: none !important;}

/* =======  Banner Section CSS: End ======= */

.post-type-archive-tribe_events .ast-container{ margin: 0 !important; padding: 0 !important; width: 100%; max-width: 100%;}
.post-type-archive-tribe_events .ast-container .content-area{ margin: 0 !important; padding: 0 !important;}
.post-type-archive-tribe_events .ast-container .ast-no-title{ display: none;}
span.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden:after {
    content: "Events";
}
span.tribe-events-c-top-bar__datepicker-mobile:after {
    content: "Events";
}
.tribe-events-after-html a{
  background-color: #fab61c;
  font-family: "Futura", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1em;
  color: #000;
  transition-duration: 0.3s;
  border-radius: 50px;
  padding: 20px 35px 20px 35px;
  display: inline-flex;
}
.tribe-events-after-html{ padding-top: 30px !important; text-align: center;}
.tribe-events-after-html h3{ margin-bottom: 15px;}
.tribe-events-after-html a:hover{
  background-color: #a3222c;
  color: #fff !important;
}

/* ======= Responsive CSS: Start ======= */

/*
    Elementor Breakpoint For Responsive Screen : 
    Mobile Portrait   : 767
    Mobile Landscape  : 1024
    Tablet Portrait   : 1200
    Tablet Landscape  : 1400
    Laptop            : 1600
    */

@media screen and (min-width: 1601px) and (max-width: 1780px) {}

@media screen and (min-width: 1601px) and (max-width: 1780px) {}

@media screen and (max-width: 1780px) {}

@media screen and (min-width: 1601px) and (max-width: 1680px) {

    .event-col {
        padding: 0 80px !important;
    }
}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) {

    /* .bookstore-slider .elementor-image-carousel-wrapper .swiper-slide  img {
    height:580px !important;
} */
	.tribe-events-after-html a{ padding: 15px 30px 15px 30px;}
}

@media screen and (max-width: 1200px) {

    .footer-sign-form .elementor-field-type-email input {
        padding: 15px 15px !important;
    }
}

@media screen and (max-width: 1024px) {



    .footer-sign-form .elementor-field-type-email input {
        padding: 15px 10px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .footer-sign-form .elementor-field-type-email {
        width: 75%;
    }

    .footer-sign-form .e-form__buttons {
        width: 25%;
    }
}

@media screen and (max-width: 767px) {

    .footer-menu ul {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .booking-form .gform-body .gfield--type-checkbox .gfield_checkbox {
        flex-wrap: wrap !important;
    }

    .booking-form .gform_wrapper .gform-body.gform_body .gform_fields {
        gap: 20px !important;
    }

    .booking-form .gform_wrapper .gform-body.gform_body .gfield input,
    .booking-form .gform_wrapper .gform-body.gform_body .gfield textarea,
    .booking-form .gform_wrapper .gform-body.gform_body .gfield select {
        padding: 10px 0 !important;
    }

    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
        min-height: 32px;
    }
	
	.popup-menu li:after, .popup-menu li a:after{ width: 20px !important; height: 20px !important; background-size: 100% 100%;}
}

@media screen and (max-width: 480px) {}

/* ======= Responsive CSS: End ======= */