/*
Theme Name:   Xpro Child
Template:     xpro
*/

.xpro-elementor-breadcrumb {
    flex-wrap: wrap;
}

/* general */

.single:not(.woocommerce) .xpro-content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* home */

/* image rotate */
    
@keyframes rotatate {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(-360deg);
    }
}

.pars-img {
    animation: rotatate 20s linear infinite;
}

/* Astrology home*/

.pars-astrology .xpro-box-icon-content {
    position: absolute;
    top: 0;
    right: -120%;
    transform: translate(0%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 7px;
    box-shadow: 0 0 20px 1px #FFC3676B;
    /*width: 500px;*/
}

.pars-astrology .xpro-box-icon-wrapper-inner {
    position: relative;
    width: 100% !important;
    justify-content: flex-start;
}

.pars-astrology h6 {
    font-size: 15px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    margin: 0 !important;
}

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

    .pars-astrology .xpro-box-icon-content {
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(0%, -50%);
        padding: 15px;
        border-radius: 4px;
        width: 420px;
    }
    
    .pars-astrology .xpro-box-icon-wrapper-inner {
        width: 70%;
    }
}

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

    .pars-astrology .xpro-box-icon-content {
        position: absolute;
        top: -700% !important;
        right: 0%;
        transform: translate(0%, 0%);
        padding: 10px;
        border-radius: 4px;
        width: 100%;
    }

    .pars-astrology .xpro-box-icon-wrapper-inner {
        width: 100%;
    }

    .pars-astrology1 .elementor-inline-editing.xpro-box-icon-description, .pars-astrology .elementor-inline-editing.xpro-box-icon-description {
        text-align: center;
    }
    
    .pars-astrology h6 {
    font-size: 14px;
    }
}

/* zodiac sign & tarot card */

.pars-zodiac .elementor-image-box-wrapper {
    padding: 30px 0;
    position: relative;
    height: 100%;
}

.pars-zodiac, .pars-tarot-card {
    position: relative;
}

.pars-zodiac::before, .pars-zodiac::after, .pars-zodiac .elementor-image-box-wrapper::before, .pars-zodiac .elementor-image-box-wrapper::after,
.pars-tarot-card::before, .pars-tarot-card::after, .pars-tarot-card .elementor-image-box-wrapper::before, .pars-tarot-card .elementor-image-box-wrapper::after {
    content: "";
    position: absolute;
    border-color: #FFC367;
    border-style: solid;
    height: 20px;
    width: 20px;
    transition: all .4s ease-in-out;
}

.pars-zodiac::after, .pars-tarot-card::after {
    border-width: 1px 1px 0 0;
    right: 0;
    top: 0;
}

.pars-zodiac::before, .pars-tarot-card::before {
    border-width: 1px 0 0 1px;
    left: 0;
    top: 0;
}

.pars-zodiac .elementor-image-box-wrapper::after, .pars-tarot-card .elementor-image-box-wrapper::after {
    border-width: 0 0 1px 1px;
    bottom: 0;
    left: 0;
}

.pars-zodiac .elementor-image-box-wrapper::before, .pars-tarot-card .elementor-image-box-wrapper::before {
    border-width: 0 1px 1px 0;
    bottom: 0;
    right: 0;
}

.pars-zodiac:hover::before, .pars-zodiac:hover::after, .pars-zodiac .elementor-image-box-wrapper:hover::before, .pars-zodiac .elementor-image-box-wrapper:hover::after, .pars-tarot-card:hover::before, .pars-tarot-card:hover::after, .pars-tarot-card .elementor-image-box-wrapper:hover::before, .pars-tarot-card .elementor-image-box-wrapper:hover::after {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 600px) {
    .pars-zodiac .elementor-image-box-wrapper {
        padding: 20px 0;
    }
    
    .pars-zodiac::before, .pars-zodiac::after, .pars-zodiac .elementor-image-box-wrapper::before, .pars-zodiac .elementor-image-box-wrapper::after {
        width: 10px;
    }
    
    .pars-zodiac:hover::before, .pars-zodiac:hover::after, .pars-zodiac .elementor-image-box-wrapper:hover::before, .pars-zodiac .elementor-image-box-wrapper:hover::after {
        width: 20px;
    }
}

@media (max-width: 768px) {
.pars-tarot-carousel {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  -webkit-overflow-scrolling: touch;
}

.pars-tarot-card {
  flex: 0 0 44%; 
  scroll-snap-align: center;
  padding: 0px;
  margin-bottom: 10px !important;
}

.pars-tarot-carousel::-webkit-scrollbar {
  height: 4px; 
}

.pars-tarot-carousel::-webkit-scrollbar-track {
  background: #ffffff;
}

.pars-tarot-carousel::-webkit-scrollbar-thumb {
  background: var(--e-global-color-primary);
  transition: background 0.3s ease;
}

.pars-tarot-carousel::-webkit-scrollbar-thumb:hover {
  background: var(--e-global-color-accent);
}
}

/* image title */

.pars-img-title img {
    filter: brightness( 100% ) contrast( 0% ) saturate( 75% ) blur( 0px ) hue-rotate( 0deg ) !important;
}

/* end home */


/* bearth chart */

.zodiacchart {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* left side */

.zodiacchart .left-side {
    text-align: right;
    flex: 1;
    padding: 20px;
    border-left: 1px solid #ccc;
}

.left-side h1 {
    color: #fff;
}

.zodiacchart .select-group {
    margin-bottom: 20px;
}

.zodiacchart label {
    margin-right: 10px;
    color: #fff;
}

.zodiacchart button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.left-side .select-group {
    display: grid;
}

#month, #day, #year {
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    background-color: #1a1a1a;
    border: 1px solid #ffc367;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    position: relative;
    padding-right: 30px;
    text-align: right;
    color: #fff;
}

.select-group {
    position: relative;
    cursor: pointer;
}

.select-group::after {
    content: "\e64b";
    font-family: 'themify';
    position: absolute;
    left: 15px;
    font-size: 14px;
    top: 37px;
    color: #fff;
}

/* right side */

.zodiacchart .right-side {
    flex: 1;
    padding: 20px;
}

.zodiacchart #zodiacResult {
    margin-top: 20px;
    display: none;
    text-align: center;
}

#zodiacdefultImagesvg  {
    transform-origin: center;
    transform: scale(0) rotate(0deg);
    opacity: 0;
    animation: svgEntry 1.5s ease-out forwards;
    color: #ffc367;
  }

/* Keyframes for the SVG animation */
@keyframes svgEntry {
    0% {
      transform: scale(0) rotate(0deg);
      opacity: 0;
    }
    
    100% {
      transform: scale(1) rotate(360deg);
      opacity: 1;
    }
}
  
#questionmark {
    position: absolute;
    background-color: #1a1a1a;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 170px;
    height: 170px;
    font-size: 100px;
    font-family: math;
    z-index: 1;
    border: 1px solid #ffc367;
    border-radius: 50%;
    color: #ffc367;
    margin-bottom: 0;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    animation: fadein 2s ease-in-out;
}

#zodiacdefultImage {
    position: relative;
    text-align: center;
}

#zodiacResult {
    transition: all 0.5s ease;
}

#zodiacImage {
    width: 200px;
    margin-bottom: 10px;
    border-radius: 3%;
}

#zodiacSign {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
}

#zodiacResult p, a {
    color: #fff;
}

#zodiacSignen {
    color: #ffc367;
    margin-bottom: 5px;
    font-family: cursive;
}

#zodiacDate {
    font-family: math;
}

#zodiacDescription {
    font-size: 15px;
    margin-bottom: 30px;
}

#zodiacPost {
    background-color: #2b2b2b;
    display: flex;
    justify-content: center;
    height: 45px;
    align-items: center;
    color: #fff;
    font-weight: 500;
}


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

    .left-side h1 {
        font-size: 20px;
        text-align: center;
    }

    .zodiacchart {
        flex-direction: column;
    }

    .left-side {
        border-left: 0 !important;
        width: 350px;
    }

    .zodiacchart .right-side {
        width: 330px;
        padding: 0;
    }

    #questionmark {
        width: 120px;
        height: 120px;
        font-size: 70px;
    }

    .zodiacchart #zodiacResult {
    margin-top: 0px;
    }

    #zodiacDescription {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #zodiacDate {
        margin-bottom: 15px;    
    }
    
}

/* end bearth chart */

/* book loop */

.pars-book-loop {
    position: absolute;
    right: 0px;
    bottom: 0;
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
}

.pars-book-loop-parent .e-con-inner {
    position: relative;
}

.pars-book-loop-parent:hover .pars-book-loop {
    transform: translateY(0%);
}

.pars-text-loop {
        display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em; 
  line-height: 1.5em;
}

.pars-book-loop .xpro-page-title-text {
    overflow: hidden;
    white-space: nowrap;
    width: 190px;
    text-overflow: ellipsis;
    direction: rtl;
}



/* footer */

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

    .xpro-scroll-top-btn {
        bottom: 80px !important;
    }
}

/* shop */

.xpro-woo-product-grid-img .xpro-woo-sale-flash-btn.xpro-woo-badges-btn {
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: 30px !important;
    right: 0;
}
.xpro-woo-product-grid-img .xpro-woo-product-grid-badges-wrapper {
    right: 0;
    left: auto;
    top: 0;
    width: 70px;
    background-color: #fff;
    border-radius: 0 0 0 7px;
}

/* Post Archive */

.pars-post-archive .xpro-post-grid-title {
    height: 60px;
}

/* single post */

.pars-zodiac-single #rings-westernZodiac {
    color: #FFC367;
    width: 100%;
}

.pars-sticky {
    position: sticky;
    top: 10px;
}

.single-post .xpro-elementor-content hr {
    background-color: #ffffff75;
}

/* tutor lms single */

.etlms-course-requirements .elementor-widget-container {
    padding: 0 !important;
}

.etlms-course-widget-title {
    margin: 0;
}

.tutor-card .tutor-card-body {
    background-color: #222222 !important;
    padding: 0;
    display: grid;
    column-gap: 25px;
}

.tutor-card {
    border: 0px !important;
    padding: 0;
}

.etlms-enrolled-info-wrapper {
    display: none;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    height: 0;
    grid-row: 3;
    grid-column: 1 / 3;
}

.tutor-btn.tutor-btn-block.tutor-btn-primary{
    grid-row: 2;
    grid-column: 1 / 2;
    margin: 0;
    border-radius: 0;
    height: 50px;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
}

.tutor-card-body {
    grid-row: 2;
    grid-column: 2 / 3;

}

.pars-single-course-pruches .tutor-btn-outline-primary {
    border: 0;
    color: #fff;
}

.pars-single-course-pruches .tutor-mt-20 {
    margin: 0;
    display: flex;
    justify-content: center;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
}

.tutor-course-progress-wrapper.tutor-mb-32 {
    grid-row: 1;
    grid-column: 1 / 3;
}

.elementor-3683 .elementor-element.elementor-element-b27b05a.etlms-course-enroll-buttons-width-auto .tutor-btn {
    width: 100% !important;
    display: inline-flex !important;
    border-radius: 0;
    height: 50px;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
    color: #fff;
}

.progress-percentage {
    color: #fff;
}

.progress-steps {
    color: #fff;
}

.tutor-course-progress-wrapper h3 {
    margin: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

.etlms-course-widget-list-item .tutor-list-icon, .etlms-course-widget-list-items li .tutor-list-icon {
    margin: 0 !important;
}

.tutor-nav-link {
    color: #fff;
}

.tutor-nav-link.is-active {
    color: #ffc367;
    border-bottom: 2px solid #ffc367 !important;
}

.tutor-nav-link:hover {
    color: #ffc367;
}

.sidebar-ask-new-qna-submit-btn {
    border-radius: 0;
    height: 50px;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
    color: #fff;
    width: 100%;
    justify-content: center;
}

/* tutor lms video play */

.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-12 {
    color: #fff;
}

#tutor-course-spotlight-overview div, #tutor-course-spotlight-files .tutor-fs-5 {
    color: #fff;
}

.tutor-nav-link.is-active {
    color: #ffc367;
    border-bottom: 2px solid #ffc367 !important;
}

.tutor-nav-link {
    color: #fff;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    background-color: #ffc36759;
}

.tutor-single-course-content-prev a, .tutor-single-course-content-next a {
    background-color: #ffc367;
    color: #fff;
    border-radius: 0;
}

.tutor-single-course-content-prev a:hover, .tutor-single-course-content-next a:hover {
    background-color: #BA9A63;
}

.tutor-iconic-btn-secondary {
    color: #BA9A63;
    background-color: #ba9a6324;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background-color: #BA9A63;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.tutor-accordion-item-header.is-active .tutor-course-topic-title,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active::after {
    color: #BA9A63;
}

/* login and registration */

/* modal login */

.tutor-modal-body {
    padding: 15px;
    background-color: #222;
    border-radius: 15px;
}

.tutor-modal-body .tutor-mb-32 {
    color: #fff;
}

#tutor-login-form button.tutor-btn {
    width: 100% !important;
}

/* modal login end */

.tutor-login-form-wrapper, #tutor-registration-wrap  {
    background-color: #222;
    color: #fff;
}

.tutor-fs-5.tutor-color-black.tutor-mb-32 {
    color: #fff;
    text-align: center;
}

.tutor-text-center.tutor-fs-6.tutor-color-secondary.tutor-mt-20 {
    color: #fff;
    margin-top: 20px;
}

.tutor-btn.tutor-btn-link {
    color: #FFC367;
}

.tutor-fs-7.tutor-color-muted {
    color: #fff;
}

.tutor-btn.tutor-btn-ghost {
    color: #FFC367;
}

.tutor-password-field label {
    text-align: right;
}

.tutor-password-strength-checker .show-hide-btn {
    left: 10px;
    right: auto;
    top: 59px !important;
}

.tutor-form-icon-reverse {
    left: 0;
    right: auto;
}

/* cart page */ 

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    background-color: #222;
}

.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    background-color: #222;
    padding: 15px;
}

.is-large.wc-block-cart .wc-block-cart-items {
    text-align: right;
    color: #fff;
}

table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total {
    text-align: right;
}



.is-large.wc-block-cart .wc-block-cart-items td:last-child {
    padding-right: 0;
    text-align: right;
    color: #FFC367;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    text-align: right;
    align-items: flex-start;
}

a.wc-block-components-product-name {
    color: #ffc367;
    font-weight: 600;
}

.wp-block-woocommerce-cart-order-summary-block {
    background-color: #222;
    padding: 15px;
    color: #fff;
}

.wp-element-button.wc-block-cart__submit-button, .wc-block-components-totals-coupon__button {
    border-radius: 0;
    height: 50px;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
    color: #fff;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    margin-top: 25px;
}

/* checkout page */

.wc-block-components-form.wc-block-checkout__form {
    background-color: #222;
    color: #fff;
    padding: 30px;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
    padding: 0;
}

.wc-block-components-checkout-place-order-button {
    border-radius: 0;
    height: 50px;
    background-image: linear-gradient(45deg, #222222, #BA9A63);
    border: 1px solid #BA9A63;
    color: #fff;
    width: 100%;
    justify-content: center;
}

.wp-block-woocommerce-checkout-totals-block {
    background-color: #222;
    padding: 15px;
    color: #fff;
}

/* thank you page */

.woocommerce-order {
    background-color: #222;
    padding: 35px;
    color: #fff;
}

.woocommerce-table--order-details td, .woocommerce table.shop_table tfoot th, .woocommerce-table__product-name a {
    color: #fff;
}

.woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot th {
    border: 1px solid #fff;
}

/* dashboard page */

.tutor-dashboard-permalinks {
    margin: 0 0 0 20px !important;
    background-color: #222;
    color: #fff;
}

.tutor-dashboard-permalinks .tutor-dashboard-menu-withdraw, .tutor-dashboard-menu-quiz-attempts {
    display: none;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
    background-color: #ffc367;
    border-radius: 0;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover, .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover {
    background-color: #ffc367;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover .tutor-dashboard-menu-item-icon {
    color: #fff;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon {
    color: #ffc367;
}

.tutor-dashboard-menu-item-text {
    color: #fff;
}

.tutor-avatar-text {
    background-color: #ffc367;
}

.tutor-header-left-side.tutor-dashboard-header {
    background-color: #222;
    padding: 15px;
    color: #fff;
}

.tutor-dashboard-header-display-name div, .tutor-dashboard-header-username {
    color: #fff;
}

.tutor-header-right-side {
    background-color: #222;
}

.tutor-dashboard-content-inner .tutor-round-box {
    color: #ffc367;
    background-color: #ffc36717;
}

.tutor-fs-3.tutor-fw-bold.tutor-d-none.tutor-d-lg-block {
    color: #444;
}

.tutor-dashboard-title {
    color: #fff;
}

.tutor-dashboard-content .popular-courses-heading-dashboard,
.tutor-dashboard-content .tutor-table.table-popular-courses {
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

.tutor-dashboard-content .tutor-course-progress-item.tutor-card {
    background-color: #222;
}

.tutor-course-progress-item.tutor-card .tutor-align-self-center {
    padding: 20px;
}

.tutor-dashboard-content-inner.tutor-dashboard-profile-data, .tutor-dashboard-content-inner.enrolled-courses,
.tutor-dashboard-content-inner.my-wishlist, .tutor-dashboard-reviews-wrap, .tutor-dashboard-content .tutor-empty-state.td-empty-state {
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
}

.tutor-dashboard-content div:first-child {
    color: #fff;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-nav-link {
    color: #000 !important;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-nav-link.is-active {
    color: #ffc367 !important;
}

.tutor-wp-dashboard-filter .tutor-btn {
    color: #ffc367;
    border: 1px solid;
}

.tutor-frontend-dashboard-qna-header .tutor-form-control, .tutor-frontend-dashboard-qna-header .tutor-nowrap-ellipsis {
    color: #000;
    text-align: right;
}

.tutor-frontend-dashboard-qna-header .tutor-form-select,
.tutor-dashboard-setting-profile form .tutor-form-select {
    background-position: left .75rem center;
    background-size: 16px 12px;
    padding-left: 0 0 0 36px !important;
    padding-right: 10px;
}

.tutor-qna-filter .tutor-color-secondary:first-child {
    color: #fff;
}

.tutor-dashboard-setting-profile form {
    background-color: #222;
    padding: 25px;
}

.tutor-dashboard-setting-profile form .tutor-form-label {
    color: #fff;
}

.tutor-form-control {
    color: #666;
    text-align: right;
}

.tutor-dashboard-setting-profile form .tutor-form-select, .tutor-dashboard-setting-profile form .tutor-form-select .tutor-form-select-option  {
    text-align: right;
    color: #333;
}

.tutor-dashboard-setting-profile form .tutor-color-secondary {
    color: #fff;
}

.tutor-dashboard-setting-profile form .tutor-btn-primary, .tutor-dashboard-setting-profile .tutor-btn-primary {
    border-color: #ffc367;
    background-color: #ffc367;
}

.tutor-dashboard-setting-profile #tutor_photo_meta_area span {
    color: #fff !important;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-card.tutor-course-card {
    padding: 15px;
    background-color: #222;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-course-ratings {
    margin-top: 10px;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-course-card .tutor-course-name {
    margin: 0;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-course-card .tutor-course-name a, .tutor-dashboard-my-courses .tutor-course-name a {
    color: #fff;
    text-decoration: none;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-grid {
    gap: 10px;
}

.tutor-dashboard-content-inner.enrolled-courses .list-item-button a {
    border-color: #ffc367;
    background-color: #ffc367;
    color: #fff;
    border-radius: 0;
}

.tutor-dashboard-content-inner.enrolled-courses .list-item-button a:hover {
    border-color: #ffc367;
    background-color: #222;
    color: #fff;
    border-radius: 0;
}

.tutor-dashboard-content-inner.enrolled-courses .tutor-card.tutor-course-card,
.tutor-dashboard-my-courses .tutor-card.tutor-course-card {
    padding: 15px;
    background-color: #222;
}

.tutor-dashboard-my-courses .tutor-meta span {
    color: #fff;
    margin-top: 10px;
}

.tutor-dashboard-my-courses .tutor-meta.tutor-mt-16 {
    margin: 0;
}

.tutor-dashboard-my-courses .tutor-card-footer span {
    color: #fff;
}

.tutor-dashboard-my-courses .tutor-icon-edit:before {
    color: #fff !important;
}

.tutor-dashboard-my-courses .tutor-dropdown .tutor-dropdown-item {
    text-align: right;
}

.tutor-purchase-history .tutor-table div {
    color: #333;
    text-align: right;
}

/* single product */

.woocommerce-message {
    padding: 20px 50px 20px 30px !important;
    margin: 0 !important;
}

.elementor-widget-xpro-notices .woocommerce-message::before {
    color: #ffc367;
}

.button.wc-forward {
    border: 0 !important;
    text-decoration: none !important;
}

.woocommerce-page .woocommerce-message a:hover {
    color: #aa8142 !important;
}

.pars-single-cart .cart {
    margin: 0 !important;
}

.pars-woo-content p {
    margin-bottom: 10px;
    color: #fff;
}

/* footer */

/* back to up */

.xpro-scroll-top-btn>i {
    background-color: #222 !important;
    box-shadow: 1px 1px 10px #ffc367;
}

.xpro-scroll-top-btn>i>svg {
    fill: #ffc367 !important;
}

/* support btn */

.hide {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s 0.5s;
}

.show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition-delay: 0s;
}

.pars-icon {
    position: relative;
    z-index: 1;
}

.pars-icon::before {
    content: "پشتیبانی";
    position: absolute;
    right: -110px;
    top: 50%;
    transform: translate(-60%,-50%);
    width: 100px;
    height: 30px;
    background-color: #ffc367;
    text-align: center;
    line-height: 2em;
    color: #fff;
    font-family: "Yekan Bakh";
    font-size: 14px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}

.pars-icon:hover .elementor-grid-item, .hide:hover .elementor-grid-item {
    box-shadow: 1px 1px 10px #ffc367;
    border-radius: 50%;
    background-color: #222;
}

.pars-icon:hover::before {
    transform: translate(0, -50%);
    opacity: 1;
    visibility: visible;
}

/* end footer */


/* froum */

.cma-thread-list {
    background-color: #222;
    padding: 15px;
    direction: rtl !important;
}

.cma-thread-list tr {
    display: flex;
    width: 100% !important;
}

.cma-thread-summary {
    order: 1;
    display: flex;
    justify-content: space-between;
    width: 70% !important;
    align-items: center;
}

.cma-thread-meta {
    order: 2;
    width: 10% !important;
}


.cma-thread-summary div {
    color: #fff;
}

.cma-thread-title a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    font-family: 'IRANSans';
}

.cma-content .entry-title {
    display: none;
}

.cma-login {
    width: 100%;
    background-color: #222;
    padding: 15px;
    font-family: 'IRANSans';
    color: #fff;
    font-size: 20px;
    font-weight: 600;
} 

#loginform {
    display: grid;
    gap: 20px;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
}

#loginform p {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}

.login-username { 
    grid-row: 1; 
    grid-column: 1 / 2; 
}

.login-password { 
    grid-row: 1; 
    grid-column: 2 / 3; 
} 

.login-remember {
    grid-row: 2; 
    grid-column: 1 / 3; 
} 

.login-submit { 
    grid-row: 3; 
    grid-column: 1 / 3;   
}

.login-submit #wp-submit {
    height: 40px;
    background-color: #fff;
    color: #daa85a;
    border: 2px solid #daa85a;
    font-family: 'IRANSans' !important;
    font-size: 16px;
    font-weight: 500;
    background-image: none;
}

.login-submit #wp-submit:hover {
    background-color: #ffc367;
    color: #fff;
    border: 2px solid #222;
}

.cma-login-wp {
    margin: 0;
    margin-bottom: 10px;
}

.cma-login > p:last-child a:first-child {
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

.cma-login > p:last-child a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    background-color: #ffc367;
    text-align: center;
    height: 40px;
    align-content: center;
    border: 2px solid #ffc367;
}

.cma-login > p:last-child a:hover {
    color: #daa85a;
    background-color: #fff;
    border-color: #daa85a;
}

/*  */

form#cma-thread-add {
    background-color: #222;
    padding: 15px;
}

#cma-thread-add input, #cma-thread-add textarea {
    width: 100%;
}

#cma-thread-add label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}

#cma-thread-add label input[type="checkbox"] {
    width: 3%;
}

/* question answer */

.cma-question-content {
    background-color: #222;
    padding: 15px;
    border: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cma-question-body {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.cma-form-container form {
    background-color: #222;
    padding: 15px;
}

.cma-form-container form label {
    display: flex; 
    gap: 10px;
}

.cma-form-container form textarea {
    width: 100%;
}

.cma-form-container form input[type="submit"] {
    background-color: #ffc367 !important;
    background-image: none;
    border: 0;
    box-shadow: none;
    text-shadow: none; 
    color: #fff;
    font-size: 15px;
    font-family: IRANSans;
    padding: 7px 30px 10px 30px;
}

.cma-form-container input[type="submit"]:hover {
    background-color: #222 !important;
    background-image: none;
    border: 0;
    box-shadow: 1px 1px 10px #ffc367;;
    text-shadow: none; 
    color: #fff;
    font-size: 15px;
    font-family: IRANSans;
    padding: 7px 30px 10px 30px;
}

.single-cma_thread.postid-4085 .xpro-title-wrapper.xpro-inner-area-space {
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

/* team */

.pars-team .elementor-widget-xpro-infobox .elementor-widget-container {
    padding: 0;
}

.pars-team .xpro-infobox-content {
    position: relative;
    height: 400px !important;
    overflow: hidden;
    padding-bottom: 50px !important; 
}

.pars-team .xpro-infobox-bottom {
    padding: 5px;
}

.pars-team .xpro-infobox-content::after {
    content: "";
    background-image: linear-gradient(0deg, black, #00000000);
    width: 100%;
    height: 165px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
}

.pars-team .xpro-infobox-btn-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 5;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
}

.pars-team .xpro-infobox-btn {
    width: 100%;
    background-color: #000;
}

.pars-team .elementor-widget-xpro-infobox .xpro-infobox-content.expanded {
    height: auto !important;
    overflow: visible;
}

.pars-team .elementor-widget-xpro-infobox .xpro-infobox-content.expanded::after {
    display: none;
}

.pars-team p a {
    color: var(--e-global-color-primary);
    font-size: 17px;
    font-weight: 700;
    font-family: math;
}

/* pars main team part */

.pars-main-team {
    max-height: 650px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px !important;
}

.pars-main-team::after {
    content: "";
    background-image: linear-gradient(0deg, black, transparent);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

.pars-main-team .show-more {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
     z-index: 5;
}

.pars-main-team .show-more .elementor-button {
    background-color: #000;
    width: 100%;
}

.pars-main-parent .elementor-widget-image img {
    transform: scale(0.9);
    transition: all 0.5s ease-in-out;
    position: sticky !important;
    top: 10px;
}

.pars-main-parent:hover .elementor-widget-image img {
    transform: scale(1);
}

.pars-main-team.expanded::after {
    display: none;
}

.pars-main-team.expanded {
  max-height: 100%;
}

@media screen and (max-width: 1024px) {
    .pars-main-team {
    max-height: 510px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px !important;
    }
}


@media only screen and (max-width: 768px) {
    span.xpro-dropdown-menu-toggle {
    margin-right: 64px !important;
    }
}

.horoscope-tabs {
    margin: 20px 0;
}

.tabs-nav {
    list-style: none;
    padding: 0;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.tabs-nav li {
    margin: 0 10px;
}

.tabs-nav a {
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    color: #333;
    border-bottom: 3px solid transparent;
}

.tabs-nav a.active {
    border-bottom: 3px solid #0073aa;
    color: #0073aa;
}

.tab-pane {
    display: none;
    padding: 20px;
}

.tab-pane.active {
    display: block;
}

.horoscope-post {
    margin-bottom: 20px;
}

.post-thumbnail img {
    max-width: 150px;
    height: auto;
}









.horoscope-post {
    max-width: 30%;
    background: #222222;
    padding: 25px;border-radius: 10px;
}


.post-thumbnail img {
    max-width: 100% !important;
    width: 100%;
    border-radius: 10px;
}

.post-date {
    color: #ffb646;
    direction: rtl;
    margin-top: 15px;
}

.horoscope-post a {
    color: #FFF;
    font-family: "iransansdn", Sans-serif;
    font-weight: 800;
}
.post-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #cccccc;
}


.tab-pane h2 {
    display: none;
}

div#tab-personality-aries {
    /* display: flex; */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.tabs-nav li a {
    color: #fff !important;
}
ul.tabs-nav li a:hover {
    color: #ffb646 !important;
}
ul.tabs-nav li .active {
    color: #ffb646 !important;
    border-color: #ffb646;
}
@media only screen and (max-width: 768px){
    .horoscope-tabs .tabs-nav li a {
       padding: 0px;
       font-size: 12px !important;
    }
}
span.xpro-submenu-indicator-wrap {
    left: 0px !important;
    right: auto !important;
}


.tabs-content .tab-pane.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}