@charset "utf-8";

/*
Theme Name: SlideSigma - All-Access Subscription Theme
Author: SlideSigma
Version: 2.0.0

Responsive stylesheet - desktop first: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
(max-width: 1399px)
========================*/
@media (max-width: 1399px) {
  /* 3. Header */
  .ss-lockup__site {
    display: none;
  }
  .ss-catnav__link {
    padding: 0 11px;
  }

  /* 5. Home */
  .ss-bento {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* 11. Footer */
  .ss-footer__top {
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(120px, 1fr)) minmax(150px, .9fr);
    gap: 30px;
  }
  .ss-ribbon__mark {
    height: 150px;
  }
}

/*======================
(max-width: 1199px)
========================*/
@media (max-width: 1199px) {
  /* 1. General */
  :root {
    --ss-sec: 80px;
    --ss-header-h: 74px;
  }

  /* 3. Header: the category band folds into a panel under the header */
  .ss-header__account span {
    display: none;
  }
  .ss-burger {
    display: grid;
  }
  .ss-catnav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    max-height: calc(100vh - var(--ss-header-h));
    overflow-y: auto;
    background: #FFFFFF;
    border-top: 1px solid var(--ss-line);
    box-shadow: 0 24px 48px -20px rgba(11, 27, 51, .35);
  }
  .ss-catnav.is-open {
    display: block;
  }
  .ss-catnav__row {
    flex-direction: column;
    gap: 0;
    padding-block: 10px 20px;
  }
  .ss-catnav__list {
    flex-direction: column;
  }
  .ss-catnav__item {
    flex-wrap: wrap;
    border-bottom: 1px solid var(--ss-line);
  }
  .ss-catnav__item:hover,
  .ss-catnav__item:focus-within,
  .ss-catnav__item.is-open {
    background: none;
  }
  .ss-catnav__link {
    flex: 1;
    min-height: 50px;
    padding: 0 4px;
    color: var(--ss-ink);
    font-size: var(--ss-text-md);
  }
  .ss-catnav__link:hover,
  .ss-catnav__link[aria-current="page"] {
    color: var(--ss-blue);
    box-shadow: none;
  }
  .ss-catnav__toggle {
    width: 50px;
    padding: 0;
    color: var(--ss-ink);
    font-size: 1rem;
  }
  .ss-catnav__item:hover .ss-catnav__toggle i {
    transform: none;
  }
  .ss-catnav__item.is-open .ss-catnav__toggle i {
    transform: rotate(180deg);
  }
  .ss-mega,
  .ss-catnav__item:hover > .ss-mega,
  .ss-catnav__item:focus-within > .ss-mega {
    position: static;
    display: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0 0 14px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .ss-catnav__item.is-open > .ss-mega {
    display: block;
  }
  .ss-mega__col {
    min-width: 0;
  }
  .ss-mega__all {
    border-bottom: 0;
    padding-inline: 4px;
  }
  .ss-mega__links a {
    padding-inline: 4px;
  }
  .ss-catnav__extra {
    margin: 14px 0 0;
    gap: 10px;
  }
  .ss-catnav__plain,
  .ss-catnav__deal {
    min-height: 46px;
    border-radius: var(--ss-r-sm);
  }
  .ss-catnav__plain {
    padding: 0 4px;
    color: var(--ss-ink);
  }
  .ss-catnav__plain:hover {
    background: none;
    color: var(--ss-blue);
  }
  .ss-catnav__account {
    display: flex;
    align-items: center;
    min-height: 46px;
    margin-top: 6px;
    color: var(--ss-ink);
    font-weight: 500;
    text-decoration: none;
  }

  /* 5. Home */
  .ss-hero__grid {
    grid-template-columns: 1fr;
  }
  .ss-pricecard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "from tiers" "price tiers" "billed tiers" "list cta" "list alt";
    gap: 0 36px;
  }
  .ss-pricecard__from { grid-area: from; }
  .ss-pricecard__price { grid-area: price; }
  .ss-pricecard__billed { grid-area: billed; }
  .ss-pricecard__list { grid-area: list; margin: 0; }
  .ss-pricecard__tiers { grid-area: tiers; align-self: start; }
  .ss-pricecard .ss-btn { grid-area: cta; align-self: end; }
  .ss-pricecard__alt { grid-area: alt; }

  /* 6. Catalog */
  .ss-catalog__grid {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  /* 7. Item Page */
  .ss-item__grid,
  .ss-item__body {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 1fr);
  }

  /* 11. Footer */
  .ss-footer__top {
    grid-template-columns: minmax(220px, 1.3fr) repeat(3, minmax(120px, 1fr));
  }
  .ss-footer__ribbon {
    display: none;
  }
}

/*======================
(max-width: 991px)
========================*/
@media (max-width: 991px) {
  /* 1. General */
  :root {
    --ss-sec: 72px;
  }

  /* 3. Header: the search takes its own row */
  .ss-header__row {
    flex-wrap: wrap;
    gap: 12px 18px;
    padding-block: 12px;
  }
  .ss-header__actions {
    margin-left: auto;
  }
  .ss-search {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }

  /* 4. Components */
  .ss-plans {
    grid-template-columns: 1fr;
    max-width: 540px;
    gap: 30px;
  }
  .ss-lifetime {
    grid-template-columns: 1fr;
    max-width: 540px;
    gap: 20px;
  }
  .ss-lifetime__mark {
    display: none;
  }
  .ss-faq-sec__row {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .ss-faq-sec__row > .ss-head {
    position: static;
  }
  .ss-cta__actions {
    margin-right: 0;
  }

  /* 5. Home */
  .ss-banner {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .ss-banner__wall {
    height: 240px;
  }
  .ss-banner__wall::before {
    inset: 0 0 auto 0;
    width: auto;
    height: 50px;
    background: linear-gradient(180deg, #E9F0F8 0%, rgba(233, 240, 248, 0) 100%);
  }
  .ss-pricecard {
    display: flex;
  }
  .ss-pricecard__list {
    margin: 0 0 22px;
  }
  .ss-pricecard__billed {
    margin: 4px 0 20px;
  }
  .ss-pricecard .ss-btn,
  .ss-pricecard__tiers {
    align-self: stretch;
  }
  .ss-pricecard .ss-btn {
    margin-top: 0;
  }
  .ss-pricecard__alt {
    margin-top: 14px;
  }
  .ss-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-spotlight {
    grid-template-columns: 1fr;
  }
  .ss-offers {
    grid-template-columns: 1fr;
  }

  /* 6. Catalog */
  .ss-catalog__grid {
    grid-template-columns: 1fr;
  }
  .ss-filters {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-filters__promo {
    display: none;
  }

  /* 7. Item Page */
  .ss-item__grid,
  .ss-item__body {
    grid-template-columns: 1fr;
  }

  /* 8. Pricing */
  .ss-license {
    grid-template-columns: 1fr;
  }

  /* 9. Contact, Search & Errors */
  .ss-contact {
    grid-template-columns: 1fr;
  }

  /* 10. Account & Checkout */
  .woocommerce-cart .woocommerce {
    grid-template-columns: 1fr;
  }
  form.woocommerce-checkout {
    grid-template-columns: 1fr;
    grid-template-areas: "notes" "details" "heading" "review";
    grid-template-rows: auto;
  }
  .woocommerce-account.logged-in .ss-woo > .woocommerce {
    grid-template-columns: 1fr;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .woocommerce-MyAccount-navigation li + li {
    border-top: 0;
    border-left: 1px solid var(--ss-line);
  }
  .woocommerce-MyAccount-navigation a {
    padding: 12px 18px;
    border-left: 0;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
  }
  .woocommerce-MyAccount-navigation .is-active a {
    border-bottom-color: var(--ss-blue);
  }

  /* 11. Footer */
  .ss-footer__perks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-footer__top {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss-footer__brand {
    grid-column: 1 / -1;
  }
}

/*======================
(max-width: 767px)
========================*/
@media (max-width: 767px) {
  /* 1. General */
  :root {
    --ss-sec: 64px;
  }
  .ss-form-row {
    grid-template-columns: 1fr;
  }

  /* 3. Header */
  .ss-topbar__links {
    display: none;
  }
  .ss-header__cta {
    display: none;
  }
  .ss-search__in {
    max-width: 130px;
    padding-left: 12px;
    font-size: var(--ss-text-xs);
  }

  /* 4. Components */
  .ss-faq__a {
    padding-right: 20px;
  }
  .ss-cta__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .ss-page-head::after,
  .ss-cta__row::after {
    opacity: .06;
  }

  /* 5. Home */
  .ss-cat {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .ss-offer {
    grid-template-columns: 1fr;
    padding: 28px 26px 0;
  }
  .ss-offer__art {
    margin: 0 -14% -10px 0;
  }
  .ss-offer__art--mark {
    display: none;
  }
  .ss-offer--navy {
    padding-bottom: 28px;
  }

  /* 6. Catalog */
  .ss-filters {
    grid-template-columns: 1fr;
  }
  .ss-toolbar__search {
    flex-basis: 100%;
    max-width: none;
  }

  /* 10. Account & Checkout */
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-address-fields__field-wrapper,
  .woocommerce-EditAccountForm {
    grid-template-columns: 1fr;
  }
  .woocommerce-billing-fields__field-wrapper > .form-row-last,
  .woocommerce-shipping-fields__field-wrapper > .form-row-last,
  .woocommerce-address-fields__field-wrapper > .form-row-last {
    grid-column: 1;
  }
  #customer_login.u-columns {
    grid-template-columns: 1fr;
  }
  /* tables become stacked rows */
  .woocommerce table.shop_table_responsive thead,
  .ss-acct__table thead {
    display: none;
  }
  .woocommerce table.shop_table_responsive tr,
  .woocommerce table.shop_table_responsive td {
    display: block;
  }
  .woocommerce table.shop_table_responsive td {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    text-align: right;
  }
  .woocommerce table.shop_table_responsive td::before {
    content: attr(data-title);
    color: var(--ss-muted);
    font-weight: 500;
    text-align: left;
  }
  .ss-acct__table td {
    display: block;
    padding-inline: 14px;
    border: 0;
    text-align: left;
  }
  .ss-acct__table tr {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid var(--ss-line);
  }
  .ss-acct__table td:last-child {
    text-align: left;
  }

  /* 11. Footer */
  .ss-footer__top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*======================
(max-width: 575px)
========================*/
@media (max-width: 575px) {
  /* 1. General */
  :root {
    --ss-header-h: 64px;
  }

  /* 3. Header */
  .ss-topbar__offer {
    font-size: .75rem;
  }
  .ss-topbar__more {
    display: none;
  }
  .ss-lockup__mark {
    height: 34px;
  }
  .ss-lockup__word {
    font-size: 1.08rem;
  }
  .ss-header__account {
    display: none;
  }

  /* 5. Home */
  .ss-banner__actions .ss-btn,
  .ss-cta__actions .ss-btn {
    flex: 1 1 100%;
  }
  .ss-banner__wall {
    height: 200px;
  }
  .ss-cat {
    grid-template-columns: 1fr;
    padding: 22px 22px 0;
  }
  .ss-cat__img {
    margin: 4px -10% -12px 0;
  }
  .ss-bento {
    grid-template-columns: 1fr;
  }
  .ss-formats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 6. Catalog */
  .ss-searchpage {
    flex-direction: column;
  }

  /* 7. Item Page */
  .ss-item__thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* 11. Footer */
  .ss-footer__perks {
    grid-template-columns: 1fr;
  }
  .ss-footer__top {
    grid-template-columns: 1fr;
  }
}

/*======================
WordPress admin bar
========================*/
.admin-bar .ss-header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .ss-header {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar .ss-header {
    top: 0;
  }
}

/* the Market (style.css section 13) on tablets and phones */
@media (max-width: 991px) {
  .ss-sell-figures,
  .ss-steps,
  .ss-earn { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .ss-sell-figures,
  .ss-steps,
  .ss-earn,
  .ss-upload__three { grid-template-columns: minmax(0, 1fr); }
  .ss-banner__search { flex-direction: column; }
  .ss-author-head { flex-direction: column; align-items: flex-start; gap: 14px; }
  .ss-table { display: block; overflow-x: auto; }
}