/*
Theme Name:   Superbook Academy
Theme URI:    https://us-en.superbook.cbn.com/
Description:  A Child Theme for Superbook by DIY Dreamsite
Author:       DIY Dreamsite
Author URI:   https://diydreamsite.com
Template:     kadence
Version:      1.0
*/

:root {
  --global-palette10: #f4d919;
  --global-palette11: #b71f44;
  --global-palette12: #007c85;
  --global-palette21: #b4e7b4;
  --global-palette12-50: #7abac0;
  --kb-query-placeholder-color: var(--global-palette5);
}

/* Menu */
.role-member .dds-courses-menu {
    display: none !important;
}

body:not(.role-member) .dds-member-menu {
    display: none !important;
}

#login-drawer.popup-drawer.active .drawer-inner {
  background-image: url(/wp-content/uploads/free-lesson-background.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}




/* Breadcrumbs */

/* Lesson Breadcrumbs */

#wrapper .dds-breadcrumbs ul {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 85%;
  color: var(--global-palette9);
}

#wrapper .dds-breadcrumbs ul a {
  color: var(--global-palette9);
  text-decoration: underline;
}

#wrapper .dds-shop-breadcrumbs .dds-breadcrumbs ul {
  color: var(--global-palette3);
}

#wrapper .dds-shop-breadcrumbs .dds-breadcrumbs ul a {
  color: #b71f44;
}

#wrapper .dds-shop-breadcrumbs .dds-breadcrumbs ul a:hover {
  color: #ea2227;
}

/* Buttons */

button.kb-filter-search-btn {
  box-shadow: none;
}

#inner-wrap .kb-filter-search-wrap .kb-filter-search-btn {
  color: var(--global-palette5);
}

/* Input fields */

#main .kb-filter-search {
  padding-right: 40px;
}

#main .kadence-filter-wrap input[type="checkbox"] {
  border: 2px solid var(--global-palette5);
  height: 1.25em;
  width: 1.2em;
}

#main .kadence-filter-wrap input[type="checkbox"]:checked {
  background: var(--global-palette2);
}

#main .kadence-filter-wrap input[type="checkbox"]::before {
  height: 0.7em;
  width: 0.7em;
}

/* Dividers */

.dds-divider-hide .kt-row-layout-bottom-sep {
  z-index: 2;
}

/* Header */

.site-main-header-wrap {
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

#primary-menu .sub-menu {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}

.header-mobile-search-bar form input.search-field {
  border-radius: 8px;
}

.header-mobile-search-bar
  form.woocommerce-product-search
  .kadence-search-icon-wrap {
  color: var(--global-palette5);
  opacity: 0.7;
}

/* Footer */

.dds-footer-content p.wp-block-kadence-advancedheading {
  font-weight: 800;
}

/* Video */

.gslide-media.gslide-external {
  border-radius: 15px;
  overflow: hidden;
}

.dds-hero-video.wp-block-kadence-videopopup {
  width: 100px;
  height: 100px;
}

.dds-hero-video .kadence-video-popup-wrap.kadence-video-noshadow {
  height: 100%;
}

.dds-hero-video .kadence-video-overlay {
  background: transparent;
}

.dds-hero-video .kadence-video-popup-wrap {
  overflow: visible;
}

.dds-shop-video .kb-svg-icon-wrap:before,
.dds-hero-video .kadence-video-popup-wrap:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 0
    color-mix(in srgb, var(--global-palette10), transparent 100%);
  animation: pulse 2s linear infinite;
}

.dds-shop-video .kb-svg-icon-wrap:before {
  width: 90px;
  height: 90px;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0
        color-mix(in srgb, var(--global-palette10), transparent 30%),
      0 0 0 0 color-mix(in srgb, var(--global-palette10), transparent 30%);
  }

  40% {
    box-shadow: 0 0 0 30px
        color-mix(in srgb, var(--global-palette10), transparent 100%),
      0 0 0 0 color-mix(in srgb, var(--global-palette10), transparent 30%);
  }

  80% {
    box-shadow: 0 0 0 30px
        color-mix(in srgb, var(--global-palette10), transparent 100%),
      0 0 0 30px color-mix(in srgb, var(--global-palette10), transparent 100%);
  }

  100% {
    box-shadow: 0 0 0 0
        color-mix(in srgb, var(--global-palette10), transparent 100%),
      0 0 0 30px color-mix(in srgb, var(--global-palette10), transparent 100%);
  }
}

/* Product Carousels */

.dds-product-carousel .kt-image-overlay-color-wrapper .kt-image-overlay-color {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 04, 0.8) 100%
  );
  opacity: 1;
}

.dds-product-carousel.wp-block-kadence-postgrid .splide__arrow {
  font-size: 1rem;
  background: var(--global-palette11);
  border: var(--splide-nav-border);
  border-radius: 5px;
  height: 2em;
  width: 2em;
  opacity: 1;
  padding: 0;
  color: var(--splide-nav-color);
  top: auto;
  bottom: 3rem;
}

.dds-product-carousel.dds-overhang-right .splide__arrow--prev {
  left: -8rem;
}

.dds-product-carousel.dds-overhang-right .splide__arrow--next {
  left: -5rem;
}

.dds-product-carousel.dds-overhang-left .splide__arrow--prev {
  right: -5rem;
  left: auto;
}

.dds-product-carousel.dds-overhang-left .splide__arrow--next {
  right: -8rem;
  left: auto;
}

/* Lesson Carousels */

:is(.dds-lesson-carousel, .dds-overlay)
  .kt-image-overlay-color-wrapper
  .kt-image-overlay-color {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 04, 0.8) 100%
  );
  opacity: 1;
}

.dds-lesson-carousel .kb-splide .splide__arrow {
  font-size: 1rem;
  background: var(--global-palette2);
  border: var(--splide-nav-border);
  border-radius: 5px;
  height: 2em;
  width: 2em;
  opacity: 1;
  padding: 0;
  color: var(--splide-nav-color);
}

.dds-lesson-carousel
  .kb-splide.kb-slider-group-arrows
  .splide__arrows
  .splide__arrow {
  opacity: 1;
}

/* Tabs */

.dds-large-tabs .kt-title-text {
  font-weight: 800;
}

/* Gizmo Circle */

.dds-gizmo-circle.wp-block-kadence-column > .kt-inside-inner-col {
  background-image: radial-gradient(
    circle at 50% 75%,
    var(--global-palette9) 30%,
    rgba(255, 255, 255, 0) 30.3%
  );
}

/* Animated Shapes */

.dds-blob.front .kt-inside-inner-col {
  animation: morph-front 10s linear infinite;
}
.dds-blob.back .kt-inside-inner-col {
  animation: morph-back 10s linear infinite;
}

@keyframes morph-front {
  0% {
    border-radius: 60% 40% 60% 40% / 50% 60% 40% 50%;
  }
  20% {
    border-radius: 55% 45% 65% 35% / 50% 55% 45% 50%;
  }
  40% {
    border-radius: 65% 35% 50% 50% / 60% 50% 40% 60%;
  }
  60% {
    border-radius: 60% 50% 60% 40% / 55% 45% 60% 45%;
  }
  80% {
    border-radius: 55% 45% 65% 35% / 60% 55% 40% 60%;
  }
  100% {
    border-radius: 60% 40% 60% 40% / 50% 60% 40% 50%;
  }
}

@keyframes morph-back {
  0% {
    border-radius: 50% 50% 40% 60% / 60% 40% 55% 45%;
  }
  20% {
    border-radius: 45% 55% 70% 30% / 65% 35% 50% 50%;
  }
  40% {
    border-radius: 40% 60% 50% 50% / 55% 45% 60% 40%;
  }
  60% {
    border-radius: 60% 40% 55% 45% / 70% 30% 40% 60%;
  }
  80% {
    border-radius: 55% 45% 70% 35% / 60% 40% 55% 50%;
  }
  100% {
    border-radius: 50% 50% 40% 60% / 60% 40% 55% 45%;
  }
}

/* Lesson spread animation */

.dds-lesson-ani .dds-lesson-ani-main {
  width: 60%;
  height: 420px;
}

.dds-lesson-ani :is(.dds-lesson-ani-left, .dds-lesson-ani-right) {
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 40%;
  height: 390px;
}

.dds-lesson-ani .dds-lesson-ani-left {
  left: 50px;
  right: auto;
}

.dds-lesson-ani .dds-lesson-ani-right {
  right: 50px;
  left: auto;
}

.dds-lesson-ani
  :is(.dds-lesson-ani-main, .dds-lesson-ani-left, .dds-lesson-ani-right) {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dds-lesson-ani
  :is(.dds-lesson-ani-main, .dds-lesson-ani-left, .dds-lesson-ani-right)
  .kt-inside-inner-col {
  height: 100%;
}

.dds-lesson-ani:hover :is(.dds-lesson-ani-left, .dds-lesson-ani-right) {
  height: 400px;
  opacity: 1;
}

.dds-lesson-ani:hover .dds-lesson-ani-right {
  right: 10px;
  left: auto;
  transform: rotate(5deg);
}

.dds-lesson-ani:hover .dds-lesson-ani-left {
  left: 10px;
  right: auto;
  transform: rotate(-5deg);
}

/* Brightcove Videos */

.dds-bc-video .kt-inside-inner-col {
  overflow: hidden;
}

/* Pricing Table Ribbon */

.dds-ribbon {
  --r: 0.4em;
  top: 20px;
  inset-inline: calc(-1 * var(--r));
  padding: 0 0.5em calc(2 * var(--r));
  border-radius: var(--r);
  --_g: 100% / var(--r) calc(2 * var(--r)) no-repeat;
  background: radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0
      var(--_g),
    radial-gradient(100% 50% at left, #0005 98%, #0000 101%) 100% var(--_g),
    conic-gradient(
        from 90deg at var(--r) calc(100% - 2 * var(--r)),
        #0000 25%,
        var(--global-palette4) 0
      )
      0 0 / calc(100% - var(--r)) 100%;
}

/* FAQ */

.dds-reset-filters button:focus {
  outline-offset: 2px;
}

/* Woo General */

#main .wc-block-components-button {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.1em;
  font-family: var(--global-heading-font-family, inherit);
  text-transform: uppercase;
  border-radius: 8px;
  padding: 1em 1.5em 1em 1.5em;
}

#wc-block-components-totals-shipping__change-address__link,
#wc-block-components-totals-shipping__change-address__link {
  box-shadow: none;
}

#wc-block-components-totals-shipping__change-address__link:hover {
  color: var(--global-palette3);
}

:is(.wc-block-cart-item__image, .wc-block-components-order-summary-item__image)
  img {
  border-radius: 8px;
}

#main table,
#main table *,
#main .wp-block-woocommerce-cart-totals-block *,
#main
  :is(.wp-block-woocommerce-checkout-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block
    *) {
  border-color: rgba(74, 85, 104, 0.5);
}

#main .wc-block-components-quantity-selector::after,
#main .wc-block-checkout :is(input, .wc-blocks-components-select__container) {
  border: 1px solid rgba(74, 85, 104, 0.5);
}

#main .wc-block-components-quantity-selector__input {
  padding: 0.6em 0 0.4em 0;
}

#main .wc-block-components-radio-control--highlight-checked label,
#main
  .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  box-shadow: inset 0 0 0 1px rgba(74, 85, 104, 0.5);
}

#main #payment-method label {
  box-shadow: none;
}

#main
  :is(.wc-block-components-address-form-wrapper, .wc-block-components-address-card)
  button {
  font-style: normal;
  font-weight: inherit;
  font-size: 15px;
  letter-spacing: inherit;
  text-transform: inherit;
  box-shadow: inherit;
  border: 1px solid rgba(74, 85, 104, 0.5);
  border-radius: 4px;
  color: inherit;
  height: 50px;
  padding: 0.8em 0.5em;
}

#main
  :is(.wc-block-components-address-form-wrapper, .wc-block-components-address-card)
  button:hover {
  background: none;
  color: inherit;
}

#main
  .wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity {
  min-height: 26px;
  min-width: 26px;
  padding: 0.3em 0.4em 0.1em 0.4em;
}

/* Product Loop */

.dds-product-loop-item {
  height: 100%;
}

.dds-product-loop-item > .kt-inside-inner-col {
  flex: 1;
}

.dds-product-loop-item > .kt-inside-inner-col > .wp-block-kadence-imageoverlay {
  flex: 0;
}

.dds-shop-page-loop .kt-image-overlay-wrap {
  background: var(--global-palette7);
}

.dds-shop-filters .kadence-filter-wrap input[type="checkbox"] {
  border: 2px solid var(--global-palette5);
}

.dds-product-loop-item > .kt-inside-inner-col > .kwt-add-to-cart-wrap {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dds-product-loop-item .kwt-add-to-cart-wrap button:focus {
  outline-offset: 2px;
}

/* Single products */

.single-product .quantity.spinners-added input[type="button"] {
  color: var(--global-palette11);
}

.single-product div.product form.cart div.quantity.spinners-added {
  margin: 0 1em 0 0;
}

.add_to_cart_button .kadence-arrow-right-alt-svg {
  display: none;
}

.single-product
  .kwt-add-to-cart-loop.wp-block-kadence-wootemplate-blocks-add-to-cart {
  display: flex;
  justify-content: center;
  gap: 1em;
  flex-wrap: wrap-reverse;
}

.kadence-breadcrumb-container .kadence-bc-home,
.kadence-breadcrumb-container .bc-delimiter:nth-of-type(2) {
  display: none;
}

.dds-single-addtocart:focus {
  outline-offset: 2px;
}

.single-product .dds-single-addtocart .screen-reader-text {
  display: none;
}

/* Fix grouped product layout */
#inner-wrap .kwt-add-to-cart-single .cart.grouped_form {
  flex-direction: column;
  margin-top: 2em;
}

#inner-wrap form.cart .group_table td:first-child {
  width: auto;
}

/* Product archives */

#inner-wrap .dds-archive-loop .grid-cols {
  gap: 2.5em 20px;
}

/**************/
/* My Account */
/**************/

#dds-my-account .account-navigation-wrap {
  background: var(--global-palette8);
  border-radius: 8px;
  border-right: none;
  padding-top: var(--global-sm-spacing);
  padding-bottom: var(--global-sm-spacing);
}

.dds-my-account-products .wp-block-kadence-imageoverlay {
  flex-grow: 0;
}

body.woocommerce-lost-password .woocommerce-ResetPassword.lost_reset_password {
  margin-top: 2em;
}

@media all and (min-width: 1025px) {
  .dds-lesson-ani:hover .dds-lesson-ani-main {
    width: 50%;
  }
}

@media all and (max-width: 1024px) {
  .single-product #wrapper .kwt-upsell-wrap .upsells.products ul.products {
    gap: 2rem;
  }
  .dds-shop-video img {
    visibility: hidden;
  }
  .dds-shop-video .kadence-video-intrinsic {
    padding-bottom: 70%;
  }
  .dds-lesson-ani .dds-lesson-ani-main {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
  }
}

@media all and (min-width: 768px) {
  .dds-overhang-right .splide__track {
    margin-right: -8vw;
  }

  .dds-overhang-left .splide__track {
    margin-left: -8vw;
  }
}

@media all and (max-width: 767px) {
  .single-product #wrapper .kwt-upsell-wrap .upsells.products ul.products {
    gap: 1.5rem;
  }
  .dds-shop-video .kadence-video-intrinsic {
    padding-bottom: 42%;
  }
  .dds-faq-sticky.kb-section-is-sticky {
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 719px) {
  #wrapper div.product .woocommerce-tabs {
    border: none;
  }
}

/* Shop filter buttons */

.dds-filter-buttons .buttons-options .kb-button:before {
  content: "";
  border-radius: 3px;
  box-shadow: inset 1em 1em var(--global-palette9);
  transition: transform 0.12s ease-in-out;
  border: 2px solid #a4a9b3;
  height: 1.25em;
  width: 1.3em;
  margin: -5px 5px 0 0;
  position: relative;
  opacity: 1;
}

.dds-filter-buttons .buttons-options .kb-button.pressed:before {
  content: "";
  border-radius: 3px;
  box-shadow: inset 1em 1em var(--global-palette2);
  transition: transform 0.12s ease-in-out;
  border: 2px solid #a4a9b3;
  margin: -5px 5px 0 0;
  position: relative;
  opacity: 1;
}

.dds-filter-buttons .buttons-options .kb-button.pressed::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  border: solid var(--global-palette9);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 0.18em;
  left: 0.45em;
}


/* home page cards border change for wcag compliance  */
.kb-row-layout-id67_aed767-44 .kt-block-intrisic > .kt-imageoverlay-link > .kt-image-overlay-message:focus {
    border: 3px solid #000; 
    box-shadow: 5px 5px 5px 2px #000; 
    background-color: rgba(0, 0, 0, 0.2); 
}	


/* Password eye */

button.show-password-input,
button.show-password-input:hover,
button.show-password-input:focus {
  background: none;
  box-shadow: none;
  padding: .2em;
}