/*--------------------------------------------------------------
# Class
--------------------------------------------------------------*/

ul.nav-sub {
    padding-right: 30px;
}
ul.nav-sub li {
    list-style: none;
}
.col-md-3.class-detail-row>div>h6 {
    margin-bottom: 0;
}
.arrow{
    background:#19b296;
}
.row.reverse-col-class {
    flex: auto;
}
.col-class{
    flex: auto;
}
.col-md-5.class-detail-row>div>h6 {
    margin-bottom: 0;
}
.card
.side-left .nav .nav-sub li a {
    font-size: 20px;
    font-weight: normal;
    font-family: "IRANSansWeb-Medium";
    color: #19b296;
}
.header-accordion {
    background-color: #19b296;
    color: #fff;
    border-radius: 10px !important;
    border: 0;
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.07);
}
#class-toDo-content .header-accordion{
    background-color: #19b296;
}
#class-doing-content .header-accordion {
    background-color: #6978de;
}
#class-done-content .header-accordion {
    background-color: #a7a9ac;
}
    .header-accordion h2 a, .header-accordion h2 a:hover{
        font-size: 18px;
        color: #fff !important;
        cursor:pointer;
    }
.coach ul li{
    list-style:none;
    display:flex;
    align-items: center;
}
.single-class .coach ul li{
    display:block;
}
.coach ul li .class-coach{
    width:100px;
    height:auto;
}
.single-class .coach ul li .class-coach{
    width:100%;
    height:auto;
}
.collapse .card-body h6 {
    font-size: 18px !important;
    font-weight: bold;
    margin: 20px 0;
    display: flex;
}
.label{
     font-size: 18px !important;
   
    margin: 20px 0;
    display: inline-block!important;
}
@media (max-width:400px){
    .content-class .name-class::before {
    content: url(../image/shoe.png);
    position: relative;
    display:block;
    margin-left: 10px;
    top: 0!important;
}
}
@media (min-width: 768px){
    .coach-details{
        padding:50px;
    }
    .coachImg{
        float:left;
    }
}
@media (max-width: 768px){
    .coach-cox > a{
        display: inline-block!important;
    }
    .coachImg{
        float:unset;
    }
    .openMoreDetail {
    float: unset!important;
    }
    .status {
    float: unset!important;
}
    .col-class{
        margin-top:30px!important;
    }
    span.openMoreDetail.accordion-toggle {
    margin-top: 15px;
    display: block;
}
.row.reverse-col-class {
    margin-bottom: 25px;
}
span.class-num {
    margin-top: 15px;
    display: block;
        margin-bottom: 15px;
}
    .openMoreDetail {
    position:unset!important;
}
.row.reverse-col-class {
    display: flex;
    flex-direction: column-reverse;
        margin: auto 20px;
}
.row.col-class {
    margin: auto 20px;
}
.class-title {
   float: unset!important; 
}
.mc{
    position:unset!important;
    display:block;
}
}

.collapse .card-body .class-content p {
    font-size: 18px !important;
    font-weight: normal;
    margin: 15px 0;
    text-align: justify;
}
.collapse .card-body h6 p {
    font-size: 18px !important;
    font-weight: normal;
    text-align: justify;
}
.section-register ul li {
    list-style: none;
}
.section-register {
    text-align: center;
    margin-top: 50px;
}
.page-title.arrow-blog {
    text-align: center;
    line-height: 2;
}
.single-class .arrow-blog span:before {
    background-size: 50%;
    background-position: center top;
    height: 60px;
}
.content-class article .entry-content{
    padding: 0 0 50px 0;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,.07);
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.07);
}
.coach-name {
    text-align: center;
    margin-top: 10px;
}
.name-class,.capacity-daysaweek,.classStartFrom , .location,.numberOfMeetings,.duration{
    margin-bottom: 1.5rem;
}
.content-class .name-class::before {
    content: url(../image/shoe.png);
    position: relative;
    top: 20px;
    margin-left: 10px;
}
#about-content p{
    text-align: justify;
}
.header-accordion .startclass {
    float: left;
    margin-top: 5px;
}
.accordion .card {
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px !important;
    box-shadow: none;

}
hr {
        margin-top: -1rem;
    margin-bottom: -1rem;
}
.hide{
	display:none;
}
.status{
    float: left;
    font-weight: 300;
}
.openMoreDetail{
    float: left;
    margin-top:10px;
}
.class-title{
    float:right;
}
.mb-0{
        position:relative;
}
.class-detail-row > div >h6{
    display:inline-block;
}
.classCard{
        display: flex;
    flex-flow: column;
        border-bottom: solid 1px #0000002b;
    margin-bottom: 35px;
    padding:0 50px;
}
.cardClassHead>span {
    font-size: 18px;
    font-weight: 400;
}
.mobile-card{
    display:none!important;
}
.text-justify{
	text-align:justify;
}
.col-md-5.class-detail-row>div {
    margin-top: 15px!important;
}
  .accordion-toggle {cursor: pointer;}
  .accordion-content {
      opacity: 0;
      height: 0;
      transition: opacity 1s ease;
         position: fixed;
  }
  .default {display: block!important;
  position: unset!important;
          opacity: 1;
    height: auto;
  }
  
  .coachImg{
          border-radius: 50%;
    border: 2px solid #19b296;
    padding: 20px;
    width: 250px;
    height: 250px;
  }
  .class-در.حال.ثبت.نام {
    color: #6979df;
}
.class-تکمیل.ظرفیت {
    color: red;
}
.openMoreDetail {
    color: #12b397;
    font-weight: 600;
}
.coachName{
    color: #12b397;
    font-weight: 300
}
.coachRole{
    color:black;
    font-weight: 300
}
/*
.coachTitle::before {
    content: url(../image/shoe.png);
    position: relative;
    top: 20px;
    margin-right: 10px;
    
}
*/
.coachTitle {
    
    margin: 0px;

}
.wp-class-content{
    padding:25px 0;
    margin: 30px 0;
        font-weight: 300;
}
.cardBody {
    padding:0 0 20px 0;
}

div#class-content {
    padding: 0 35px;
}
.classes-تکمیل.ظرفیت {
    background: #cccccc;
    border: unset;
    cursor: not-allowed;
        pointer-events: none;
}
.classes-تکمیل.ظرفیت:hover{
    background: #cccccc!important;
    border: unset;
    cursor: not-allowed;
}
.hide-cost{
   visibility:hidden!important;
}
span.class-num {
    font-weight: 600;
}
.col-md-5.class-detail-row {
    font-weight: 600;
}
.cardBody > .row > strong{
    margin:0 auto;
}

/****classonline***/
/*--------------------------------------------------------------
# classonline
--------------------------------------------------------------*/

.col-md-5.classonline-detail-row>div>h6 {
    margin-bottom: 0;
}


@media (max-width:400px){
    .content-classonline .name-classonline::before {
    content: url(../image/shoe.png);
    position: relative;
    display:block;
    margin-left: 10px;
    top: 0!important;
}
}


    .col-classonline{
        margin-top:30px!important;
    }
    span.openMoreDetail.accordion-toggle {
    margin-top: 15px;
    display: block;
}
.row.reverse-col-classonline {
    margin-bottom: 25px;
}
span.classonline-num {
    margin-top: 15px;
    display: block;
        margin-bottom: 15px;
}
    .openMoreDetail {
    position:unset!important;
}
.row.reverse-col-classonline {
    display: flex;
    flex-direction: column-reverse;
        margin: auto 20px;
}
.row.col-classonline {
    margin: auto 20px;
}
.class-title {
   float: unset!important; 
   color:#6978de;
}
.mc{
    position:unset!important;
    display:block;
}


.collapse .card-body .classonline-content p {
    font-size: 18px !important;
    font-weight: normal;
    margin: 15px 0;
    text-align: justify;
}


.single-classonline .arrow-blog span:before {
    background-size: 50%;
    background-position: center top;
    height: 60px;
}
.content-classonline article .entry-content{
    padding: 0 0 50px 0;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,.07);
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.07);
}

.name-classonline,.capacity-daysaweek,.classonlineStartFrom , .location,.numberOfMeetings,.duration{
    margin-bottom: 1.5rem;
}
.content-classonline .name-classonline::before {
    content: url(../image/shoe.png);
    position: relative;
    top: 20px;
    margin-left: 10px;
}
#about-content p{
    text-align: justify;
}
.header-accordion .startclassonline {
    float: left;
    margin-top: 5px;
}
.accordion .card {
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px !important;
    box-shadow: none;

}
hr {
        margin-top: -1rem;
    margin-bottom: -1rem;
}
.hide{
	display:none;
}
.status{
    float: left;
    font-weight: 300;
}
.openMoreDetail{
    float: left;
    margin-top:10px;
}
.classonline-title{
    float:right;
}
.mb-0{
        position:relative;
}
.classonline-detail-row > div >h6{
    display:inline-block;
}
.classonlineCard{
        display: flex;
    flex-flow: column;
        border-bottom: solid 1px #0000002b;
    margin-bottom: 35px;
    padding:0 50px;
}
.cardclassonlineHead>span {
    font-size: 18px;
    font-weight: 400;
}
.mobile-card{
    display:none!important;
}
.text-justify{
	text-align:justify;
}
.col-md-5.classonline-detail-row>div {
    margin-top: 15px!important;
}
  .accordion-toggle {cursor: pointer;}
  .accordion-content {
      opacity: 0;
      height: 0;
      transition: opacity 1s ease;
         position: fixed;
  }
  .default {display: block!important;
  position: unset!important;
          opacity: 1;
    height: auto;
  }
  
  .coachImg{
          border-radius: 50%;
    border: 2px solid #19b296;
    padding: 20px;
    width: 250px;
    height: 250px;
  }
  .classonline-در.حال.ثبت.نام {
    color: #6979df;
}
.classonline-تکمیل.ظرفیت {
    color: red;
}

.wp-classonline-content{
    padding:25px 0;
    margin: 30px 0;
        font-weight: 300;
}
.cardBody {
    padding:0 0 20px 0;
}
.col-md-6.classonline-intro-img>img {
    border-radius: 8px;
}

.col-md-6.classonline-intro-img {
    padding: 45px;
}
div#classonline-content {
    padding: 0 35px;
}

span.classonline-num {
    font-weight: 300;
}
.col-md-5.classonline-detail-row {
    font-weight: 300;
}


.accordionclassonline {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  margin-bottom: 10px !important;
  border: none;
  text-align: right;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.activeclassonline, .accordionclassonline:hover {
  background-color: #ccc; 
}

.panelclassonline {
  padding: 10px 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  margin: 10px 0;
 
}

button.accordionclassonline   {
    background-color: #6c79e0 !important;
    border-color: #6c79e0 !important;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 5px;
    
}
button.accordionclassonline:before {
    content: '\f140';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    transform: rotate(1);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}


.titlrEN h6{
    text-align: left;
    font-weight: bold;

}
.titlrFa h6{
    font-weight: bold;
}

.wp-class-content h6{
    margin-top: 25px;
}
div.about-classes
{
    text-align: justify;
    padding: 20px 50px;
    line-height: 35px;
}

div.about-classes ul
{
   
    padding: 0px 15px;
  
}
.col-md-6.class-intro-img>img {
    border-radius: 8px;
    text-align:center;
}

.col-md-6.class-intro-img {
    padding: 10px 45px;
    text-align:center;
}

div.about-classkid
{
    text-align: justify;
    padding: 20px 50px;
    line-height: 35px;
}
div.about-classkid ul
{
   
    padding: 0px 15px;
  
}
/* Added By MOH3EN */
.classeskid-تکمیل {
        background: #cccccc;
    border: unset;
    cursor: not-allowed;
        pointer-events: none;
}
.classeskid-تکمیل:hover{
    background: #cccccc!important;
    border: unset;
    cursor: not-allowed;
}

.translatepress-en_US footer .content .contact i:before {
    color: #6978de;
    padding-left: unset;
    padding-right:10px;
}

/* event.css */
.post-type-archive-event .card-title, .page-template-archive-Match .card-title{
    font-size: 16px!important;
    min-height: 50px;
}
.archive-event .item-box .card, .archive-match .item-box .card {
    padding: 20px 15px 10px 15px;
    height: 260px;
}
.post-type-archive-event .card-body, .post-type-archive-Match .card-body {
    padding: 1rem;
}
.variations_form > .out-of-stock {
    color: red !important;
    margin-top: 10px;
}
.woocommerce div.product .out-of-stock {
    color: red !important;
}
.woocommerce table.shop_attributes {
    display: unset;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.sort-part .gridlist-toggle a.active {
    background-color: #009688;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 28.75%;
}
@media only screen and (max-width: 768px) and (min-width: 400px) {
    .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: 47.75%;
}
}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
    width: 20.72%;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    max-height: 490px;
}

.classes-برگزار.شده {
    background: #cccccc;
    border: unset;
    cursor: not-allowed;
        pointer-events: none;
}


.classes-برگزار.شده :hover{
    background: #cccccc;
    border: unset;
    cursor: not-allowed;
        pointer-events: none;
}
.class-برگزار.شده{
    color:red
}
.class-درحال.اجرا{
    color: #6979df;
}


.comments-classes{
    box-shadow: 0 0px 10px rgb(170 166 166 / 50%);
    padding: 10px;
    border-radius: 5px;
}

details div > * + * {
	margin-top: 1.5em;
}

details + details {
	margin-top: .5rem;
}

summary {
	list-style: none;
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	padding: .75em 1em;
	cursor: pointer;
	position: relative;
	padding-left: calc(1.75rem + .75rem + .75rem);
}

summary:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.7rem;
    content: '\f543';
	font-family: dashicons;
    width: 35px;
    height: 35px;
    color: #6978de;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 22px;
	transition: all 1s;
	    
	}

summary span.title {
    color: #aaa;
    font-size: 18px;
    font-weight: bold;
}
 details[open] summary:before {
    content: '\f460';
    font-family: dashicons;
    transition: all 1s;
	transform: translateY(-50%) rotate(180deg);
}
.comments-classes textarea {
    overflow: auto;
    resize: vertical;
    background-color: #efefef;
    color: #000000;
    padding: 10px;
    width: 100%;
}
.comments-classes input#submit {
    background-color: #ffc107;
    border-color: #ffc107;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
min-width: 220px;
}

.comments-classes p.form-submit {
    text-align: center;
}
.comments-classes .comments-title, .comments-classes .comment-metadata,.comments-classes  .comment-form-url  {
    display: none;
}
.comments-classes .comment-author.vcard {
    color: #19b296;
}
.comments-classes li::marker {
    color: #19b296;
}
.comments-classes  .comment-content p {
    margin-bottom: 10px;
}

.comments-classes  .comment-form-email {
  display: inline-block;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
}
ol.commentlist {
    list-style: none !important;
	margin-right: 0;
    padding-right: 0;
}