html {
scroll-behavior: smooth;
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
.std-add-t-cart .button {
border-radius: 3px;
font-size: 19px;
min-height: 50px;
width: 100%;
}
.std-add-t-cart .sell_course {
color: #777;
font-size: 16px;
display: flex;
border: 1px dashed #ddd;
background-color: #f9f9f9;
padding: 0 15px;
margin-bottom: 15px;
border-radius: 10px;
line-height: 52px;
position: relative;
}
.std-add-t-cart .sell_course:after,
.std-add-t-cart .sell_course:before {
content: '';
width: 16px;
height: 16px;
border-left: 1px dashed #ddd;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: calc(50% - 8px);
right: -9px;
}
.std-add-t-cart .sell_course:after {
border-left: none;
border-right: 1px dashed #ddd;
right: auto;
left: -9px;
}
.std-add-t-cart .sell_course strong {
padding-left: 20px;
border-left: 1px dashed #ddd;
font-weight: 500;
width: 100%;
max-width: 84px;
text-align: center;
}
.std-add-t-cart .price .amount {
color: #464749;
}
.std-add-t-cart .price>.amount {
font-size: 26px;
}
.std-add-t-cart .price span.woocommerce-Price-currencySymbol {
color: grey;
font-size: 10px;
font-weight: 400;
text-align: center;
margin-right: 5px;
}
.std-add-t-cart .price del span.woocommerce-Price-currencySymbol {
display: none;
}
.std-add-t-cart .sell_course .price del {
font-size: 15px;
position: absolute;
top: -10px;
}
.std-add-t-cart .price ins {
background-color: transparent;
position: relative;
top: 14px;
}
@media (max-width: 307px) {
.std-add-t-cart .sell_course {
font-size: 12px
}
.std-add-t-cart .sell_course strong {
padding-left: 0;
max-width: 58px
}
}
.woodmart-sidebar-content .widget {
padding: 20px;
border: 1px solid #e5e5e5;
border-radius: var(--wd-brd-radius);
}
.woodmart-sidebar-content .widget-title {
position: relative;
}
.woodmart-sidebar-content .widget-title::before {
content: '';
position: absolute;
width: 2px;
height: 20px;
background-color: var(--wd-primary-color);
top: -1px;
right: -21px;
}
.woodmart-navigation .item-level-0>a {
letter-spacing: 0px;
}
.post-password-form label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0
}
.post-password-form input[type=submit] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 42px;
border-radius: 2px
}
.post-password-form input[type=password] {
display: block;
max-width: 100%;
width: 200px;
margin: 0 10px
}
@media (max-width: 767.98px) {
.post-password-form label {
display: block
}
.post-password-form input[type=password] {
width: 100%;
margin: 10px 0 15px 0
}
}
.teachers-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.teachers-wrapper .teacher-item {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
@media (min-width: 768px) {
.teachers-wrapper.two-cols .teacher-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.teachers-wrapper.three-cols .teacher-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.teachers-wrapper.four-cols .teacher-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.teachers-wrapper.five-cols .teacher-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.teachers-wrapper.six-cols .teacher-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
}
.teacher-item {
margin-bottom: 30px
}
.teacher-item .teacher-item-inner {
position: relative;
padding-bottom: 100%;
overflow: hidden;
background-color: #495057;
border-radius: 4px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.teacher-item .teacher-item-inner .teacher-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.teacher-item .teacher-item-inner .teacher-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 20
}
.teacher-item .teacher-item-inner .hover-mask {
position: absolute;
padding: 20px;
left: 0;
right: 0;
bottom: 0;
line-height: 1.3;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(transparent));
background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, transparent 100%);
color: #fff
}
.teacher-item .teacher-item-inner .hover-mask .teacher-name {
margin-bottom: 0
}
.teacher-item .teacher-item-inner .hover-mask .teacher-role {
display: block;
margin-top: 5px
}
.teacher-item .teacher-item-inner .hover-mask a {
color: #fff
}
.teacher-item .teacher-item-inner:hover {
-webkit-box-shadow: 0 24px 50px 3px rgba(0, 0, 0, .2);
box-shadow: 0 24px 50px 3px rgba(0, 0, 0, .2)
}
.teacher-item .teacher-item-inner:hover .teacher-bg {
opacity: .7
}
.teacher-single-details .teacher-single-thumbnail {
position: relative;
overflow: hidden;
border-radius: 4px
}
.teacher-single-details .teacher-single-thumbnail img {
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.teacher-single-details .teacher-single-thumbnail .teacher-single-socials {
background-color: #fff;
padding: 15px 20px;
text-align: center;
border: 1px solid #e5e5e5;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.products .course-item .course-item-inner .course-content-holder .course-content-main {
padding: 12px;
overflow: hidden
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
text-align: right;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.course-content-main {
--oldstud-line-count: 2;
}
h3.course-title {
overflow: hidden;
max-height: calc(var(--oldstud-line-count, 1) * var(--title-line-height, 1.4em));
line-height: var(--title-line-height, 1.4em);
min-height: calc(var(--oldstud-line-count, 1) * var(--title-line-height, 1.4em));
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher {
overflow: hidden;
position: relative;
display: block
}
body.single-post .product-reviews-inner .products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher {
display: none;
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating {
font-size: .8125rem;
float: right
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating .rating {
background-color: #8bca48;
color: #fff;
padding: 3px 6px;
margin-right: 8px;
border-radius: 4px;
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating .votes-number {
color: #adb5bd;
margin-right: 10px;
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating.no-ratings .votes-number {
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: .8125rem;
color: #1e83f0
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher:hover {
color: #6c757d
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher:before {
content: '';
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
margin-right: 10px;
width: 1px;
height: 18px;
background-color: #e9ecef
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-description {
float: right;
font-size: .875rem
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-description p {
color: #7b868a;
margin-bottom: 0
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom {
border-top: 1px solid #e5e5e5;
padding: 10px 20px;
font-size: .9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-students {
color: #6c757d
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-students i {
margin-right: 8px
}
.course-content-holder .course-content-bottom .course-students i.fal {
margin-right: 8px;
font-size: 19px;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px)
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price {
color: var(--wd-primary-color)
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price .price-sale {
color: #8bca48
}
.products .course-item:hover .course-item-inner {
-webkit-box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
.product-reviews-inner .products .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
height: 22px;
margin-bottom: 5px
}
.products .course-item .course-item-inner {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border-radius: 10px
}
.products.less-border .course-item .course-item-inner {
border: 0px;
}
body.single-post .product-reviews-inner .products .course-item .course-item-inner {
border: 0px;
box-shadow: 0 0 7px 0px rgba(0, 0, 0, .1);
}
.products .course-item .course-item-inner .course-thumbnail-holder img {
width: 100%;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: 1px solid #e5e5e5;
}
.products.list-view .course-item .course-item-inner .course-thumbnail-holder img {
width: 100%;
border-bottom-right-radius: 10px;
border-top-left-radius: 0
}
@media screen and (max-width: 992px) {
.products.list-view .course-item .course-item-inner .course-thumbnail-holder img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 0
}
}
.products .course-item .course-item-inner .course-content-holder .course-content-main {
padding: 12px;
overflow: hidden
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
text-align: right;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.course-content-main {
--oldstud-line-count: 2;
}
h3.course-title {
overflow: hidden;
max-height: calc(var(--oldstud-line-count, 1) * var(--title-line-height, 1.4em));
line-height: var(--title-line-height, 1.4em);
min-height: calc(var(--oldstud-line-count, 1) * var(--title-line-height, 1.4em));
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher {
overflow: hidden;
position: relative;
display: block
}
body.single-post .product-reviews-inner .products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher {
display: none;
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating {
font-size: .8125rem;
float: right
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating .rating {
background-color: #8bca48;
color: #fff;
padding: 3px 6px;
margin-right: 8px;
border-radius: 4px;
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating .votes-number {
color: #adb5bd;
margin-right: 10px;
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating.no-ratings .votes-number {
display: none
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: .8125rem;
color: #1e83f0
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher:hover {
color: #6c757d
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .course-loop-teacher:before {
content: '';
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
margin-right: 10px;
width: 1px;
height: 18px;
background-color: #e9ecef
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-description {
float: right;
font-size: .875rem
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-description p {
color: #7b868a;
margin-bottom: 0
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom {
border-top: 1px solid #e5e5e5;
padding: 10px 20px;
font-size: .9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-students {
color: #6c757d
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-students i {
margin-right: 8px
}
.course-content-holder .course-content-bottom .course-students i.fal {
margin-right: 8px;
font-size: 19px;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px)
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price {
color: var(--wd-primary-color)
}
.products .course-item .course-item-inner .course-content-holder .course-content-bottom .course-price .price-sale {
color: #8bca48
}
.products .course-item:hover .course-item-inner {
-webkit-box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
.products.list-view .course-item .course-item-inner .course-content-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.products.list-view .course-item .course-item-inner .course-content-holder .course-content-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media (max-width: 767.98px) {
.products.list-view .course-item .course-item-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.product-reviews .products.list-view .course-item .course-item-inner .course-thumbnail-holder,
.products.list-view .course-item .course-item-inner .course-thumbnail-holder {
max-width: 100%;
width: 100%
}
.product-reviews-inner .products .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
height: 42px;
margin-bottom: 10px
}
}
.products .course-item {
position: relative;
width: 100%;
min-height: 1px;
}
.products.courses-holder .course-item {
padding-right: 10px;
padding-left: 10px
}
@media (min-width: 768px) {
.products.grid-view.courses-2-columns .course-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media (min-width: 768px) {
.products.grid-view.courses-3-columns .course-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media (min-width: 992px) {
.products.grid-view.courses-3-columns .course-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
}
@media (min-width: 768px) {
.products.grid-view.courses-4-columns .course-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media (min-width: 992px) {
.products.grid-view.courses-4-columns .course-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
}
.course-description2 {
padding: 10px;
position: absolute;
bottom: 0;
right: 0;
opacity: 0;
width: 100%;
text-align: justify;
font-size: 11px;
color: #fff;
background: rgba(0, 0, 0, .81);
-webkit-transition: .7s;
transition: .7s;
line-height: 18px
}
.course-description p,
.course-description2 p {
margin-bottom: 0;
font-size: 13px;
font-size: 12px;
text-align: justify;
line-height: 21px;
text-align: justify
}
.products.grid-view .course-item .course-description,
.products.list-view .course-item .course-description2 {
display: none
}
.course-item-inner:hover .course-description2,
.course-item-inner:hover .course-description2:before {
opacity: 1
}
.course-thumbnail-holder {
position: relative
}
#course-intro .row {
margin: 0
}
.products .no-product {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.inner-box {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 30px
}
.product-single-main {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: all .25s ease;
transition: all .25s ease
}
@media (min-width: 992px) {
.product-single-main {
-webkit-box-flex: 0;
-ms-flex: 0 0 70.66667%;
flex: 0 0 70.66667%;
max-width: 70.66667%
}
.product-single-main.full-width-course {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.product-single-main .product-single-top-part {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px
}
.product-single-main .product-single-top-part .product-info-before-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px
}
@media (max-width: 767.98px) {
.product-single-main .product-single-top-part .product-info-before-gallery {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px 20px
}
.product-single-main .product-single-top-part .product-info-before-gallery .before-gallery-unit {
border: none;
padding: 10px
}
}
.product-single-main .product-single-top-part .before-gallery-unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-right: 1px solid #e5e5e5;
padding-right: 20px;
margin-right: 20px
}
.product-single-main .product-single-top-part .before-gallery-unit:last-child {
padding-right: 0;
border-right: none
}
.product-single-main .product-single-top-part .before-gallery-unit .icon {
margin-right: 15px;
font-size: 24px;
color: #1e83f0
}
.product-single-main .product-single-top-part .before-gallery-unit .info {
line-height: 1.5
}
.product-single-main .product-single-top-part .before-gallery-unit .info .label {
color: #ced4da
}
.product-single-main .product-single-top-part .before-gallery-unit .info .value a span {
margin: 0 8px
}
.product-single-main .product-single-top-part .before-gallery-unit .info .value a:last-child span {
display: none
}
.product-single-main .product-single-top-part .before-gallery-unit .star-rating .rating {
background-color: #8bca48;
color: #fff;
padding: 3px 6px;
margin-right: 8px;
border-radius: 4px
}
.product-single-main .product-image-wrapper img {
max-width: 100%;
width: 100%;
height: auto
}
@media (min-width: 992px) {
.product-single-main .product-single-meta-inside {
display: none
}
}
.course-single-gallery .product-image-wrapper {
position: relative
}
.course-single-gallery .product-image-wrapper .video-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.course-single-gallery .product-image-wrapper .video-button .cdb-video-icon {
background-color: rgba(61, 61, 61, .6);
width: 90px;
height: 90px;
color: #fff;
font-size: 38px;
padding-left: 5px;
border: 0
}
.course-single-gallery .product-image-wrapper .video-button .cdb-video-icon:before {
border-width: 15px 0 15px 20px;
left: 44px;
margin: -14px 0 0 -7px
}
.course-single-gallery .product-image-wrapper .video-button .cdb-video-icon:hover {
background-color: #fff;
color: #7b868a
}
.course-thumbnail-holder .video-button {
position: absolute;
top: 13px;
right: 13px
}
.course-thumbnail-holder .video-button .cdb-video-icon {
background-color: rgba(0, 0, 0, .37);
width: 40px;
height: 40px;
border: 0;
color: #fff;
font-size: 16px;
padding-left: 3px
}
.course-thumbnail-holder .video-button .cdb-video-icon:hover {
background-color: #fff;
color: #111
}
.product-single-aside {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px
}
@media (max-width: 991.98px) {
.product-single-aside {
display: none
}
}
.product-single-aside.hide-sidebar-course {
display: none
}
@media (min-width: 992px) {
.product-single-aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.33333%;
flex: 0 0 29.33333%;
max-width: 29.33333%
}
}
.course-teacher-details,
.product-info-box,
.product-reviews,
.product-single-content {
background-color: #fff;
padding: 1.35rem;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 12px
}
.course-teacher-details.less-border {
background-color: transparent;
padding: 0;
border: 0px;
}
.course-teacher-details a.wd-teacher-thumb {
max-width: 80px;
}
.product-single-content {
position: relative;
}
.product-info-box {
margin-bottom: 12px
}
.std-add-t-cart p.price {
font-size: 25px;
margin-bottom: 0;
font-size: 17px;
width: 100%;
text-align: left
}
.std-add-t-cart span.price-label {
font-size: 15px
}
.std-add-t-cart .price del .amount {
font-size: 15px
}
.std-add-t-cart .posted_in .fal {
margin-left: 5px
}
.product-reviews {
padding: 0
}
.product-reviews .product-review-title {
padding: 0 30px;
border-bottom: 1px solid #e5e5e5
}
.product-reviews .product-review-title .fal {
font-size: 23px;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(6px);
margin-left: 9px;
color: #3c3c3c;
}
.product-reviews .product-review-title .inner {
position: relative;
font-size: 16px;
padding: 20px 0;
margin-bottom: 0;
display: inline-block
}
.product-reviews .product-review-title .inner i {
margin-right: 10px
}
.product-reviews .product-review-title .inner:after {
content: '';
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: var(--wd-primary-color)
}
.product-reviews-inner {
padding: 1.75rem
}
.product-reviews-stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 991.98px) {
.product-reviews-stats {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.product-reviews-stats .rating-subtitle {
color: #adb5bd;
margin-bottom: 10px
}
.product-reviews-stats .detailed-ratings {
min-width: 73%;
margin-bottom: 0
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner {
padding: 30px;
border: 1px solid #e5e5e5;
border-radius: 4px
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
line-height: 1
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating:last-child {
margin-bottom: 0
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating .number {
white-space: nowrap;
margin-right: 15px
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating .bar {
position: relative;
background-color: #e9ecef;
width: 100%;
height: 12px;
border-radius: 8px;
margin-right: 15px
}
.product-reviews-stats .detailed-ratings .detailed-ratings-inner .course-rating .bar .bar-fill {
position: absolute;
top: 0;
left: 0;
height: 12px;
border-radius: 8px;
background-color: var(--wd-primary-color)
}
.average-rating {
padding-left: 30px
}
@media (max-width: 991.98px) {
.average-rating {
padding-left: 0;
margin-bottom: 20px
}
}
.average-rating .avareage-rating-inner {
min-width: 180px;
padding: 42px 30px;
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: center
}
.average-rating .avareage-rating-inner .average-rating-number {
font-size: 65px;
line-height: 65px;
color: #464749
}
.average-rating .avareage-rating-inner .average-rating-stars {
margin-bottom: 10px
}
.average-rating .avareage-rating-inner .average-rating-stars .star-rating {
display: inline-block;
vertical-align: top;
width: 90px;
height: 18px;
margin-top: 10px;
background-size: 18px;
background: url(//namafarinedu.com/wp-content/themes/studiare/images/star-empty.svg) left top repeat-x
}
.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span {
display: block;
text-indent: 9999px;
line-height: 1;
height: 18px;
font-size: 0;
background-size: 18px 18px;
background: url(//namafarinedu.com/wp-content/themes/studiare/images/star-fill.svg) left top repeat-x
}
.average-rating .avareage-rating-inner .average-rating-stars .price {
display: none
}
.average-rating .avareage-rating-inner .average-rating-label {
color: #adb5bd
}
.average-rating .detailed-ratings {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.std-add-t-cart .price .price-label {
display: block;
color: #adb5bd
}
.std-add-t-cart .price .amount {
color: #464749
}
.std-add-t-cart .price>.amount {
font-size: 26px
}
.std-add-t-cart .price del {
margin-right: 8px;
text-decoration: none;
position: relative
}
.std-add-t-cart .price del:after {
width: 100%;
height: 1px;
background: #464749;
content: '';
position: absolute;
left: 3px;
top: 47%;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
.std-add-t-cart .price ins {
background-color: transparent;
position: relative;
top: 14px
}
.std-add-t-cart .price ins .amount {
font-size: 22px
}
.sticky-add-to-cart .stock {
background-color: #7b868a;
border-radius: 3px;
font-weight: 600;
line-height: 44px;
text-align: center;
font-size: 19px;
border: 1px solid #6a7477;
color: #fff;
height: 50px;
margin-bottom: 0;
box-shadow: 0 2px 12px rgba(123, 134, 138, .4)
}
.std-add-t-cart .button {
width: 100%
}
.std-add-t-cart .cart .quantity {
display: none
}
.std-add-t-cart .product-side-share {
text-align: center
}
.std-add-t-cart th.label {
padding: 9px 0;
vertical-align: top;
}
.product-info-box .post-share {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.product-meta-info-list {
display: block;
margin-top: 0;
margin-bottom: 0
}
.product-meta-info-list .meta-info-unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #e9ecef;
padding-top: 6px;
color: #7b868a;
padding-bottom: 6px
}
.product-meta-info-list h6 {
font-weight: 400;
margin-bottom: 10px;
color: #adb5bd
}
.product-meta-info-list .meta-info-unit .icon {
font-size: 20px;
margin-right: 15px;
color: #7b868a
}
.course-teacher-details .top-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.course-teacher-details .top-part img {
max-width: 100%;
width: 80px;
height: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 4px double #ddd
}
.course-teacher-details .top-part .name {
line-height: normal;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px
}
.course-teacher-details .top-part .name h6 {
margin-bottom: 4px
}
.course-teacher-details .top-part .name .job-title {
color: #7b868a;
font-size: 12px
}
.course-teacher-details .content p {
margin-bottom: 8px;
font-size: 13px;
line-height: 21px
}
.related-products {
margin-top: 10px
}
.related-products>h2 {
margin-bottom: 24px
}
.blog-slider .swiper-slide {
overflow: visible;
}
.box-holder {
position: relative;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 30px;
-webkit-box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
box-shadow: 0 6px 20px rgba(168, 172, 185, .3)
}
.owl-carousel {
display: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-dots {
text-align: center
}
.gallery-carousel-inner .owl-dots {
position: absolute;
bottom: -15px;
left: 0;
right: 0;
width: 100%
}
.owl-dots .owl-dot {
outline: 0 !important
}
.owl-dots .owl-dot span {
width: 12px;
height: 12px;
display: block;
margin: 0 6px;
border-radius: 30px;
background-color: rgba(108, 117, 125, .25);
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.owl-dots .owl-dot.active span {
width: 23px;
}
.owl-dots .owl-dot.active span {
background-color: var(--wd-primary-color);
}
.owl-carousel .owl-nav .owl-prev {
position: absolute;
top: 50%;
left: -6px;
margin-top: -21px;
font-size: 22px;
color: #fff;
background-color: #fff;
width: 50px;
-webkit-box-shadow: -1.5px 0 4px 0 rgba(0, 0, 0, .15);
box-shadow: -1.5px 0 4px 0 rgba(0, 0, 0, .15);
border-radius: 100%;
border: 0;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0 !important;
opacity: 0;
-webkit-transition: all 250ms ease;
transition: all 250ms ease
}
.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
left: -6px;
margin-top: -21px;
font-size: 22px;
color: #fff;
background-color: #fff;
width: 50px;
-webkit-box-shadow: 1.5px 0 4px 0 rgba(0, 0, 0, .15);
box-shadow: 1.5px 0 4px 0 rgba(0, 0, 0, .15);
border-radius: 100%;
border: 0;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0 !important;
opacity: 0;
-webkit-transition: all 250ms ease;
transition: all 250ms ease
}
.owl-nav .fal {
color: rgba(0, 0, 0, .53);
font-size: 27px
}
.owl-carousel .owl-nav .owl-prev {
right: -11px
}
.owl-carousel .owl-nav .owl-next {
left: -11px
}
.owl-carousel:hover .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-prev {
opacity: 1;
visibility: visible
}
.verified {
font-style: normal;
}
.admin-label {
font-style: normal;
background: var(--wd-primary-color);
padding: 3px 7px;
border-radius: 3px;
margin-right: 4px;
font-size: 10px;
color: #fff
}
h3.comment-reply-title {
font-size: 12px;
overflow: hidden
}
.product-single-content .tagged_as {
display: block;
color: #7b868a
}
.product-single-content .tagged_as .fal {
margin-left: 5px
}
.std-box-view .fal {
font-size: 25px;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
margin-left: 4px
}
.product-info-box .product_meta .posted_in {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5
}
.short-url-box {
padding-top: 7px;
margin-top: 5px;
border-top: 1px dashed #e5e5e5
}
.short-url .fa {
margin-left: 8px
}
.product-info-box .product-info-box-inner .material-icons {
margin-left: 10px;
color: #43b733;
font-size: 34px;
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px)
}
input.short-url-link {
color: #a7a7a7;
padding: 3px 10px;
letter-spacing: 1px;
font-size: 12px;
border-radius: 5px
}
.purchased-loop {
position: absolute;
top: 13px;
right: 50%;
transform: translate(50%, -50%);
background: rgba(0, 0, 0, .4);
color: #fff;
padding: 1px 7px;
font-size: 11px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
line-height: 24px
}
.purchased-loop .material-icons {
margin-left: 3px;
color: #fff;
font-size: 21px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px)
}
.sale-perc-badge {
position: absolute;
width: 54px;
height: 55px;
z-index: 5;
color: #fff;
font-size: 11px;
font-weight: 300;
line-height: 16px;
left: -10px;
top: -8px;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
-webkit-transition: all .3s;
transition: all .3s
}
.sale-perc-badge:before {
font-family: fontawesome_pro;
font-weight: 900;
content: "\f335";
position: absolute;
font-size: 51px;
left: 2px;
top: 18px;
color: #fea24b;
z-index: -1;
}
.elementor-button-icon svg {
width: 1.7em !important;
}
.course-item-sale .sale-perc-badge {
left: 0
}
.course-item-inner:hover .sale-perc-badge {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.sale-perc {
margin-top: 13px;
margin-right: 13px;
font-size: 15px
}
.sale-badge-text {
margin-right: 9px;
margin-top: -4px
}
.course-price {
background: #fff;
line-height: 24px
}
.course-price del {
color: #8e8e8e;
padding: 0 10px;
float: left;
position: relative;
text-decoration: none
}
.course-price del.amount-free {
float: right;
text-decoration: none
}
.course-price del.amount-free:after,
.course-price del:after {
width: 85%;
height: 1px;
background: #cacaca;
content: '';
position: absolute;
left: 3px;
top: 47%;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
.comment-text .description p {
font-size: 13px;
margin-bottom: 0
}
.purchased-info-box {
background-color: var(--wd-primary-color);
border-radius: 3px;
font-weight: 600;
font-size: 19px;
color: #fff;
box-shadow: none;
height: 50px;
line-height: 52px;
text-align: center;
}
.purchased-info-box i.fas {
margin-left: 10px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px)
}
h5.course-section-title {
margin: 0;
padding: 18px 10px
}
h5.course-section-title.cursor-pointer {
cursor: pointer
}
h5.course-section-title .far {
padding: 4px 0 4px 10px;
color: #7b868a
}
h5.course-section-title .fal {
position: absolute;
left: 40px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.course-section.active h5.course-section-title .fal {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
margin-left: 5px;
content: "\f0d6";
font-family: fontawesome !important
}
.woo-wallet-icon-wallet:before {
content: " " !important
}
.user-info-MyAccount {
text-align: center;
}
.user-info-MyAccount img.avatar {
border-radius: 50%;
border: 4px solid #fff;
box-shadow: 0 6px 20px rgb(0 0 0 / 37%);
}
.user-info-name {
margin: 10px;
}
.product-reviews-rules {
padding: 10px;
margin-top: 30px;
font-size: 12px;
color: #7b868a !important
}
.product-reviews-rules ul {
list-style: none;
font-size: 12px;
margin: 0
}
.product-reviews-rules h3 {
font-size: 15px
}
.product-reviews-rules p {
margin-bottom: 10px
}
.product-reviews-rules ul li:before {
display: inline-block;
font: normal normal normal 14px/1 fontawesome_pro;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00c";
float: right;
margin-left: 5px;
font-size: 12px;
color: #15cc79;
margin-top: 7px
}
.product-single-content .tagged_as a {
background: #eaecef;
color: #7b868a !important;
font-size: 12px;
padding: 0 9px;
margin: 3px;
display: inline-block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.product-single-content .tagged_as a:hover {
background: #7b868a !important;
color: #fff !important
}
.video-inner:hover .video-icon:before {
opacity: 0
}
.audio-inner:hover .audio-icon i,
.audio-inner:hover .audio-icon:before {
opacity: 1
}
.video-inner .post-thumbnail i {
font-size: 35px;
color: #fff;
position: absolute;
top: 50%;
right: 50%;
z-index: 10;
transform: translate(50%, -50%);
padding: 13px 13px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
background-color: rgba(255, 255, 255, .22);
width: 60px;
height: 60px;
display: inline-block
}
.audio-inner .audio-icon i {
font-size: 35px;
color: #4e4e4e;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
z-index: 10;
padding: 13px 18px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
background-color: #fff;
width: 60px;
height: 60px;
opacity: 0;
display: inline-block
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
padding-top: 10px;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//namafarinedu.com/wp-content/themes/studiare/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.average-rating-stars .star-rating {
display: inline-block;
vertical-align: top;
width: 90px;
height: 18px;
direction: ltr;
margin-top: 5px;
background-size: 18px;
background: url(//namafarinedu.com/wp-content/themes/studiare/images/star-empty.svg) left top repeat-x
}
.average-rating-stars .star-rating>span {
display: block;
text-indent: -9999px;
line-height: 1;
height: 18px;
background-size: 18px 18px;
background: url(//namafarinedu.com/wp-content/themes/studiare/images/star-fill.svg) left top repeat-x
}
.average-rating-stars .price {
display: none
}
.product-single-main .product-single-top-part .before-gallery-unit .star-rating.no-ratings .rating,
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher .star-rating.no-ratings .rating {
display: none
}
.products.courses-holder {
margin-right: 0;
margin-left: 0
}
.products.courses-holder .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
font-size: 14px;
font-weight: 600;
}
body.single-post .product-reviews-inner .products.courses-holder .course-item .course-item-inner .course-content-holder .course-content-main .course-title {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
height: 30px;
}
.amar {
float: right;
width: 100%;
box-sizing: border-box;
padding: 10px 0px
}
.amarbox {
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
padding: 10px;
box-sizing: border-box;
border-radius: 4px;
font-size: 14px;
font-weight: 100;
float: right;
width: 100%
}
.amarboxim {
float: right;
padding: 10px 0
}
.amarboxnew {
float: right;
width: 50%;
padding: 5px;
box-sizing: border-box
}
.amarleft {
background: var(--wd-primary-color);
margin-right: -40px;
margin-top: -30px;
margin-bottom: 10px;
width: 120%;
position: relative;
padding: 20px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
.amarleft:after {
content: " ";
width: 373px;
height: 113px;
position: absolute;
left: 0;
background: linear-gradient(-124deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .39) 93%);
top: 0
}
.amarbox i {
float: right;
font-size: 45px;
color: var(--wd-primary-color);
margin-top: 10px;
margin-bottom: -5px;
margin-left: 20px;
margin-right: 10px
}
.amarboxim h3 {
color: #00BAA9;
font-weight: 600;
margin: 0
}
.amarboxim h3 strong {
color: #999;
font-weight: 100;
font-size: 15px
}
.amarleft i {
color: #fff !important
}
.amarleft h3 {
color: #fff !important
}
.amarleft h3 strong {
color: #fff
}
@media only screen and (max-width: 600px) {
.amarboxnew {
float: right;
width: 100%;
padding: 5px;
box-sizing: border-box
}
.amarleft {
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
width: 100%;
padding: 20px
}
}
#respond input#submit.added::after,
a.button.added::after,
button.button.added::after,
input.button.added::after {
font-family: WooCommerce;
content: "\e017";
margin-right: .53em;
vertical-align: bottom;
position: absolute;
right: -10px;
line-height: 36px;
top: 0;
background: #fff;
color: #111;
width: 40px;
height: 40px;
border-radius: 100%;
z-index: 1
}
.course-item-inner a.wc-forward {
position: absolute;
top: 60px;
right: 14px;
padding-right: 48px;
color: #fff;
padding-left: 13px;
line-height: 37px;
border-radius: 35px;
background: rgba(0, 0, 0, .44);
height: 40px
}
.course-rating-teacher img.img-fluid {
width: 25px;
border-radius: 30px
}
.course_loop_teacher,
.teacher-box {
font-size: 11px;
color: #6c757d
}
.teacher-box .fal {
font-size: 18px;
color: #6c757d;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px)
}
ul.wcdlar_download_list {
list-style: none;
padding: 0;
margin: 0
}
ul.wcdlar_download_list li {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
background: #fff;
padding: 5px;
border-radius: var(--wd-brd-radius);
position: relative;
}
ul.wcdlar_download_list.produc-page li .sub_items {
padding: 5px 10px;
text-align: center
}
ul.wcdlar_download_list li:after {
clear: both;
display: block;
content: ''
}
ul.wcdlar_download_list li .fal {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
ul.wcdlar_download_list li.active .fal {
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
ul.wcdlar_download_list li a.title {
color: #3b4446;
padding: 10px 10px;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
position: relative;
}
ul.wcdlar_download_list img.ico-download {
margin-left: 15px;
max-width: 70px;
}
.product-single-aside ul.wcdlar_download_list li a.title {
color: #adb5bd
}
ul.wcdlar_download_list ul.wcdlar_order_wrapper {
padding: 10px;
margin: 0;
list-style: none;
border-top: 1px dashed #eff2f3
}
ul.wcdlar_download_list ul.wcdlar_order_wrapper h5 {
font-size: 13px;
padding: 0 12px
}
ul.wcdlar_download_list ul.wcdlar_order_wrapper th {
font-size: 12px;
font-weight: 400
}
ul.wcdlar_download_list li .sub_items {
display: none
}
ul.wcdlar_download_list a.download-btns {
display: inline-block;
background: var(--wd-primary-color);
color: #fff;
width: fit-content;
padding: 10px 16px;
border-radius: 6px;
}
ul.wcdlar_download_list a.download-btns-product-page {
display: inline-block;
background: #3bb2d0;
color: #fff;
padding: 5px 16px;
border-radius: 3px;
box-shadow: 0 2px 12px rgba(109, 184, 210, .8);
width: 94%;
text-align: center;
font-size: 13px
}
ul.wcdlar_download_list a.download-btns .fal {
font-size: 15px;
margin-left: 11px;
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
-o-transform: translateY(2px);
transform: translateY(2px)
}
.products li.product-category {
list-style: none;
padding: 0 15px
}
.course-item-inner.product-category img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
width: 100%
}
.course-item-inner.product-category h3.category-title {
font-size: 16px
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
text-align: right
}
.video_popup_wrrapper {
position: fixed;
display: none;
width: 100%;
height: 100%;
z-index: 999
}
.video_popup_overlay {
width: 100%;
height: 100%;
position: fixed;
background: rgba(9, 9, 9, .7)
}
.video_popup_inner {
display: block;
z-index: 9999;
position: absolute;
right: 50%;
bottom: 50%;
widht: 100%;
transform: translate(50%, 50%);
color: #fff;
text-align: center
}
@media (max-width: 992px) {
.video_popup_inner {
width: 90%
}
}
.video_popup_inner video {
margin: auto auto;
display: block
}
.product-info-box .posted_in a {
color: #7b868a;
border: 1px dashed #efefef;
display: inline-block;
padding: 0 8px;
margin: 0 2px 5px 0;
border-radius: 10px;
font-size: 11px;
line-height: 18px
}
.meter {
height: 10px;
position: relative;
background: #dce5e8;
margin-top: 10px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
direction: ltr
}
.meter>span {
display: block;
height: 100%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #1fbd50;
position: relative;
overflow: hidden
}
.meter>span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
z-index: 1;
background-size: 50px 50px;
animation: move 2s linear infinite;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden
}
@keyframes move {
0% {
background-position: 0 0
}
100% {
background-position: 50px 50px
}
}
.animate>span>span,
.meter>span:after {
animation: move 2s linear infinite
}
.progress-title {
font-size: 15px;
color: #7b868a;
padding: 6px 0
}
.progress-title i {
font-size: 19px;
margin-left: 15px;
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px)
}
.help_download {
background: #f8f9fa;
border-radius: var(--wd-brd-radius);
padding: 10px 20px;
color: #000000;
line-height: 20pt;
margin-bottom: 20px;
border: 1px dashed #cfcfcf;
}
.help_download p,
.help_download li {
margin-bottom: 0px;
}
.help_download ul {
margin: 0 20px 0px 0;
}
.box_download,
.box_help {
overflow: hidden;
background: #ffffff;
box-shadow: 0 0 7px -2px rgba(0, 0, 0, .3);
margin-bottom: 0px;
border-radius: 8px;
}
.box_download span,
.box_help span {
background: var(--wd-primary-color);
border-radius: 8px;
color: #fff;
font-size: 12pt;
padding: 10px 20px;
display: block;
cursor: pointer;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.box_download .box_content,
.box_help .box_content {
display: none;
}
.box_download span .fa,
.box_help span .fa {
padding-left: 5px;
}
.box_download .box_content,
.box_help .box_content {
padding: 5px 15px;
}
.box_download a,
.box_help a {
display: block;
border-bottom: 1px solid #dedede;
color: #2e2e2e;
margin: 5px;
padding: 4px 5px;
font-size: 15px;
font-weight: 400;
}
.box_download span:after,
.box_help span:after {
content: "\f107";
float: left;
font: normal normal normal 14px/1 fontawesome_pro;
font-size: 18pt;
padding: 2px 0 0 0;
}
.box_download a:last-child,
.box_help a:last-child {
border: 0;
}
.box_download a .fal,
.box_help a .fal {
padding-left: 10pt;
}
.button_download {
margin: 20px 0px 10px 0px;
font-size: 11pt;
line-height: 25pt;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
@media (max-width: 1024px) {
.button_download {
flex-direction: column;
gap: 10px;
}
}
.button_download .password {
background: #535b61;
border-radius: 5px;
text-align: center;
color: #fff;
border: 2px solid #535b61;
width: 100%;
}
.button_download .link-not {
background: #fff;
border-radius: 5px;
text-align: center;
color: var(--wd-primary-color);
cursor: pointer;
border: 2px solid var(--wd-primary-color);
width: 100%;
}
.button_download .link-not:hover {
background: var(--wd-primary-color);
color: #fff !important;
}
.post-inner.box-download {
padding: 1.5rem;
margin-bottom: 1.5rem;
border: 1px solid #e5e5e5;
border-radius: var(--wd-brd-radius);
}
.collapse:not(.show) {
display: none;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well {
background-color: #f7f6f6;
border: 1px solid #f5f5f5;
}
p.msg-box-download {
text-align: center;
font-size: 14px;
margin-top: 20px;
}
a.login-box-download-btn {
text-align: center;
width: 140px;
margin: 0 auto;
background: #535b61;
color: #fff;
padding: 4px 10px;
border-radius: 6px;
margin-bottom: 14px;
}
a.login-box-download-btn:hover {
background: #6a7277;
color: #fff;
}
a.login-box-download-btn .fal {
margin-left: 8px;
}
.blog-loop-inner .type-post .post-inner-related {
background-color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 7px 0px rgba(0, 0, 0, .1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.post-inner-related .post-content {
padding: 0 1rem;
overflow: hidden;
}
.post-inner-related .post-content .entry-title {
margin-top: 12px;
height: 42px;
font-size: 14px;
font-weight: 600;
letter-spacing: -.5px;
line-height: 21px;
overflow: hidden;
}
.blog-loop-inner .type-post .the-excerpt.gird-excerpt {
font-size: 12px;
height: 45px;
line-height: 18px;
color: #898989;
}
.post-inner-related:hover {
-webkit-box-shadow: 0 6px 20px rgba(168, 172, 185, .4) !important;
box-shadow: 0 6px 20px rgba(168, 172, 185, .4) !important;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.blog-posts {
padding: 15px 0;
}
.blog-posts .row>div a {
position: relative;
display: inline-block;
}
.blog-posts .row>div.first-post a {
margin-right: 30px;
width: auto;
}
.blog-posts .row>div a .blog-posts-inner {
position: absolute;
z-index: 2;
right: 25px;
bottom: 40px;
width: calc(100% - 50px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.blog-posts .row>div.first-post a .blog-posts-inner {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
right: -30px;
bottom: 35px;
padding: 30px;
width: 62%;
}
.blog-posts figure img {
border-radius: 15px;
}
.blog-posts .row>div.first-post a figure img {
width: 100%;
height: auto;
}
.blog-posts .row>div a:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
right: 0;
top: 0;
border-radius: 15px;
transition: all .5s ease;
}
.blog-posts .row>div a:hover:after {
background-color: var(--wd-primary-color);
transition: all .5s ease;
opacity: .8
}
.blog-posts .row>div.another-posts a:first-of-type {
margin-bottom: 15px;
}
.blog-posts .row>div.another-posts a .blog-posts-inner h2 {
font-size: 17px;
color: #FFF;
font-weight: normal;
line-height: 27px;
}
.blog-posts .row a .blog-posts-inner .category ul {
list-style-type: none;
margin: 0;
}
.blog-posts .row a .blog-posts-inner .category ul li {
color: #111;
}
.blog-posts .row>div.first-post a .blog-posts-inner h3 {
font-size: 20px;
line-height: 25px;
font-weight: normal;
color: #222;
}
.blog-posts .row>div.first-post a .blog-posts-inner .category ul li:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--wd-primary-color);
float: right;
margin-left: 8px;
margin-top: 12px;
}
.blog-posts .row>div.another-posts a .blog-posts-inner h3 {
font-size: 15px;
color: #FFF;
font-weight: normal;
line-height: 28px;
}
.blog-posts .row>div.another-posts a .blog-posts-inner .category ul li {
float: right;
margin-bottom: 5px;
margin-left: 5px;
background: rgba(0, 0, 0, 0.36);
border-radius: 5px;
display: inline-block;
padding: 2px 9px;
color: #FFF;
font-weight: normal;
font-size: 13px;
transition: all .5s ease;
}
.blog-posts .row a:hover .blog-posts-inner {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
@media (max-width: 991px) {
.blog-posts .row>div.first-post a .blog-posts-inner {
position: absolute;
z-index: 2;
right: 25px;
bottom: 40px;
width: calc(100% - 50px);
background: transparent;
color: #FFF;
box-shadow: none;
padding: 0;
}
.blog-posts .row>div.first-post a .blog-posts-inner h2 {
color: #FFF;
}
.blog-posts .row>div.first-post {
width: 100%;
margin-bottom: 20px;
}
.blog-posts .row>div.another-posts {
width: 100%;
}
.blog-posts .row>div.another-posts a:first-of-type {
float: right;
width: calc(50% - 10px);
}
.blog-posts .row>div.another-posts a:last-of-type {
float: left;
width: calc(50% - 10px);
}
.blog-posts .row>div.first-post a {
margin-right: 0;
width: 100%;
}
.blog-posts figure img {
width: 100%;
}
}
@media (max-width: 767px) {
.blog-posts .row>div.first-post {
width: 100%;
margin-bottom: 20px;
}
.blog-posts .row>div.first-post a {
margin-right: 0;
}
.blog-posts .row>div.first-post a .blog-posts-inner {
position: absolute;
z-index: 2;
right: 25px;
bottom: 40px;
width: calc(100% - 50px);
background: transparent;
color: #FFF;
box-shadow: none;
padding: 0;
}
.blog-posts .row>div.another-posts a:first-of-type,
.blog-posts .row>div.another-posts a:last-of-type {
width: 100%;
margin-bottom: 20px;
}
}
.prod-cat {
padding: 0;
border: none;
position: relative;
}
.prod-cat select {
max-width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 100%;
outline: 0;
padding: 5px 20px 5px 15px !important;
border-radius: 0 22px 22px 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
.product-single-main,
.product-single-aside {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.single-product-content .row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
@media (max-width: 992px) {
.single-product-content .row {
flex-direction: column;
}
}
@media (min-width: 992px) {
.product-single-main {
-webkit-box-flex: 0;
-ms-flex: 0 0 70.66667%;
flex: 0 0 70.66667%;
max-width: 70.66667%;
}
}
@media (min-width: 992px) {
.product-single-aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.33333%;
flex: 0 0 29.33333%;
max-width: 29.33333%;
}
}
.product-single-main {
display: flex;
flex-direction: column;
gap: 25px;
}
.product-single-content {
position: relative;
}
.product-image-summary {
border-radius: 5px;
overflow: hidden;
}
.course-teacher-details,
.product-info-box,
.product-reviews,
.product-single-content {
background-color: #fff;
padding: 1.35rem;
border: 1px solid #e5e5e5;
margin-bottom: 12px;
border-radius: var(--wd-brd-radius);
}
.product-info-box .total_sales {
margin: 6px 0 11px 0;
color: #555;
border: 2px dotted #eaeaea;
padding: 15px;
font-size: 16px;
text-align: center;
border-radius: 10px;
margin: 7px 0 16px 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.product-info-box .total_sales span {
background-color: #f5f5f5;
padding: 0 10px;
border-radius: 5px;
margin-right: 5px;
}
.total_sales i {
font-size: 25px;
}
.product-meta-info-list .meta-info-unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #e9ecef;
padding-top: 6px;
color: #7b868a;
padding-bottom: 6px;
}
.product-meta-info-list .meta-info-unit .icon {
font-size: 21px;
margin-left: 5px;
color: #7b868a;
height: 25px;
}
.woocommerce-MyAccount-navigation ul li a:after {
font-family: 'iconly';
position: absolute;
right: 10px;
font-size: 22px;
content: '\e94d';
font-weight: 400;
}
.woocommerce-MyAccount-navigation ul li {
position: relative;
}
.woocommerce-MyAccount-navigation ul li.is-active>a {
cursor: pointer !important;
}
.woocommerce-MyAccount-navigation ul li a {
padding-right: 40px !important;
margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:after {
content: '\e933';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after {
content: '\e928';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:after {
content: '\e929';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--woo-wallet a:after {
content: "\e962";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:after {
content: '\e931';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
content: '\e93b';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:after {
content: '\e938';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--notifications a:after {
content: '\e93f';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:after {
content: '\e931';
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--tickets a:after {
content: "\e954";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--woo-wallet a:after {
content: "\e962";
}
.woocommerce-MyAccount-navigation ul li a {
border-radius: 4px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--purchased-products a:after {
content: '\e918';
}
.std-box-view {
text-align: center;
font-size: 14px;
border-radius: 2px;
color: #7b868a;
display: flex;
justify-content: center;
align-items: center;
}
.product-views {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #e5e5e5;
display: flex;
}
.product-reviews-count {
display: flex;
}
.std-box-view i {
display: inline-block;
margin-left: 6px;
font-size: 19px;
}
.course-teacher-details .top-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.course-teacher-details .top-part img {
max-width: 100%;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 4px double #ddd;
}
.course-teacher-details .top-part .name {
line-height: normal;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px;
}
.course-teacher-details .top-part .name {
padding-right: 20px;
padding-left: 0;
}
.course-teacher-details .top-part .name h6 {
margin-bottom: 4px;
}
.product-info-box .posted_in {
color: #7b868a;
}
.product-info-box .posted_in a {
color: #7b868a;
border: 1px dashed #efefef;
display: inline-block;
padding: 0 8px;
margin: 0 2px 5px 0;
border-radius: 10px;
font-size: 11px;
line-height: 18px;
}
.short-url-box {
padding-top: 7px;
margin-top: 5px;
border-top: 1px dashed #e5e5e5;
}
input.short-url-link {
color: #a7a7a7;
padding: 3px 10px;
letter-spacing: 1px;
font-size: 12px;
border-radius: 5px;
height: 30px;
}
.meter {
height: 10px;
position: relative;
background: #dce5e8;
margin-top: 10px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
direction: ltr;
}
.meter>span {
display: block;
height: 100%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #1fbd50;
position: relative;
overflow: hidden;
}
.meter>span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
z-index: 1;
background-size: 50px 50px;
animation: move 2s linear infinite;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
}
.animate>span>span,
.meter>span:after {
animation: move 2s linear infinite;
}
@keyframes move {
0% {
background-position: 0 0
}
100% {
background-position: 50px 50px
}
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author,
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-content {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-author-main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-author-main .testimonial-author-name {
font-size: 20px;
margin-bottom: 0;
}
.testimonials-wrapper .testimonial-item .testimonial-inner {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
padding: 20px;
flex: auto;
text-align: center;
border-left: 0;
position: relative;
margin: 10px;
overflow: hidden;
min-height: 282px;
background: #fff;
}
blockquote {
font-size: 12px;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-content {
order: 2;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author {
order: 1;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-avatar {
overflow: hidden;
border-radius: 50%;
width: 100px;
border: 6px solid rgba(73, 80, 87, .1);
margin-right: 20px;
}
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-avatar {
margin-left: 20px;
margin-right: 0;
}
.blog-posts .row {
display: flex;
gap: 15px;
}
.blog-posts .first-post {
width: 66.66667%;
}
.blog-posts .another-posts {
width: 33.33333%;
}
.elementor-widget-Products .products,
.elementor-products.download_items {
display: -webkit-box;
display: -ms-flexbox;
display: grid;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
column-gap: 20px;
grid-template-columns: auto auto auto;
row-gap: 20px;
}
.download-filter ul li.select-cat {
background: var(--wd-primary-color);
}
a.testimonial-video .fal {
font-size: 44px;
color: var(--wd-primary-color);
font-weight: 300;
}
.teacher-box {
display: flex;
}
.teacher-box i {
font-size: 19px;
margin-left: 5px;
}
.course-students {
display: flex;
align-items: center;
flex-direction: row;
}
.course-students i {
font-size: 19px;
margin-left: 8px;
margin-right: 0 !important;
}
.products .course-item .course-item-inner .course-content-holder .course-content-main {
padding: 10px 15px;
overflow: hidden;
}
.products .course-item .course-item-inner .course-content-holder .course-content-main .course-rating-teacher {
margin-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.wd-post-title.wd-entities-title a {
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1 !important;
}
.wd-breadcrumbs .wd-delimiter:after {
content: ">";
}
.wd-builder-off .woocommerce-MyAccount-navigation ul>li.is-active>a {
background-color: var(--wd-primary-color) !important;
color: #fff;
}
.status-user-widget ul {
display: grid;
gap: 1rem;
padding-right: 0;
}
.items_container--3 {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 980px) {
.status-user-widget ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.status-user-widget ul li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
position: relative;
padding: 0.75rem 1.2rem;
border-radius: 1rem;
background-color: #ededed;
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 1rem;
height: 70px;
}
.box_right .icon_container:before {
content: '';
width: 55px;
height: 55px;
border-radius: 100px;
z-index: 1;
background: var(--wd-primary-color);
opacity: .12;
position: absolute;
}
.box_right .icon_container {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.box_right .icon_container {
color: var(--wd-primary-color);
font-size: 30px;
}
.status-user-widget .box_right {
display: flex;
align-items: center;
gap: 0.75rem;
}
.status-user-widget .box_right .box_right__text {
display: flex;
flex-direction: column;
}
p.text_darkgray {
color: #111;
font-weight: 600;
font-size: 15px;
margin-bottom: 0;
}
p.text_gray {
margin-bottom: 0;
}
.white_card p {
margin-bottom: 0;
}
.items_container--2 {
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 980px) {
.items_container--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.white_card {
display: flex;
flex-direction: column;
gap: 1.1rem;
border-radius: 1rem;
padding: 1.2rem;
background-color: white;
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
}
.card_header {
display: flex;
align-items: center;
gap: 0.5rem;
}
.outline_card--border_2 {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
border-radius: 0.5rem;
border: 1px solid var(--black-10);
}
@media (min-width: 556px) {
.outline_card--border_2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.outline_card--border_2 .item {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
border-bottom: 1px solid var(--black-10);
}
.card_header .title {
display: flex;
align-items: center;
gap: 0.5rem;
color: #111;
font-size: 14px;
margin-bottom: 0;
}
.gap-y-2 {
display: flex;
flex-direction: column;
row-gap: 1rem;
}
.product_card {
display: flex;
flex-direction: column;
padding: 1rem;
gap: 1.2rem;
border-radius: 1rem;
overflow: hidden;
background: var(--white-0);
box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
}
.product_card.inline_box {
flex-direction: row;
align-items: center;
gap: 0.75rem;
}
.product_card.transparent {
background-color: transparent;
border-radius: 0;
box-shadow: none;
padding: 0.8rem 0.8rem;
border-radius: 11px;
border-radius: 1rem;
transition-duration: 300ms;
}
.product_card .product_cover {
position: relative;
height: 230px;
border-radius: 1rem;
}
.product_card.inline_box .product_cover {
width: 90px;
height: 90px;
}
.product_card .product_cover .product_cover__image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
height: 100%;
overflow: hidden;
}
.product_card .product_cover .product_cover__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product_card .product_body {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
}
.product_card.inline_box .product_body {
width: calc(100% - 90px - 0.75rem);
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.product_card.inline_box .product_body .product_text {
display: flex;
flex-direction: column;
gap: 0.75rem;
flex-grow: 1;
}
.product_card .product_body .product_title {
text-align: center;
color: var(--black-203);
font-size: 0.9rem;
font-weight: 500;
text-align: right;
margin-bottom: 0;
}
.product_card.inline_box .product_body .product_price {
display: flex;
flex-direction: column;
align-items: start;
gap: 0.45rem;
}
.product_body a.btn {
background: #ededed;
border-radius: 12px;
color: #666;
font-size: 17px;
padding: 12px;
transition: 300ms;
}
.product_card.transparent:hover {
box-shadow: none;
background: #f1f1f1;
}
.white_card a.btn {
background: transparent;
padding: 0;
}
.blog-design-masonry .wd-post-content {
text-align: right;
}
.wd-post-content {
align-items: flex-start;
}
.blog-design-masonry .wd-post-excerpt {
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.icon-product img {
max-width: 80px !important;
}
.product-wrapper.icon-product {
padding-top: 40px !important;
}
.wd-product.wd-hover-zhaket .wd-product-countdown .wd-timer {
flex-wrap: nowrap;
width: 100%;
padding-top: 5px;
border-top: 1px solid var(--brdcolor-gray-300);
}
.wd-product.wd-hover-zhaket .wd-product-countdown .wd-timer>span {
flex: 1 1 0%;
min-width: 0;
}
.wd-product.wd-hover-zhaket {
--text-align: start;
--btn-height: 36px;
--wd-btn-inset: 0;
--wd-thumb-brd-radius: var(--wd-brd-radius);
--wd-trans-h: calc(var(--wd-prod-gap) + var(--btn-height));
}
.wd-product.wd-hover-zhaket .product-wrapper {
overflow: hidden;
border-radius: 0;
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
@supports (overflow: clip) {
.wd-product.wd-hover-zhaket .product-wrapper {
overflow: clip;
}
}
.wd-product.wd-hover-zhaket .product-element-top {
border-radius: var(--wd-thumb-brd-radius);
}
.wd-product.wd-hover-zhaket .product-element-bottom {
padding: var(--wd-prod-bg-cont-sp);
background-color: inherit;
}
.wd-product.wd-hover-zhaket .product-element-bottom .wd-action-btn.wd-style-icon>a {
width: 25px;
height: 25px;
}
.wd-product.wd-hover-zhaket :is(.wd-product-header, .wrap-price) {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--wd-prod-gap);
}
.wd-product.wd-hover-zhaket .wrap-price {
flex-wrap: wrap;
}
.wd-product.wd-hover-zhaket .wd-action-buttons {
display: inline-flex;
gap: var(--wd-prod-gap);
}
.wd-product.wd-hover-zhaket .wd-add-btn {
flex-grow: 1;
overflow: hidden;
}
.wd-product.wd-hover-zhaket .wd-add-btn>a {
border-radius: var(--btn-accented-brd-radius);
color: var(--btn-accented-color);
box-shadow: var(--btn-accented-box-shadow);
background-color: var(--btn-accented-bgcolor);
text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
width: 100%;
}
.wd-product.wd-hover-zhaket .wd-add-btn>a:hover {
color: var(--btn-accented-color-hover);
box-shadow: var(--btn-accented-box-shadow-hover);
background-color: var(--btn-accented-bgcolor-hover);
}
.wd-product.wd-hover-zhaket .wd-add-btn>a:active {
box-shadow: var(--btn-accented-box-shadow-active);
bottom: var(--btn-accented-bottom-active, 0);
}
.wd-product.wd-hover-zhaket .add-to-cart-loop span {
font-size: 12px;
padding: 0 14px;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
line-height: var(--btn-height);
overflow: hidden;
}
.wd-product.wd-hover-zhaket .wd-buttons {
opacity: 0.6;
visibility: visible;
transform: none;
background: none;
box-shadow: none;
}
:is(.wd-fbt, .catalog-mode-on, .login-see-prices) .wd-product.wd-hover-zhaket {
--wd-trans-h: calc(var(--wd-prod-gap) + 25px);
}
.wd-product.wd-hover-zhaket .wd-quick-shop-2 {
width: 100%;
}
.wd-product.wd-hover-zhaket .wd-quick-shop-2 table.variations {
display: inline-flex;
}
:is(.products-bordered-grid-ins,
.wd-products-with-bg:not(.products-bordered-grid),
.wd-products-with-shadow:not(.products-bordered-grid)) .wd-product.wd-hover-zhaket {
--wd-prod-bg-sp: 0;
--wd-prod-bg-cont-sp: 15px;
--wd-thumb-brd-radius: 0;
}
:is(.products-bordered-grid-ins,
.wd-products-with-bg:not(.products-bordered-grid),
.wd-products-with-shadow:not(.products-bordered-grid)) .wd-product.wd-hover-zhaket .product-wrapper {
border-radius: var(--wd-brd-radius);
gap: 0;
}
@media (min-width: 1025px) {
.wd-product.wd-hover-zhaket .product-wrapper:hover {
transform: translateY(-10px);
}
.wd-product.wd-hover-zhaket .product-element-top {
clip-path: inset(0 0 0 0 round var(--wd-thumb-brd-radius));
transition: all 0.3s ease;
}
.wd-product.wd-hover-zhaket .product-element-bottom {
margin-bottom: calc(var(--wd-trans-h) * -1);
transition: all 0.3s ease;
z-index: 2;
}
.wd-product.wd-hover-zhaket .wd-product-footer {
display: flex;
align-items: center;
gap: 15px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.wd-product.wd-hover-zhaket:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) :is(.product-element-bottom, .wd-product-grid-slider-pagin) {
transform: translateY(calc(var(--wd-trans-h) * -1));
}
.wd-product.wd-hover-zhaket:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) .wd-product-footer {
opacity: 1;
visibility: visible;
}
.wd-product.wd-hover-zhaket:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active) .product-element-top {
clip-path: inset(0 0 var(--wd-trans-h) 0 round var(--wd-thumb-brd-radius));
}
:is(.wd-carousel, .products-bordered-grid) .wd-product.wd-hover-zhaket .product-wrapper {
transform: none;
}
}
@media (max-width: 1024px) {
:is(.wd-fbt, .catalog-mode-on, .login-see-prices) .wd-product.wd-hover-zhaket .wd-product-footer {
display: none;
}
.wd-product.wd-hover-zhaket .wd-action-buttons {
display: none;
}
}
.product-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.wrap-total-sale {
display: flex;
align-items: flex-start;
gap: 4px;
}
.hooshali-discount {
background: var(--wd-primary-color);
border-radius: .5rem;
line-height: 1;
color: #fff;
font-weight: 700;
font-size: 14px;
min-width: 35px;
max-width: 35px;
min-height: 35px;
max-height: 35px;
text-align: center;
line-height: 35px;
}
del .hooshali-discount,
del .hooshali-discount * {
display: inline-flex !important;
align-items: center;
gap: 1px;
vertical-align: middle;
}
.product-flex .price del {
display: block;
margin-bottom: -6px;
}
.wd-hover-zhaket .price ins {
font-size: 22px;
}
.product-flex del .woocommerce-Price-currencySymbol {
display: none;
}
.product-flex .price ins .amount {
color: #424244 !important;
font-weight: 600;
}
.product-flex .price ins .woocommerce-Price-currencySymbol {
font-size: 13px;
}
.wd-hover-zhaket .product-labels .onsale {
display: none;
}
.wd-product.wd-hover-zhaket .star-rating {
align-self: unset !important;
}
.preview_link {
display: inline-flex;
align-items: center;
justify-content: center;
}
.preview_link .wd-btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
margin-left: 8px;
}
.preview_link .wd-btn-text {
display: inline-block;
line-height: 1;
}
q .wd-rating-review-count {
margin-top: -10px;
font-size: 13px;
font-weight: 500;
color: #787676;
}
.wd-product.wd-hover-zhaket .wd-add-btn-replace {
width: 50%;
}
.wd-product.wd-hover-zhaket .wd-product-footer .wd-action-buttons {
width: 50%;
}
.wd-product.wd-hover-zhaket .wd-product-footer a.pre-link {
width: 100%;
color: #7e899b;
background-color: #f5f5f5;
border-radius: .5rem;
height: 42px;
}
.wd-product.wd-hover-zhaket .wd-product-footer a.pre-link:hover {
width: 100%;
color: #fff;
background-color: #7e899b;
}
.wd-product.wd-hover-zhaket .wd-add-btn-replace .add-to-cart-loop {
height: 42px;
}
@media (max-width: 768px) {
.wd-hover-zhaket .wd-product-footer,
.wd-hover-zhaket .wd-product-footer {
display: none;
}
.wd-product.wd-hover-zhaket .star-rating {
display: none;
}
.wd-product.wd-hover-zhaket .wrap-total-sale {
display: none;
}
}
.wd-hover-small-icon .hooshali-discount {
position: absolute;
top: 14px;
left: 0px;
border-radius: .3rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
max-height: 23px;
line-height: 23px;
min-height: 23px;
padding: 0 10px;
max-width: unset;
min-width: unset;
}
.product-author {
display: flex;
gap: 10px;
align-items: center;
}
.author-avatar {
border-radius: 30px;
border: 2px solid var(--wd-primary-color);
}
.author-avatar img {
border-radius: 30px !important;
border: 2px solid #fff !important;
}
body.global-color-scheme-light .white_card {
background-color: var(--bgcolor-white);
}
body.global-color-scheme-light .status-user-widget ul li {
background-color: var(--bgcolor-white);
}
body.global-color-scheme-light p.text_darkgray,
body.global-color-scheme-light .card_header .title,
body.global-color-scheme-light .white_card a.btn {
color: #fff;
}
body.global-color-scheme-light .product_card.transparent:hover {
background: var(--wd-main-bgcolor);
}
.wd-product-medals {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.wd-medal-item {
position: relative;
display: inline-block;
cursor: pointer;
} .wd-medal-item::after {
content: attr(data-title);
position: absolute;
top: -37px;
left: 50%;
transform: translateX(-50%) translateY(5px); background: #222;
color: #fff;
font-size: 13px;
padding: 5px 10px;
border-radius: 5px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
z-index: 999;
transition: opacity .25s ease, transform .25s ease; }
.wd-medal-item:hover::after {
opacity: 1;
transform: translateX(-50%) translateY(0); } .wd-medal-item::before {
content: "";
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%) translateY(5px); border-width: 6px;
border-style: solid;
border-color: #222 transparent transparent transparent;
opacity: 0;
z-index: 999;
transition: opacity .25s ease, transform .25s ease; }
.wd-medal-item:hover::before {
opacity: 1;
transform: translateX(-50%) translateY(0); } .wd-medal-item::before,
.wd-medal-item::after {
opacity: 0;
transition: .25s ease;
}
.wd-medal-item:hover::before,
.wd-medal-item:hover::after {
opacity: 1;
}
.wdp-product-downloads-box {
background: #fff;
padding: 10px 20px;
border-radius: var(--wd-brd-radius);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
} .wdp-product-downloads-title {
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 10px 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
.wdp-product-downloads-title i.fal {
font-weight: 400;
color: var(--wd-primary-color);
margin-left: 10px;
} .wdp-acc-arrow {
width: 12px;
height: 12px;
border-right: 2px solid #777;
border-bottom: 2px solid #777;
transform: rotate(45deg);
transition: 0.3s;
position: absolute;
left: 0;
top: 11px;
}
.wdp-product-downloads-title.active .wdp-acc-arrow {
transform: rotate(-135deg);
} .js-wdp-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
} .wdp-product-downloads-list {
margin: 0;
padding: 0;
list-style: none;
}
h3.active ul.wdp-product-downloads-list {
margin: 15px 0;
}
.wdp-product-download-item {
margin-bottom: 12px;
}
.wdp-download-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--btn-accented-bgcolor);
padding: 10px 15px;
border-radius: 8px;
font-weight: 500;
color: #fff;
text-decoration: none;
transition: 0.25s ease;
width: 100%;
text-align: center;
justify-content: center;
}
.wdp-download-link:hover {
color: var(--btn-accented-color-hover);
box-shadow: var(--btn-accented-box-shadow-hover);
background-color: var(--btn-accented-bgcolor-hover);
}
.wd-product-teachers {
display: flex;
flex-direction: column;
gap: 14px;
}
.wd-teacher-item {
display: flex;
gap: 16px;
align-items: center;
}
.wd-teacher-item.layout-top {
flex-direction: column;
align-items: center;
text-align: center;
}
.wd-teacher-item.layout-left {
flex-direction: row;
}
.wd-teacher-item.layout-right {
flex-direction: row-reverse;
}
.wd-teacher-thumb img {
flex-shrink: 0 !important;
border: 3px solid #eee;
border-radius: 50%;
}
.wd-teacher-name a {
font-weight: 600;
text-decoration: none;
}
.wd-teacher-excerpt {
margin-top: 4px;
margin-bottom: 0;
}
.nav-scroll .item-nav i {
display: inline-flex;
vertical-align: middle;
}
.nav-scroll.vertical .item-nav {
flex-direction: row; }
.nav-scroll.horizontal .item-nav {
flex-direction: row; }
.nav-scroll .item-nav span {
display: inline-block;
vertical-align: middle;
}
.nav-scroll-wrapper {
position: relative; }
.nav-scroll {
display: flex;
flex-direction: row;
gap: 10px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .nav-scroll .item-nav {
flex: 0 0 auto;
}
@media (max-width: 768px) { .nav-scroll-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 100%;
pointer-events: none;
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
z-index: 2;
}
}
.wp-notification-header {
font-size: 18px;
padding: 15px;
background: #f7f8f9;
color: #758293;
border-radius: 8px;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.wp-notification-header-inner {
display: flex;
gap: 13px;
align-items: center;
}
.wp-notification-header-inner a.notif-back {
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 7px;
line-height: 40px;
text-align: center;
}
a.notif-back-button,
.notif-load-more {
width: 100%;
text-align: center;
display: block;
box-shadow: 0px 5px 15px 0px #494B540F;
padding: 13px;
border-radius: 12px;
border: 1px solid #e4e4e4;
background-color: #fff;
}
h2.notification-title {
margin-bottom: 0;
font-size: 17px;
}
span.notification-date {
margin-bottom: 0;
font-size: 12px;
}
.wp-notification-single {
padding: 15px;
}
a.notif-back:hover {
box-shadow: unset;
background: #fff;
}
.notif-wrap {
max-width: 627px;
margin: auto;
box-shadow: 0px 15px 25px 0px #9398a112;
padding: 20px;
border-radius: 12px;
}
ul.wp-notifications-tabs {
list-style: none;
display: flex;
gap: 10px;
padding: 10px;
justify-content: space-around;
}
ul.wp-notifications-tabs li {
width: 50%;
text-align: center;
margin-bottom: 0;
padding: 20px;
border-bottom: 2px solid #e4e4e4;
}
ul.wp-notifications-tabs li a {
color: #878f9b;
}
ul.wp-notifications-tabs li.active {
border-bottom: 2px solid var(--wd-primary-color);
font-weight: 600;
}
ul.wp-notifications-tabs li.active a {
font-weight: 600;
color: #121212;
}
ul.wp-notifications-list {
list-style: none;
padding-right: 0;
}
ul.wp-notifications-list li {
padding: 15px 20px;
background: #f7f8f9;
border-radius: 12px;
}
ul.wp-notifications-list li a {
color: #878f9b;
font-weight: 600;
}
ul.wp-notifications-list li:hover a {
color: #111;
}
#wp-notifications-content {
padding: 0px 25px;
position: relative;
}
.notification-summary {
color: #878f9b;
font-size: 13px;
margin-top: 5px;
}
.notification-count {
background-color: var(--wd-primary-color);
color: #fff;
width: 20px;
height: 20px;
display: inline-block;
border-radius: 100px;
margin-right: 4px;
}
.global-color-scheme-light ul.wp-notifications-tabs li.active a {
color: #fff;
}
.global-color-scheme-light .notif-wrap {
box-shadow: 0px 15px 25px 0px #00000012;
}
.global-color-scheme-light ul.wp-notifications-list li {
background: #202020;
}
.global-color-scheme-light ul.wp-notifications-tabs li {
border-bottom: 2px solid #2a2a2a;
}
.global-color-scheme-light ul.wp-notifications-tabs li.active {
border-bottom: 2px solid var(--wd-primary-color);
}
.global-color-scheme-light ul.wp-notifications-list li a {
color: var(--wd-link-color);
opacity: .8;
}
.global-color-scheme-light ul.wp-notifications-list li:hover a {
color: #fff;
opacity: 1;
}
.global-color-scheme-light .wp-notification-header {
background: #202020;
}
.global-color-scheme-light .wp-notification-header-inner a.notif-back {
background-color: var(--wd-main-bgcolor);
}
.global-color-scheme-light a.notif-back-button,
.global-color-scheme-light .notif-load-more {
background-color: var(--wd-main-bgcolor);
}
.global-color-scheme-light span.notification-date,
.global-color-scheme-light .notification-summary {
color: #878787;
}
.product-video-player {
border-radius: var(--wd-brd-radius);
overflow: hidden;
}
button.plyr__control {
background-color: var(--btn-bgcolor, transparent);
padding: var(--btn-padding, 5px 10px);
border-radius: var(--wd-brd-radius);
}
.video-style button.plyr__control {
color: var(--btn-color, #fff);
}
.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: var(--wd-primary-color);
background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,var(--wd-primary-color))));
color: #fff;
color: var(--plyr-video-control-color-hover,#fff);
}
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: var(--wd-primary-color);
background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,var(--wd-primary-color))));
color: #fff;
color: var(--plyr-audio-control-color-hover,#fff);
}
.plyr--full-ui input[type=range] {
color: var(--wd-primary-color);
color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,var(--wd-primary-color))));
}
.expert-profile-header .wd-product-medals {
align-items: center !important;
align-self: flex-end !important;
margin-bottom: 29px;
margin-left: 5px;
}
.teacher-comment-count {
align-items: center !important;
align-self: flex-end !important;
margin-bottom: 20px;
margin-left: 10px;
border-radius: 6px;
background: #fff;
padding: 13px 24px 12px !important;
display: flex;
color: #111;
}
.teacher-comment-count .fal {
margin-left: 8px;
display: inline-block;
color: var(--wd-primary-color);
}
.expert-profile-header .wd-medal-thumb img {
max-width: 30px;
}
@media (max-width: 768px) {
.expert-profile-header .wd-product-medals {
margin-bottom: 0px;
margin-top: 10px;
}
.teacher-comment-count {
display: none;
}
}
ul.page-numbers {
padding: 20px 10px;
margin: 0;
list-style: none;
text-align: center
}
ul.page-numbers li {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 5px;
background-color: #f0f0f1;
border-radius: 10%
}
ul.page-numbers li:first-child {
margin-left: 0
}
ul.page-numbers .page-numbers {
position: relative;
display: block;
min-width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 10%
}
ul.page-numbers .page-numbers.current,
ul.page-numbers .page-numbers:hover {
background-color: var(--wd-primary-color);
color: #fff
}
.page-numbers.studiare_wp_link_pages {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #e5e5e5;
text-align: center
}
.page-numbers.studiare_wp_link_pages > * {
display: inline-block;
min-width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background-color: #f0f0f1
}
.page-numbers.studiare_wp_link_pages > .page-number {
background-color: var(--wd-primary-color);
color: #fff;
margin: 0 5px
}
.page-numbers i.fal.fa-angle-right:before {
content: "\f104";
}
.page-numbers i.fal.fa-angle-left:before {
content: "\f105";
}