@supports (--css:variables) {
:root {
--primary_color: #1ec0ff;
--secondary_color: #56d47e;
--third_color: #ffd338;
--4th_color: #1ec0ff;
}
}
.clearfix:before,
.clearfix:after,
.yolo-container:before,
.yolo-container:after,
.yolo-container-fluid:before,
.yolo-container-fluid:after,
.yolo-row:before,
.yolo-row:after {
content: " ";
display: table;
}
.clearfix:after,
.yolo-container:after,
.yolo-container-fluid:after,
.yolo-row:after {
clear: both;
}
.yolo-flex {
display: flex !important;
}
.yolo-flex.-wrap {
flex-wrap: wrap !important;
}
.yolo-flex.-col {
flex-direction: column !important;
}
.yolo-flex.-around {
justify-content: space-around !important;
}
.yolo-flex.-between {
justify-content: space-between !important;
}
.yolo-flex.-evenly {
justify-content: space-evenly !important;
}
.yolo-flex.-center {
justify-content: center !important;
}
.yolo-flex.-end {
justify-content: flex-end !important;
}
.yolo-flex .fb-1,
.yolo-flex .fb-2,
.yolo-flex .fb-3,
.yolo-flex .fb-4,
.yolo-flex .fb-5,
.yolo-flex .fb-6,
.yolo-flex .fb-7,
.yolo-flex .fb-8,
.yolo-flex .fb-9,
.yolo-flex .fb-10,
.yolo-flex .fb-11,
.yolo-flex .fb-12 {
width: 100%;
}
.yolo-flex .fb-1 {
flex-basis: calc(100% / 12 * 1);
}
.yolo-flex .fb-2 {
flex-basis: calc(100% / 12 * 2);
}
.yolo-flex .fb-3 {
flex-basis: calc(100% / 12 * 3);
}
.yolo-flex .fb-4 {
flex-basis: calc(100% / 12 * 4);
}
.yolo-flex .fb-5 {
flex-basis: calc(100% / 12 * 5);
}
.yolo-flex .fb-6 {
flex-basis: calc(100% / 12 * 6);
}
.yolo-flex .fb-7 {
flex-basis: calc(100% / 12 * 7);
}
@media (max-width: 1024px) {
.yolo-flex .fb-7 {
flex-basis: calc(100%/12 * 8);
}
}
.yolo-flex .fb-8 {
flex-basis: calc(100% / 12 * 8);
}
.yolo-flex .fb-9 {
flex-basis: calc(100% / 12 * 9);
}
.yolo-flex .fb-10 {
flex-basis: calc(100% / 12 * 10);
}
.yolo-flex .fb-11 {
flex-basis: calc(100% / 12 * 11);
}
.yolo-flex .fb-12 {
flex-basis: calc(100% / 12 * 12);
}
.yolo-col,
.yolo-col-1,
.yolo-col-10,
.yolo-col-11,
.yolo-col-12,
.yolo-col-2,
.yolo-col-3,
.yolo-col-4,
.yolo-col-5,
.yolo-col-6,
.yolo-col-7,
.yolo-col-8,
.yolo-col-9,
.yolo-col-auto,
.yolo-col-lg,
.yolo-col-lg-1,
.yolo-col-lg-10,
.yolo-col-lg-11,
.yolo-col-lg-12,
.yolo-col-lg-2,
.yolo-col-lg-3,
.yolo-col-lg-4,
.yolo-col-lg-5,
.yolo-col-lg-6,
.yolo-col-lg-7,
.yolo-col-lg-8,
.yolo-col-lg-9,
.yolo-col-lg-auto,
.yolo-col-md,
.yolo-col-md-1,
.yolo-col-md-10,
.yolo-col-md-11,
.yolo-col-md-12,
.yolo-col-md-2,
.yolo-col-md-3,
.yolo-col-md-4,
.yolo-col-md-5,
.yolo-col-md-6,
.yolo-col-md-7,
.yolo-col-md-8,
.yolo-col-md-9,
.yolo-col-md-auto,
.yolo-col-sm,
.yolo-col-sm-1,
.yolo-col-sm-10,
.yolo-col-sm-11,
.yolo-col-sm-12,
.yolo-col-sm-2,
.yolo-col-sm-3,
.yolo-col-sm-4,
.yolo-col-sm-5,
.yolo-col-sm-6,
.yolo-col-sm-7,
.yolo-col-sm-8,
.yolo-col-sm-9,
.yolo-col-sm-auto,
.yolo-col-xl,
.yolo-col-xl-1,
.yolo-col-xl-10,
.yolo-col-xl-11,
.yolo-col-xl-12,
.yolo-col-xl-2,
.yolo-col-xl-3,
.yolo-col-xl-4,
.yolo-col-xl-5,
.yolo-col-xl-6,
.yolo-col-xl-7,
.yolo-col-xl-8,
.yolo-col-xl-9,
.yolo-col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.yolo-col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.yolo-col-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.yolo-col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.yolo-col-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.yolo-col-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.yolo-col-6 {
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 560px) {
.yolo-col-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-col-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.yolo-col-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.yolo-col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.yolo-col-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.yolo-col-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.yolo-col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.yolo-col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.yolo-col-sm-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.yolo-col-sm-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.yolo-col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.yolo-col-sm-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.yolo-col-sm-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.yolo-col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.yolo-col-sm-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.yolo-col-sm-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.yolo-col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.yolo-col-sm-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.yolo-col-sm-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.yolo-col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.yolo-col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.yolo-col-md-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.yolo-col-md-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.yolo-col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.yolo-col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.yolo-col-md-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.yolo-col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.yolo-col-md-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.yolo-col-md-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.yolo-col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.yolo-col-md-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.yolo-col-md-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.yolo-col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.yolo-col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.yolo-col-lg-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.yolo-col-lg-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.yolo-col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.yolo-col-lg-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.yolo-col-lg-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.yolo-col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.yolo-col-lg-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.yolo-col-lg-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.yolo-col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.yolo-col-lg-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.yolo-col-lg-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.yolo-col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.yolo-col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.yolo-col-xl-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.yolo-col-xl-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.yolo-col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.yolo-col-xl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.yolo-col-xl-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.yolo-col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.yolo-col-xl-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.yolo-col-xl-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.yolo-col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.yolo-col-xl-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.yolo-col-xl-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.yolo-col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.yolo-desktop-1 .content-item {
width: 100%;
}
.yolo-desktop-2 .content-item {
width: 50%;
}
.yolo-desktop-3 .content-item {
width: 33.333%;
}
.yolo-desktop-4 .content-item {
width: 25%;
}
.yolo-desktop-5 .content-item {
width: 20%;
}
.yolo-desktop-6 .content-item {
width: 16.6666%;
}
@media (max-width: 992px) {
.yolo-tablet-1 .content-item {
width: 100%;
}
.yolo-tablet-2 .content-item {
width: 50%;
}
.yolo-tablet-3 .content-item {
width: 33.333%;
}
.yolo-tablet-4 .content-item {
width: 25%;
}
.yolo-tablet-5 .content-item {
width: 20%;
}
.yolo-tablet-5 .content-item {
width: 16.666%;
}
}
@media (max-width: 767px) {
.yolo-mobile-1 .content-item {
width: 50%;
}
.yolo-mobile-2 .content-item {
width: 50%;
}
.yolo-mobile-3 .content-item {
width: 33.333%;
}
.yolo-mobile-4 .content-item {
width: 25%;
}
.yolo-mobile-5 .content-item {
width: 20%;
}
.yolo-tablet-6 .content-item {
width: 16.666%;
}
}
@media (max-width: 769px) {
.yolo-tablet-1 .content-item {
width: 100%!important;
}
.yolo-tablet-2 .content-item {
width: 50%!important;
}
.yolo-tablet-3 .content-item {
width: 33.33% !important;
}
.yolo-tablet-4 .content-item {
width: 25%!important;
}
}
@media (max-width: 480px) {
.yolo-mobile-1 .content-item {
width: 100%!important;
}
.yolo-mobile-2 .content-item {
width: 50%!important;
}
}
.yolo-container {
margin-right: auto;
margin-left: auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.yolo-container {
max-width: 750px;
width: 100%;
}
}
@media (min-width: 992px) {
.yolo-container {
max-width: 970px;
width: 100%;
}
}
@media (min-width: 1200px) {
.yolo-container {
max-width: 1200px;
width: 100%;
}
}
.yolo-container-fluid {
margin-right: auto;
margin-left: auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.yolo-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.yolo-xs-1,
.yolo-sm-1,
.yolo-md-1,
.yolo-lg-1,
.yolo-xs-2,
.yolo-sm-2,
.yolo-md-2,
.yolo-lg-2,
.yolo-xs-3,
.yolo-sm-3,
.yolo-md-3,
.yolo-lg-3,
.yolo-xs-4,
.yolo-sm-4,
.yolo-md-4,
.yolo-lg-4,
.yolo-xs-5,
.yolo-sm-5,
.yolo-md-5,
.yolo-lg-5,
.yolo-xs-6,
.yolo-sm-6,
.yolo-md-6,
.yolo-lg-6,
.yolo-xs-7,
.yolo-sm-7,
.yolo-md-7,
.yolo-lg-7,
.yolo-xs-8,
.yolo-sm-8,
.yolo-md-8,
.yolo-lg-8,
.yolo-xs-9,
.yolo-sm-9,
.yolo-md-9,
.yolo-lg-9,
.yolo-xs-10,
.yolo-sm-10,
.yolo-md-10,
.yolo-lg-10,
.yolo-xs-11,
.yolo-sm-11,
.yolo-md-11,
.yolo-lg-11,
.yolo-xs-12,
.yolo-sm-12,
.yolo-md-12,
.yolo-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.yolo-xs-1,
.yolo-xs-2,
.yolo-xs-3,
.yolo-xs-4,
.yolo-xs-5,
.yolo-xs-6,
.yolo-xs-7,
.yolo-xs-8,
.yolo-xs-9,
.yolo-xs-10,
.yolo-xs-11,
.yolo-xs-12 {
float: left;
}
.yolo-xs-12 {
width: 100%;
}
.yolo-xs-11 {
width: 91.66666667%;
}
.yolo-xs-10 {
width: 83.33333333%;
}
.yolo-xs-9 {
width: 75%;
}
.yolo-xs-8 {
width: 66.66666667%;
}
.yolo-xs-7 {
width: 58.33333333%;
}
.yolo-xs-6 {
width: 50%;
}
.yolo-xs-5 {
width: 41.66666667%;
}
.yolo-xs-4 {
width: 33.33333333%;
}
.yolo-xs-3 {
width: 25%;
}
.yolo-xs-2 {
width: 16.66666667%;
}
.yolo-xs-1 {
width: 8.33333333%;
}
.yolo-xs-pull-12 {
right: 100%;
}
.yolo-xs-pull-11 {
right: 91.66666667%;
}
.yolo-xs-pull-10 {
right: 83.33333333%;
}
.yolo-xs-pull-9 {
right: 75%;
}
.yolo-xs-pull-8 {
right: 66.66666667%;
}
.yolo-xs-pull-7 {
right: 58.33333333%;
}
.yolo-xs-pull-6 {
right: 50%;
}
.yolo-xs-pull-5 {
right: 41.66666667%;
}
.yolo-xs-pull-4 {
right: 33.33333333%;
}
.yolo-xs-pull-3 {
right: 25%;
}
.yolo-xs-pull-2 {
right: 16.66666667%;
}
.yolo-xs-pull-1 {
right: 8.33333333%;
}
.yolo-xs-pull-0 {
right: auto;
}
.yolo-xs-push-12 {
left: 100%;
}
.yolo-xs-push-11 {
left: 91.66666667%;
}
.yolo-xs-push-10 {
left: 83.33333333%;
}
.yolo-xs-push-9 {
left: 75%;
}
.yolo-xs-push-8 {
left: 66.66666667%;
}
.yolo-xs-push-7 {
left: 58.33333333%;
}
.yolo-xs-push-6 {
left: 50%;
}
.yolo-xs-push-5 {
left: 41.66666667%;
}
.yolo-xs-push-4 {
left: 33.33333333%;
}
.yolo-xs-push-3 {
left: 25%;
}
.yolo-xs-push-2 {
left: 16.66666667%;
}
.yolo-xs-push-1 {
left: 8.33333333%;
}
.yolo-xs-push-0 {
left: auto;
}
.yolo-xs-offset-12 {
margin-left: 100%;
}
.yolo-xs-offset-11 {
margin-left: 91.66666667%;
}
.yolo-xs-offset-10 {
margin-left: 83.33333333%;
}
.yolo-xs-offset-9 {
margin-left: 75%;
}
.yolo-xs-offset-8 {
margin-left: 66.66666667%;
}
.yolo-xs-offset-7 {
margin-left: 58.33333333%;
}
.yolo-xs-offset-6 {
margin-left: 50%;
}
.yolo-xs-offset-5 {
margin-left: 41.66666667%;
}
.yolo-xs-offset-4 {
margin-left: 33.33333333%;
}
.yolo-xs-offset-3 {
margin-left: 25%;
}
.yolo-xs-offset-2 {
margin-left: 16.66666667%;
}
.yolo-xs-offset-1 {
margin-left: 8.33333333%;
}
.yolo-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.yolo-sm-1,
.yolo-sm-2,
.yolo-sm-3,
.yolo-sm-4,
.yolo-sm-5,
.yolo-sm-6,
.yolo-sm-7,
.yolo-sm-8,
.yolo-sm-9,
.yolo-sm-10,
.yolo-sm-11,
.yolo-sm-12 {
float: left;
}
.yolo-sm-12 {
width: 100%;
}
.yolo-sm-11 {
width: 91.66666667%;
}
.yolo-sm-10 {
width: 83.33333333%;
}
.yolo-sm-9 {
width: 75%;
}
.yolo-sm-8 {
width: 66.66666667%;
}
.yolo-sm-7 {
width: 58.33333333%;
}
.yolo-sm-6 {
width: 50%;
}
.yolo-sm-5 {
width: 41.66666667%;
}
.yolo-sm-4 {
width: 33.33333333%;
}
.yolo-sm-3 {
width: 25%;
}
.yolo-sm-2 {
width: 16.66666667%;
}
.yolo-sm-1 {
width: 8.33333333%;
}
.yolo-sm-pull-12 {
right: 100%;
}
.yolo-sm-pull-11 {
right: 91.66666667%;
}
.yolo-sm-pull-10 {
right: 83.33333333%;
}
.yolo-sm-pull-9 {
right: 75%;
}
.yolo-sm-pull-8 {
right: 66.66666667%;
}
.yolo-sm-pull-7 {
right: 58.33333333%;
}
.yolo-sm-pull-6 {
right: 50%;
}
.yolo-sm-pull-5 {
right: 41.66666667%;
}
.yolo-sm-pull-4 {
right: 33.33333333%;
}
.yolo-sm-pull-3 {
right: 25%;
}
.yolo-sm-pull-2 {
right: 16.66666667%;
}
.yolo-sm-pull-1 {
right: 8.33333333%;
}
.yolo-sm-pull-0 {
right: auto;
}
.yolo-sm-push-12 {
left: 100%;
}
.yolo-sm-push-11 {
left: 91.66666667%;
}
.yolo-sm-push-10 {
left: 83.33333333%;
}
.yolo-sm-push-9 {
left: 75%;
}
.yolo-sm-push-8 {
left: 66.66666667%;
}
.yolo-sm-push-7 {
left: 58.33333333%;
}
.yolo-sm-push-6 {
left: 50%;
}
.yolo-sm-push-5 {
left: 41.66666667%;
}
.yolo-sm-push-4 {
left: 33.33333333%;
}
.yolo-sm-push-3 {
left: 25%;
}
.yolo-sm-push-2 {
left: 16.66666667%;
}
.yolo-sm-push-1 {
left: 8.33333333%;
}
.yolo-sm-push-0 {
left: auto;
}
.yolo-sm-offset-12 {
margin-left: 100%;
}
.yolo-sm-offset-11 {
margin-left: 91.66666667%;
}
.yolo-sm-offset-10 {
margin-left: 83.33333333%;
}
.yolo-sm-offset-9 {
margin-left: 75%;
}
.yolo-sm-offset-8 {
margin-left: 66.66666667%;
}
.yolo-sm-offset-7 {
margin-left: 58.33333333%;
}
.yolo-sm-offset-6 {
margin-left: 50%;
}
.yolo-sm-offset-5 {
margin-left: 41.66666667%;
}
.yolo-sm-offset-4 {
margin-left: 33.33333333%;
}
.yolo-sm-offset-3 {
margin-left: 25%;
}
.yolo-sm-offset-2 {
margin-left: 16.66666667%;
}
.yolo-sm-offset-1 {
margin-left: 8.33333333%;
}
.yolo-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.yolo-md-1,
.yolo-md-2,
.yolo-md-3,
.yolo-md-4,
.yolo-md-5,
.yolo-md-6,
.yolo-md-7,
.yolo-md-8,
.yolo-md-9,
.yolo-md-10,
.yolo-md-11,
.yolo-md-12 {
float: left;
}
.yolo-md-12 {
width: 100%;
}
.yolo-md-11 {
width: 91.66666667%;
}
.yolo-md-10 {
width: 83.33333333%;
}
.yolo-md-9 {
width: 75%;
}
.yolo-md-8 {
width: 66.66666667%;
}
.yolo-md-7 {
width: 58.33333333%;
}
.yolo-md-6 {
width: 50%;
}
.yolo-md-5 {
width: 41.66666667%;
}
.yolo-md-4 {
width: 33.33333333%;
}
.yolo-md-3 {
width: 25%;
}
.yolo-md-2 {
width: 16.66666667%;
}
.yolo-md-1 {
width: 8.33333333%;
}
.yolo-md-pull-12 {
right: 100%;
}
.yolo-md-pull-11 {
right: 91.66666667%;
}
.yolo-md-pull-10 {
right: 83.33333333%;
}
.yolo-md-pull-9 {
right: 75%;
}
.yolo-md-pull-8 {
right: 66.66666667%;
}
.yolo-md-pull-7 {
right: 58.33333333%;
}
.yolo-md-pull-6 {
right: 50%;
}
.yolo-md-pull-5 {
right: 41.66666667%;
}
.yolo-md-pull-4 {
right: 33.33333333%;
}
.yolo-md-pull-3 {
right: 25%;
}
.yolo-md-pull-2 {
right: 16.66666667%;
}
.yolo-md-pull-1 {
right: 8.33333333%;
}
.yolo-md-pull-0 {
right: auto;
}
.yolo-md-push-12 {
left: 100%;
}
.yolo-md-push-11 {
left: 91.66666667%;
}
.yolo-md-push-10 {
left: 83.33333333%;
}
.yolo-md-push-9 {
left: 75%;
}
.yolo-md-push-8 {
left: 66.66666667%;
}
.yolo-md-push-7 {
left: 58.33333333%;
}
.yolo-md-push-6 {
left: 50%;
}
.yolo-md-push-5 {
left: 41.66666667%;
}
.yolo-md-push-4 {
left: 33.33333333%;
}
.yolo-md-push-3 {
left: 25%;
}
.yolo-md-push-2 {
left: 16.66666667%;
}
.yolo-md-push-1 {
left: 8.33333333%;
}
.yolo-md-push-0 {
left: auto;
}
.yolo-md-offset-12 {
margin-left: 100%;
}
.yolo-md-offset-11 {
margin-left: 91.66666667%;
}
.yolo-md-offset-10 {
margin-left: 83.33333333%;
}
.yolo-md-offset-9 {
margin-left: 75%;
}
.yolo-md-offset-8 {
margin-left: 66.66666667%;
}
.yolo-md-offset-7 {
margin-left: 58.33333333%;
}
.yolo-md-offset-6 {
margin-left: 50%;
}
.yolo-md-offset-5 {
margin-left: 41.66666667%;
}
.yolo-md-offset-4 {
margin-left: 33.33333333%;
}
.yolo-md-offset-3 {
margin-left: 25%;
}
.yolo-md-offset-2 {
margin-left: 16.66666667%;
}
.yolo-md-offset-1 {
margin-left: 8.33333333%;
}
.yolo-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.yolo-lg-1,
.yolo-lg-2,
.yolo-lg-3,
.yolo-lg-4,
.yolo-lg-5,
.yolo-lg-6,
.yolo-lg-7,
.yolo-lg-8,
.yolo-lg-9,
.yolo-lg-10,
.yolo-lg-11,
.yolo-lg-12 {
float: left;
}
.yolo-lg-12 {
width: 100%;
}
.yolo-lg-11 {
width: 91.66666667%;
}
.yolo-lg-10 {
width: 83.33333333%;
}
.yolo-lg-9 {
width: 75%;
}
.yolo-lg-8 {
width: 66.66666667%;
}
.yolo-lg-7 {
width: 58.33333333%;
}
.yolo-lg-6 {
width: 50%;
}
.yolo-lg-5 {
width: 41.66666667%;
}
.yolo-lg-4 {
width: 33.33333333%;
}
.yolo-lg-3 {
width: 25%;
}
.yolo-lg-2 {
width: 16.66666667%;
}
.yolo-lg-1 {
width: 8.33333333%;
}
.yolo-lg-pull-12 {
right: 100%;
}
.yolo-lg-pull-11 {
right: 91.66666667%;
}
.yolo-lg-pull-10 {
right: 83.33333333%;
}
.yolo-lg-pull-9 {
right: 75%;
}
.yolo-lg-pull-8 {
right: 66.66666667%;
}
.yolo-lg-pull-7 {
right: 58.33333333%;
}
.yolo-lg-pull-6 {
right: 50%;
}
.yolo-lg-pull-5 {
right: 41.66666667%;
}
.yolo-lg-pull-4 {
right: 33.33333333%;
}
.yolo-lg-pull-3 {
right: 25%;
}
.yolo-lg-pull-2 {
right: 16.66666667%;
}
.yolo-lg-pull-1 {
right: 8.33333333%;
}
.yolo-lg-pull-0 {
right: auto;
}
.yolo-lg-push-12 {
left: 100%;
}
.yolo-lg-push-11 {
left: 91.66666667%;
}
.yolo-lg-push-10 {
left: 83.33333333%;
}
.yolo-lg-push-9 {
left: 75%;
}
.yolo-lg-push-8 {
left: 66.66666667%;
}
.yolo-lg-push-7 {
left: 58.33333333%;
}
.yolo-lg-push-6 {
left: 50%;
}
.yolo-lg-push-5 {
left: 41.66666667%;
}
.yolo-lg-push-4 {
left: 33.33333333%;
}
.yolo-lg-push-3 {
left: 25%;
}
.yolo-lg-push-2 {
left: 16.66666667%;
}
.yolo-lg-push-1 {
left: 8.33333333%;
}
.yolo-lg-push-0 {
left: auto;
}
.yolo-lg-offset-12 {
margin-left: 100%;
}
.yolo-lg-offset-11 {
margin-left: 91.66666667%;
}
.yolo-lg-offset-10 {
margin-left: 83.33333333%;
}
.yolo-lg-offset-9 {
margin-left: 75%;
}
.yolo-lg-offset-8 {
margin-left: 66.66666667%;
}
.yolo-lg-offset-7 {
margin-left: 58.33333333%;
}
.yolo-lg-offset-6 {
margin-left: 50%;
}
.yolo-lg-offset-5 {
margin-left: 41.66666667%;
}
.yolo-lg-offset-4 {
margin-left: 33.33333333%;
}
.yolo-lg-offset-3 {
margin-left: 25%;
}
.yolo-lg-offset-2 {
margin-left: 16.66666667%;
}
.yolo-lg-offset-1 {
margin-left: 8.33333333%;
}
.yolo-lg-offset-0 {
margin-left: 0%;
}
}
.yolo-data-slider {
position: relative;
}
.yolo-data-slider .yolo-slider-nav .nesv__prev,
.yolo-data-slider .yolo-slider-nav .nesv__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 48px;
color: var(--text_color_fade_60);
opacity: 0;
transition: all ease-in-out 0.3s;
transition-delay: 0.2s;
z-index: 99;
}
.yolo-data-slider .yolo-slider-nav .nesv__prev {
left: -50px;
}
.yolo-data-slider .yolo-slider-nav .nesv__prev:hover {
color: var(--primary_color);
}
.yolo-data-slider .yolo-slider-nav .nesv__next {
right: -50px;
}
.yolo-data-slider .yolo-slider-nav .nesv__next:hover {
color: var(--primary_color);
}
.yolo-data-slider:hover .nesv__prev {
left: -35px;
opacity: 1;
}
.yolo-data-slider:hover .nesv__next {
right: -35px;
opacity: 1;
}
.owl-carousel article.trainer-item-wrap .trainer-item {
box-shadow: 0 5px 20px rgba(229, 229, 229, 0.8);
}
.owl-carousel .owl-item .loop-item-company img {
display: inline-block;
max-width: 100px;
}
.owl-carousel .owl-dots {
text-align: center;
margin-top: 15px;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
outline: 0;
border: none;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
background-color: #2f9ecc;
}
.owl-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background-color: #ccc;
border-radius: 50%;
display: block;
}
.owl-carousel div.owl-nav {
text-align: center;
}
.owl-carousel div.owl-nav button.owl-prev,
.owl-carousel div.owl-nav button.owl-next {
height: 35px;
display: inline-block;
width: 35px;
outline: none;
transition: all 0.3s ease-in-out;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 35%;
}
.owl-carousel div.owl-nav button.owl-prev:hover,
.owl-carousel div.owl-nav button.owl-next:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
color: #fff;
}
.owl-carousel div.owl-nav button.owl-prev {
left: 0;
}
.owl-carousel div.owl-nav button.owl-next {
right: 0;
}
.yolo-row a,
.yolo-row a:hover,
.yolo-row a.active {
color: inherit;
text-decoration: none;
outline: none;
}
.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
padding: 8px 12px;
left: auto;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
background-color: var(--primary_color);
color: #fff;
border-radius: 4px;
}
.button:focus,
.button:hover {
background-color: #0097d2;
color: #fff;
transition: all 0.2s ease 0s;
}
.all-social-share a {
height: 32px;
width: 32px;
line-height: 30px;
border: 1px solid #ccc;
display: inline-block;
color: #ccc;
margin: 0 0px 10px;
font-size: 14px;
text-align: center;
border-radius: 50%;
}
.all-social-share a:hover {
color: white;
}
.all-social-share a.fa-facebook:hover {
background-color: #4b6ea8;
border-color: #4b6ea8;
}
.all-social-share a.fa-google-plus:hover {
background-color: #dd553b;
border-color: #dd553b;
}
.all-social-share a.fa-twitter:hover {
background-color: #29aae2;
border-color: #29aae2;
}
.all-social-share a.fa-youtube:hover {
background-color: #d84939;
border-color: #d84939;
}
.all-social-share a.fa-skype:hover {
background-color: #00bbf0;
border-color: #00bbf0;
}
.all-social-share a.fa-linkedin:hover {
background-color: #038ac4;
border-color: #038ac4;
}
.all-social-share a.fa-dribbble:hover {
background-color: #f2689c;
border-color: #f2689c;
}
.all-social-share a.fa-pinterest:hover {
background-color: #d83633;
border-color: #d83633;
}
.all-social-share a.fa-flickr:hover {
background-color: #3a88d0;
border-color: #3a88d0;
}
.all-social-share a.fa-instagram:hover {
background-color: #3f729b;
border-color: #3f729b;
} ul.yolo-list {
list-style: none;
clear: both;
padding: 0;
margin: 0;
}
ul.yolo-list:after {
content: '';
clear: both;
display: table;
}
ul.yolo-list li {
margin-bottom: 50px;
}
ul.yolo-list li h3 {
margin: 10px 0 10px;
font-size: 16px;
}
ul.yolo-list li img {
width: 100%;
}
.yolo-hidden {
display: none !important;
}
.hidden {
display: none !important;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
} @keyframes loadSkill {
from {
width: 0;
}
to {
width: 100%;
}
}
.timetable-pre {
border: 1px solid #dddddd;
padding: 20px !important;
background: #f1f1f1;
margin-bottom: 70px !important;
margin-top: 20px !important;
line-height: 30px;
}
.twentyfifteen .posts-loop-content {
margin: 0 6.6%;
}
.sidebar.twentyfifteen_sidebar {
float: none;
margin: 0 8.333%;
max-width: 100%;
width: 100%;
}
.sidebar.twentyfifteen_sidebar .widget {
padding: 0;
}
.sidebar.twentyfourteen_sidebar .class-info-sidebar i {
color: #fff;
}
.sidebar.twentyfourteen_sidebar .trainer-tag-wrap .trainer-bio .trainer-avatar img {
max-width: 130px;
}
.sidebar.twentyfourteen_sidebar .trainer-tag-wrap a {
color: #ccc;
}
.sidebar.twentyfourteen_sidebar .trainer-tag-wrap a:hover {
color: #fff;
}
.sidebar.twentyfourteen_sidebar div.yolo-class-slider-wrap .yolo-class-slider-item .item-info h4 a,
.sidebar.twentyfourteen_sidebar div.yolo-class-slider-wrap .yolo-class-slider-item .item-info .trainer-info a {
color: #fff;
}
.sidebar.twentyfourteen_sidebar div.yolo-class-slider-wrap .yolo-class-slider-item .item-info h4 a:hover,
.sidebar.twentyfourteen_sidebar div.yolo-class-slider-wrap .yolo-class-slider-item .item-info .trainer-info a:hover {
color: #999;
}
.single-yolo_trainer .yolo_trainer .post-thumbnail img {
max-width: 250px;
border-radius: 100%;
margin: 0 auto;
}
.single-yolo_trainer .yolo_trainer .loop-item-category,
.single-yolo_trainer .yolo_trainer .entry-title,
.single-yolo_trainer .yolo_trainer .trainer-social {
text-align: center;
}
.yolo-progress-bar .yolo-single-bar {
background-color: #eeeff0;
margin-top: 50px;
margin-bottom: 60px;
position: relative;
height: 6px;
width: 100%;
}
.yolo-progress-bar .yolo-single-bar:last-child {
margin-bottom: 0;
}
.yolo-progress-bar .yolo-single-bar .label-bar {
padding: 0;
}
.yolo-progress-bar .yolo-single-bar .label-bar .yolo-progress-label {
transform: translate(0, -30px);
display: block;
}
.yolo-progress-bar .yolo-single-bar .label-bar .yolo-label-units {
position: absolute;
right: 0;
top: -28px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
padding: 0;
line-height: 20px;
}
.yolo-progress-bar .yolo-single-bar .yolo-bar {
display: block;
position: absolute;
height: 100%;
width: 100%;
background-color: var(--primary_color);
top: 0;
left: 0;
}
@media screen and (max-width: 480px) {
.yolo-progress-bar .yolo-single-bar {
width: 100%;
}
.yolo-progress-bar .yolo-single-bar .label-bar .yolo-label-units {
right: 0px;
top: -28px;
}
}
.loadSkill {
animation-name: loadSkill;
}
.single.trainer-page .all-social-share {
margin: 30px 0;
}
.single.trainer-page .entry-content {
float: none;
width: auto;
}
.single.trainer-page .content-featured {
margin-bottom: 30px;
}
.single.trainer-page .content-featured img {
width: 100%;
}
.single.trainer-page .trainer-info {
margin-bottom: 40px;
}
.single.trainer-page .trainer-info .trainer-category {
font-size: 13px;
margin-bottom: 20px;
color: var(--primary_color);
}
.single.trainer-page .trainer-info .trainer-category a {
color: var(--primary_color);
}
.single.trainer-page .trainer-info .trainer-category a:hover {
color: var(--primary_color);
}
.single.trainer-page .trainer-info .trainer-description {
margin-top: 38px;
}
.single.trainer-page .trainer-info .trainer-description > div {
margin-bottom: 10px;
}
.single.trainer-page .trainer-info .trainer-description > div.trainer-skill {
margin-top: 20px;
}
.single.trainer-page .trainer-info .trainer-description > div.trainer-skill:after {
clear: both;
content: '';
display: table;
}
.single.trainer-page .trainer-info .trainer-description > div span.trainer-title {
color: #333;
font-weight: 600;
display: inline-block;
width: 24.5%;
}
.single.trainer-page .trainer-info .trainer-description .text-bio {
float: right;
width: 75.5%;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}
.single.trainer-page .trainer-info .trainer-description .trainer-biography:after {
clear: both;
display: table;
content: '';
}
.single.trainer-page .trainer-info .trainer-description .yolo-progress-bar {
float: right;
width: 75.5%;
margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
.single.trainer-page .trainer-info .trainer-description {
margin-top: 10px;
}
.single.trainer-page .trainer-info .trainer-description > div span.trainer-title {
width: 100%;
}
.single.trainer-page .trainer-info .trainer-description .yolo-progress-bar,
.single.trainer-page .trainer-info .trainer-description .text-bio {
width: 100%;
}
}
.yolo-trainer-shortcode .hentry {
margin-bottom: 50px;
padding-bottom: 50px;
margin: 0;
box-shadow: none !important;
background: transparent;
}
.yolo-trainer-shortcode .hentry + .hentry {
margin-top: 0;
}
.yolo-trainer-shortcode .hentry h3 {
margin: 20px 0 0;
font-size: 16px;
padding-bottom: 20px;
}
.yolo-trainer-shortcode .posts-loop-content:after {
content: '';
display: table;
clear: both;
}
.yolo-trainer-shortcode .posts-loop-content .yolo-md-6:nth-child(2n+1) {
clear: both;
}
.yolo-trainer-shortcode .posts-loop-content .yolo-md-4:nth-child(3n+1) {
clear: both;
}
.yolo-trainer-shortcode .posts-loop-content .yolo-md-3:nth-child(4n+1) {
clear: both;
}
.trainer-tag-wrap a {
box-shadow: none !important;
}
.trainer-tag-wrap .trainer-bio {
border: 1px solid #d8e0e8;
margin-bottom: 30px;
text-align: center;
border-radius: 4px;
transition: all 0.6s ease 0s;
background-color: #fff;
}
.trainer-tag-wrap .trainer-bio .trainer-avatar {
display: block;
}
.trainer-tag-wrap .trainer-bio .trainer-avatar img {
border-radius: 50%;
max-width: 210px;
margin-top: 30px;
transition: all 0.4s ease 0s;
display: inline-block;
width: 100%;
height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.trainer-tag-wrap .trainer-bio .trainer-avatar img {
max-width: 150px;
}
}
.trainer-tag-wrap .trainer-bio .trainer-info {
font-size: 16px;
}
.trainer-tag-wrap .trainer-bio .trainer-info h4 {
font-size: 18px;
font-weight: 600;
margin: 28px 0 6px;
letter-spacing: 0;
text-transform: none;
}
.trainer-tag-wrap .trainer-bio .trainer-info h4 a {
color: var(--primary_color);
}
.trainer-tag-wrap .trainer-bio .trainer-info h4 a:hover {
color: #0097d2;
}
.trainer-tag-wrap .trainer-bio .trainer-info .trainer-category {
font-size: 14px;
margin-bottom: 20px;
color: var(--primary_color);
}
.trainer-tag-wrap .trainer-bio .trainer-info .trainer-category a {
color: var(--primary_color);
}
.trainer-tag-wrap .trainer-bio .trainer-info .trainer-category a:hover {
color: #0097d2;
}
.trainer-tag-wrap .trainer-bio .trainer-info .trainer-social {
margin-bottom: 22px;
}
.trainer-tag-wrap .trainer-bio .trainer-info .trainer-excerpt {
display: none;
}
.trainer-tag-wrap .trainer-bio .trainer-info .view-profile {
margin-bottom: 20px !important;
}
.trainer-tag-wrap.list .trainer-bio {
text-align: left;
}
.trainer-tag-wrap.list .trainer-bio .trainer-avatar img {
max-width: 100%;
width: 100%;
border-radius: 0;
margin-top: 0;
}
.trainer-tag-wrap.list .trainer-bio .trainer-info {
padding: 20px;
}
.trainer-tag-wrap.list .trainer-bio .trainer-info .trainer-excerpt {
display: block;
} .masonry-container {
width: 100%;
}
.yolo-class-shortcode .widget-class-filter {
display: inline-block;
width: 33%;
}
.yolo-class-shortcode .widget-class-filter.search-class-weekday {
width: 100%;
}
.loadmore-action {
text-align: center;
border-radius: 20px;
}
.loadmore-action .btn-loadmore {
background-color: var(--secondary_color);
transition: all 0.6s ease 0s;
border-radius: 20px;
height: 50px;
color: white;
font-family: var(--secondary_font);
display: block;
position: relative;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
.loadmore-action .btn-loadmore:after {
position: absolute;
content: '+';
height: 100%;
font-size: 48px;
line-height: 35px;
left: 0;
right: 0;
}
.loadmore-action .btn-loadmore:hover {
background-color: var(--primary_color);
box-shadow: 3px 5px 10px rgba(53, 52, 52, 0.45);
}
.loadmore-action .btn-loadmore:hover:after {
animation: spinner 2s linear infinite;
}
.yolo-plugin-wraptext {
text-align: left;
margin: 50px 0;
}
.yolo-plugin-wraptext .wrap-title {
display: inline-block;
position: relative;
}
.yolo-plugin-wraptext .wrap-title .yolo-plugin-title {
color: var(--primary_color);
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
position: relative;
font-size: 42px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.yolo-plugin-wraptext .wrap-title .yolo-plugin-title {
font-size: 34px;
}
}
@media screen and (max-width: 479px) {
.yolo-plugin-wraptext .wrap-title .yolo-plugin-title {
font-size: 26px;
line-height: 35px;
}
}
.yolo-plugin-wraptext .wrap-title .yolo-plugin-sub-title {
color: #333;
font-style: italic;
font-weight: 400;
font-size: 20px;
line-height: 24px;
}
@media screen and (max-width: 767px) {
.yolo-plugin-wraptext .wrap-title .yolo-plugin-sub-title {
font-size: 18px;
}
}
@media screen and (max-width: 479px) {
.yolo-plugin-wraptext .wrap-title .yolo-plugin-sub-title {
font-size: 16px;
}
}
.single.class-page .entry-content {
float: none;
width: auto;
margin-top: 30px;
}
.single.class-page .content-featured {
margin-bottom: 30px;
}
.single.class-page .content-featured img {
width: 100%;
}
.single.class-page .timetable_week {
padding-top: 20px;
}
.single.class-page .timetable_week table {
width: 100%;
border: none;
}
@media screen and (max-width: 991px) {
.single.class-page .timetable_week table {
display: none;
}
}
.single.class-page .timetable_week table th,
.single.class-page .timetable_week table td {
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
border: none;
}
.single.class-page .timetable_week table tr.day_wrap.day-even {
background: #f5f5f5;
}
.single.class-page .timetable_week .day {
border-radius: 12px;
color: var(--primary_color);
padding: 4px 8px;
text-transform: capitalize;
}
.single.class-page .timetable_week h3 {
margin-top: 40px;
margin-bottom: 40px;
position: relative;
}
.single.class-page .timetable_week h3:before {
background: var(--primary_color);
bottom: -15px;
content: '';
left: 0;
height: 2px;
position: absolute;
width: 30px;
}
.single.class-page .timetable_week h3 .first-word {
color: #fbd14b;
}
.single.class-page .timetable_week .res-sche-content .item-weekday {
background-color: #f0eae380;
padding: 5px 10px;
color: var(--primary_color);
margin: 5px 0;
font-family: var(--secondary_font);
font-weight: var(--secondary_font_weight);
font-size: 16px;
}
.single.class-page .timetable_week .res-sche-content .item-weekday.today {
background: #fcf8e3;
}
.single.class-page .timetable_week .res-sche-content .item-day {
position: relative;
padding: 10px 0 10px 10px;
font-size: 15px;
font-weight: bold;
}
.single.class-page .timetable_week .res-sche-content .item-day .time {
font-weight: normal;
}
.single.class-page .timetable_week .res-sche-content .item-day i {
margin-left: 15px;
margin-right: 5px;
} div.yolo-class-slider-wrap article.class-item-wrap {
margin-bottom: 0;
width: 100%;
}
div.yolo-class-slider-wrap article.class-item-wrap .loop-item-wrap {
box-shadow: none;
}
.class-info-sidebar .clearfix,
.class-info-sidebar .yolo-container,
.class-info-sidebar .yolo-container-fluid,
.class-info-sidebar .yolo-row {
border-bottom: 1px solid #eee;
padding: 8px 0;
}
.class-info-sidebar .clearfix:last-child,
.class-info-sidebar .yolo-container:last-child,
.class-info-sidebar .yolo-container-fluid:last-child,
.class-info-sidebar .yolo-row:last-child {
border: none;
}
.class-info-sidebar .clearfix span,
.class-info-sidebar .yolo-container span,
.class-info-sidebar .yolo-container-fluid span,
.class-info-sidebar .yolo-row span {
float: right;
color: var(--primary_color);
padding: 0 8px;
border-radius: 100px;
background: #fafafa;
margin-left: 5px;
font-size: 14px;
margin-top: 2px;
}
.class-info-sidebar .clearfix.tag-days .wrap-days,
.class-info-sidebar .yolo-container.tag-days .wrap-days,
.class-info-sidebar .yolo-container-fluid.tag-days .wrap-days,
.class-info-sidebar .yolo-row.tag-days .wrap-days {
float: right;
}
.class-info-sidebar .clearfix.tag-days .wrap-days span,
.class-info-sidebar .yolo-container.tag-days .wrap-days span,
.class-info-sidebar .yolo-container-fluid.tag-days .wrap-days span,
.class-info-sidebar .yolo-row.tag-days .wrap-days span {
float: left;
}
.class-info-sidebar i {
color: var(--primary_color);
margin-right: 10px;
}
.class-info-sidebar i.ion-document {
font-size: 16px;
}
.class-info-sidebar i.ion-android-arrow-forward {
margin-left: 10px;
margin-right: 0;
}
.widget-class-filter {
position: relative;
margin-bottom: 20px;
}
.widget-class-filter select {
color: #888888;
width: 100%;
padding: 7px 1.07142857em;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #e2e2e2;
outline: none;
}
.widget-class-filter select:focus,
.widget-class-filter select:active {
outline: none;
}
.widget-class-filter select::-ms-expand {
display: none;
}
.widget-class-filter.search-class-weekday {
display: block;
overflow: hidden;
clear: both;
position: relative;
}
.widget-class-filter.search-class-weekday span {
color: #333333;
font-weight: 500;
display: block;
padding-top: 2px;
margin-bottom: 15px;
}
.widget-class-filter.search-class-weekday label {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 6px;
}
.widget-class-filter.search-class-weekday label input[type="checkbox"] {
border: 0;
background: #ccc;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 20px;
margin: -2px 8px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 20px;
-webkit-appearance: none;
transition: 0.05s border-color ease-in-out;
position: relative;
border: 1px solid #eeeeee;
}
.widget-class-filter.search-class-weekday label input[type="checkbox"]:checked:before {
content: "\f00c";
color: var(--primary_color);
position: absolute;
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
font-family: "fontawesome";
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 1px;
top: 9px;
}
.yolo-class-timetable-main .yolo_class img {
width: 100%;
height: auto;
}
.entry-header span {
margin-right: 15px;
}
.yolo-filters {
text-align: center;
}
.yolo-filters a {
transition: all 0.4s ease 0s;
}
.yolo-filters a:focus,
.yolo-filters a:hover {
text-decoration: none;
outline: none;
}
.yolo-filters ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
.yolo-filters ul:after {
content: '';
clear: both;
display: table;
}
.yolo-filters ul li {
float: left;
margin: 0 15px;
}
.yolo-filters ul li a {
border: none;
padding: 5px 20px 15px;
position: relative;
box-shadow: none;
color: currentColor;
}
.yolo-filters ul li a:focus,
.yolo-filters ul li a:hover {
color: var(--primary_color);
}
.yolo-filters ul li a.selected {
color: var(--primary_color);
}
.yolo-filters ul li a.selected:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
border: 1px solid var(--primary_color);
border-left: none;
border-right: none;
border-top: none;
z-index: 2;
}
@media screen and (max-width: 991px) {
.yolo-filters ul li {
height: 40px;
}
.yolo-filters ul li a.selected:before {
display: none;
}
}
@media (min-width: 769px) and (max-width: 930px) {
.has-sidebar .yolo-archive-class .yolo-col-sm-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
article.yolo_class .entry-meta {
margin-bottom: 15px;
}
article.yolo_class .entry-meta span {
position: relative;
padding: 0;
display: inline-block;
padding-left: 12px;
margin-right: 12px;
}
article.yolo_class .entry-meta span:before {
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
content: '';
background: var(--primary_color);
}
ul.pagination {
position: relative;
display: flex;
text-align: left;
padding: 0;
margin: 0;
}
.pagination > li {
padding: 5px;
display: inline-block;
margin: 0;
}
.pagination > li:last-child {
margin: 0;
}
.pagination > li > a,
.pagination > li > span {
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 40px;
text-align: center;
display: inline-block;
color: var(--primary_color);
margin: 0;
font-weight: bold;
transition: all 0.2s ease;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a.active,
.pagination > li > span.active {
color: var(--primary_color);
background-color: #eee;
}
.pagination > li > a.current,
.pagination > li > span.current {
color: var(--primary_color);
background-color: #eee;
}
.pagination > li > a.next,
.pagination > li > span.next,
.pagination > li > a.prev,
.pagination > li > span.prev {
position: relative;
font-size: 0;
}
.pagination > li > a.next i,
.pagination > li > span.next i,
.pagination > li > a.prev i,
.pagination > li > span.prev i {
font-size: 0;
}
.pagination > li > a.next:before,
.pagination > li > span.next:before,
.pagination > li > a.prev:before,
.pagination > li > span.prev:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 0;
left: 0;
font-size: 15px;
}
.pagination > li > a.next:before,
.pagination > li > span.next:before {
content: "\f101";
}
.pagination > li > a.prev:before,
.pagination > li > span.prev:before {
content: "\f100";
}
.pagination.list-center {
margin-top: 10px;
}
.pagination.list-center .icon {
font-family: 'ElegantIcons';
border: 1px solid #1ec0ff;
border-radius: 50%;
padding: 3px;
font-size: 20px;
transition: all 0.4s ease;
}
.pagination.list-center .icon:hover {
background-color: #1ec0ff;
border-color: #1ec0ff;
color: #fff;
}
.pagination.list-center .page-numbers {
padding: 0 10px;
line-height: 25px;
font-size: 18px;
}
.pagination.list-center .page-numbers.current {
color: #1ec0ff;
font-size: 18px;
}
.widget-class-filter.search-class-weekday label {
display: inline-block;
}
.widget-class-filter.search-class-weekday label input[type="checkbox"]:checked:before {
content: "\f00c";
color: var(--4th_color);
position: absolute;
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 2px;
top: 10px;
font-size: 12px;
}
.class-item-wrap .content-meta {
background-color: var(--4th_color);
}
article.class-item-wrap {
margin-bottom: 30px;
float: left;
}
article.class-item-wrap .loop-item-featured {
position: relative;
overflow: hidden;
}
article.class-item-wrap .loop-item-wrap {
overflow: hidden;
background-color: #fff;
border-radius: 10px;
border-width: 0px;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
transition: all 300ms ease;
}
article.class-item-wrap .loop-item-wrap .item-featured-bg {
width: 100%;
height: 220px;
position: relative;
background-size: cover;
background-position: center;
transition: all 1s ease;
}
@media (min-width: 769px) and (max-width: 991px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 250px;
}
}
@media (max-width: 768px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 200px;
}
}
@media (max-width: 600px) {
article.class-item-wrap .loop-item-wrap .item-featured-bg {
height: 250px;
}
}
article.class-item-wrap .loop-item-wrap:hover {
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.45);
}
article.class-item-wrap .loop-item-wrap:hover .item-featured-bg {
transform: scale(1.07);
-webkit-transform: scale(1.07);
}
article.class-item-wrap .loop-item-content {
text-align: left;
margin: 0;
font-size: inherit;
padding: 28px 30px;
position: relative;
}
article.class-item-wrap .content-meta {
padding: 8px 0;
margin-bottom: 0;
justify-content: center;
display: flex;
position: relative;
}
article.class-item-wrap .content-meta .meta-time-first {
position: relative;
display: inline-block;
padding-right: 8px;
}
article.class-item-wrap .content-meta .meta-time-first:after {
content: '-';
position: absolute;
right: 0;
width: 10px;
padding-left: 5px;
}
article.class-item-wrap .content-meta .meta-time {
color: #fff;
}
article.class-item-wrap .content-meta .meta-time:last-child {
margin-right: 0;
}
article.class-item-wrap .content-meta .thumbnail {
position: absolute;
right: 8%;
}
article.class-item-wrap .content-meta .trainer-info {
display: block;
}
article.class-item-wrap .content-meta i {
margin-right: 5px;
}
article.class-item-wrap .loop-item-price {
padding: 0 10px;
margin-top: 10px;
position: relative;
font-weight: bold;
}
article.class-item-wrap .course-meta {
margin-bottom: 7px;
letter-spacing: 1px;
}
article.class-item-wrap .course-meta i {
margin-right: 2px;
transform: translateY(-1px);
font-size: 14px;
}
article.class-item-wrap .entry-meta {
margin-bottom: 0;
}
article.class-item-wrap .title {
margin: 8px 0 10px;
}
@media (max-width: 1024px) {
article.class-item-wrap .title {
font-size: 16px;
}
}
article.class-item-wrap .title a {
position: relative;
color: inherit;
}
article.class-item-wrap .title a:hover {
color: var(--primary_color);
}
article.class-item-wrap .hentry {
padding-bottom: 30px;
margin: 0;
}
article.class-item-wrap .loop-item-featured img {
width: 100%;
object-fit: cover;
}
article.class-item-wrap .loop-item-excerpt {
padding-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
article.class-item-wrap .loop-item-excerpt {
padding-bottom: 0px;
}
}
article.class-item-wrap .posts-loop-content .yolo-md-6:nth-child(2n+1) {
clear: both;
}
article.class-item-wrap .posts-loop-content .yolo-md-4:nth-child(3n+1) {
clear: both;
}
article.class-item-wrap .posts-loop-content .yolo-md-3:nth-child(4n+1) {
clear: both;
}
.yolo-archive-class.list .hentry {
margin-bottom: 50px;
}
.yolo-archive-class.list .hentry:last-child {
border-bottom: none;
}
.yolo-archive-class.list .loop-item-wrap {
display: flex;
}
.yolo-archive-class.list .loop-item-wrap .class-thumbnail-meta {
flex-basis: calc(100% / 12 * 5);
}
.yolo-archive-class.list .loop-item-wrap .class-content-meta {
flex-basis: calc(100% / 12 * 7);
}
article.trainer-item-wrap {
float: left;
margin-bottom: 30px;
}
article.trainer-item-wrap .trainer-item {
overflow: hidden;
border-radius: 10px;
background-color: #fff;
transition: all 300ms ease-in;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
@media (min-width: 769px) and (max-width: 991px) {
article.trainer-item-wrap .trainer-item {
flex-direction: column;
}
}
@media (max-width: 580px) {
article.trainer-item-wrap .trainer-item {
flex-direction: column;
}
}
article.trainer-item-wrap .trainer-item:hover {
background-color: #fff;
border-radius: 10px;
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.45);
}
article.trainer-item-wrap .trainer-item:hover .trainer-social ul {
transform: translate(10px, -50%);
}
article.trainer-item-wrap .trainer-item:hover .trainer-avatar {
border-radius: 0;
}
article.trainer-item-wrap .trainer-item:hover .entry-trainer-bg {
transform: scale(1.05);
-webkit-transform: scale(1.07);
}
article.trainer-item-wrap .trainer-item .entry-trainer-bg {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all 1s ease;
overflow: hidden;
}
article.trainer-item-wrap .trainer-item img {
transition: all 0.6s ease-in-out;
}
article.trainer-item-wrap .trainer-info {
padding: 30px 30px 30px 30px;
}
@media (max-width: 480px) {
article.trainer-item-wrap .trainer-info {
padding: 20px 20px 20px 20px;
}
}
article.trainer-item-wrap .trainer-info .trainer-title {
margin-top: 0;
}
article.trainer-item-wrap .trainer-info .trainer-category {
margin-bottom: 3px;
padding-bottom: 5px;
border-bottom: 1px solid #dddddd;
color: var(--4th_color);
}
article.trainer-item-wrap .trainer-info .call-me {
text-decoration: none;
display: inline-block !important;
font-size: 18px;
line-height: 18px;
border-radius: 0px;
padding: 0;
color: var(--primary_color);
transition: all 0.6s ease 0s;
}
article.trainer-item-wrap .trainer-info .call-me:hover {
transform: scale(1.1);
}
article.trainer-item-wrap .trainer-info .call-me:focus {
outline: none;
box-shadow: none;
}
article.trainer-item-wrap:hover .trainer-avatar img {
transform: scale(1.1, 1.1);
}
article.trainer-item-wrap .trainer-avatar-wrap {
overflow: hidden;
position: relative;
}
@media (min-width: 769px) and (max-width: 991px) {
article.trainer-item-wrap .trainer-avatar-wrap {
height: 280px;
}
}
@media (max-width: 580px) {
article.trainer-item-wrap .trainer-avatar-wrap {
height: 300px;
}
}
@media (max-width: 480px) {
article.trainer-item-wrap .trainer-avatar-wrap {
height: 250px;
}
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social ul {
list-style: none;
position: absolute;
top: 50%;
transform: translate(-110%, -50%);
padding: 0;
transition: all 300ms ease;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li {
width: 40px;
height: 40px;
margin: 0;
background-color: #fff;
border-radius: 50%;
margin-bottom: 10px;
box-shadow: 0px 0px 4px 0px #bfbfbf;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li a {
width: 40px;
line-height: 40px;
text-align: center;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:last-child {
margin-bottom: 0;
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:hover {
background-color: var(--primary_color);
}
article.trainer-item-wrap .trainer-avatar-wrap .trainer-social li:hover a {
color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
article.trainer-item-wrap.layout-3.yolo-col-md-4,
article.trainer-item-wrap.layout-3.yolo-col-md-3 {
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
article.trainer-item-wrap.layout-3 .trainer-item {
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .trainer-avatar {
display: block;
line-height: 0;
}
article.trainer-item-wrap.layout-3 .trainer-item .trainer-avatar img {
width: 100%;
border-radius: 10px;
min-height: 300px;
object-fit: cover;
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
transition: all 400ms ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay {
position: absolute;
top: 0;
text-align: center;
color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
background-color: var(--secondary_color);
border-radius: 10px;
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(-30%);
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay a:hover {
color: #fff;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-infor {
position: absolute;
top: 50%;
width: 100%;
padding: 0 15px;
transform: translate(0, -50%);
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 10px;
}
@media screen and (min-width: 512px) {
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 5px;
}
}
@media screen and (min-width: 768px) {
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 10px;
}
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-category {
line-height: 20px;
margin-bottom: 20px;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-avatar-hover {
display: inline-block;
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 5px;
background-position: center;
background-size: cover;
border-radius: 50%;
border: 2px solid #f9f9f9;
object-fit: cover;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-social a {
margin-right: 12px;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .trainer-social a:last-child {
margin-right: 0;
}
article.trainer-item-wrap.layout-3 .trainer-item .infor-overlay .email {
font-size: 18px;
text-transform: lowercase;
}
article.trainer-item-wrap.layout-3 .trainer-item:hover {
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.45);
}
article.trainer-item-wrap.layout-3 .trainer-item:hover .trainer-avatar img {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30%);
}
article.trainer-item-wrap.layout-3 .trainer-item:hover .infor-overlay {
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
}
@media (min-width: 769px) and (max-width: 1024px) {
article.trainer-item-wrap.layout-4.yolo-col-md-4,
article.trainer-item-wrap.layout-4.yolo-col-md-3 {
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
article.trainer-item-wrap.layout-4 .trainer-infor-main {
padding: 25px 25px 28px;
}
article.trainer-item-wrap.layout-4 .trainer-infor-main .trainer-title {
margin: 0;
margin-bottom: 5px;
}
article.trainer-item-wrap.layout-4 .trainer-item {
justify-content: center;
text-align: center;
display: block;
position: relative;
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .trainer-avatar {
display: block;
}
article.trainer-item-wrap.layout-4 .trainer-item .trainer-avatar img {
margin: 0 auto;
margin-top: 35px;
min-height: 175px;
width: 175px;
height: 175px;
border-radius: 50%;
object-fit: cover;
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
transition: all 400ms ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay {
position: absolute;
top: 0;
text-align: center;
color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
background-color: var(--secondary_color);
border-radius: 10px;
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(-30%);
transition: all 0.3s ease-in-out;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay a:hover {
color: #fff;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-infor {
position: absolute;
top: 50%;
width: 100%;
padding: 0 15px;
transform: translate(0, -50%);
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 10px;
}
@media screen and (min-width: 512px) {
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 5px;
}
}
@media screen and (min-width: 768px) {
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-title {
margin: 0 0 10px;
}
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-category {
line-height: 20px;
margin-bottom: 20px;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-avatar-hover {
display: inline-block;
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 5px;
background-position: center;
background-size: cover;
border-radius: 50%;
border: 2px solid #f9f9f9;
object-fit: cover;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-social a {
margin-right: 12px;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .trainer-social a:last-child {
margin-right: 0;
}
article.trainer-item-wrap.layout-4 .trainer-item .infor-overlay .email {
font-size: 18px;
text-transform: lowercase;
}
article.trainer-item-wrap.layout-4 .trainer-item:hover {
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.45);
}
article.trainer-item-wrap.layout-4 .trainer-item:hover .trainer-avatar img {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30%);
}
article.trainer-item-wrap.layout-4 .trainer-item:hover .infor-overlay {
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
}
.sidebar .widget {
background-color: #f0f2f4;
border-radius: 5px;
overflow: hidden;
margin-bottom: 45px;
padding: 30px;
}
.widget-content-wrap .day-filter {
width: 49%;
padding: 3px 0;
}
.widget-content-wrap .day-filter input {
margin-right: 5px;
}
.widget-content-wrap .search-event,
.widget-content-wrap .search-class {
margin-bottom: 10px;
}
.widget-content-wrap .search-event:last-child,
.widget-content-wrap .search-class:last-child {
margin-bottom: 0;
}
.widget-content-wrap .widget-info-item {
display: flex;
padding: 20px 0 17px;
border-bottom: 1px dashed #d5d5d5;
}
.widget-content-wrap .widget-info-item:first-child {
padding-top: 0;
}
.widget-content-wrap .widget-info-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget-content-wrap .widget-info-item .wi__icon {
width: 50px;
text-align: center;
}
.widget-content-wrap .widget-info-item .wi__content {
padding-left: 7px;
width: calc(100% - 50px);
}
.widget-content-wrap .widget-info-item .wi__content .item-label {
margin: 0 0 5px;
}
.widget-content-wrap .widget-info-item .wi__content .item-value {
margin: 0;
}
.yolo-btn {
font-weight: bold;
color: var(--primary_color);
background-color: #fff;
padding: 8px 40px;
border-radius: 30px;
transition: all 300ms ease;
display: inline-block;
position: relative;
visibility: visible;
box-shadow: 0px 2px 5px rgba(53, 52, 52, 0.1);
}
.yolo-btn.btn-small {
padding: 5px 20px;
}
.yolo-btn:hover {
color: #fff;
background-color: var(--primary_color);
box-shadow: 3px 9px 10px rgba(53, 52, 52, 0.45);
}
.yolo-btn.yolo-btn-blue {
color: #fff;
background-color: var(--4th_color);
}
.yolo-btn.yolo-btn-blue:hover {
color: #fff;
background-color: var(--primary_color);
}
.yolo-btn.yolo-btn-primary {
color: #fff;
background-color: var(--primary_color);
}
.yolo-btn.yolo-btn-primary:hover {
background-color: var(--heading_color);
}
.widget_class_social .item-social {
display: flex;
justify-content: space-around;
}
.widget_class_social .item-social a {
font-size: 40px;
margin-right: 15px;
}
.widget_class_social .item-social a:hover {
color: var(--primary_color);
}
.widget_class_charges {
overflow: inherit;
margin: 30px 0 60px;
background-color: transparent;
display: flex;
}
.widget_class_charges .yolo-btn {
border-radius: 5px;
}
.widget_class_charges a.yolo-btn {
cursor: pointer;
margin-right: 10px;
}
@media (max-width: 1140px) {
.widget_class_charges a.yolo-btn {
padding: 5px 10px;
font-size: 14px;
}
}
@media (max-width: 950px) {
.widget_class_charges a.yolo-btn {
padding: 5px 10px;
font-size: 13px;
margin-right: 5px;
}
}
@media (max-width: 768px) {
.widget_class_charges a.yolo-btn {
padding: 5px 15px;
font-size: inherit;
margin-right: 15px;
}
}
.widget_class_charges a.yolo-btn:last-child {
margin-right: 0;
}
.yolo_class .single-post-gallery {
margin-bottom: 30px;
}
.single-post-gallery .paging-wrap {
margin-top: 20px;
padding: 0 50px;
}
.single-post-gallery .paging-wrap .owl-stage {
margin: 0 auto;
}
.single-post-gallery .paging-wrap .owl-item.synced {
padding: 5px;
border: 2px solid var(--primary_color);
}
.single-post-gallery .paging-wrap:hover .owl-nav {
opacity: 1;
}
.single-post-gallery .paging-wrap .owl-nav {
opacity: 1;
transition: all 0.35s ease;
}
.single-post-gallery .paging-wrap .owl-nav > div {
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
transition: all 0.35s ease;
}
.single-post-gallery .paging-wrap .owl-nav > div:hover {
background-color: var(--primary_color);
}
.single-post-gallery .paging-wrap .owl-nav > div.owl-next {
right: -50px;
}
.single-post-gallery .paging-wrap .owl-nav > div.owl-prev {
left: -50px;
}
.class-content-wrap .class-title-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.class-content-wrap .class-title-wrap .class-tile {
margin-bottom: 10px;
}
.class-content-wrap .class-title-wrap .class-navigation {
display: flex;
align-items: center;
}
@media (max-width: 480px) {
.class-content-wrap .class-title-wrap .class-navigation {
display: none;
}
}
.class-content-wrap .class-title-wrap .class-navigation .nav {
padding: 0 10px;
}
.class-content-wrap .class-title-wrap .class-navigation .nav :before {
display: block;
}
.class-content-wrap .class-title-wrap .class-navigation .nav-previous a:hover i:before {
animation: toLeftFromRight 0.3s forwards;
}
.class-content-wrap .class-title-wrap .class-navigation .nav-next a:hover i:before {
animation: toRightFromLeft 0.3s forwards;
}
.class-content-wrap .class-title-wrap .class-navigation .text {
margin: 0;
}
.class-basic-info {
padding-bottom: 30px;
display: flex;
position: relative;
}
@media (max-width: 650px) {
.class-basic-info {
flex-direction: column;
padding-bottom: 15px;
}
.class-basic-info .print-resume {
display: none;
}
}
.class-basic-info .basic-info {
display: flex;
width: 45%;
}
@media (max-width: 650px) {
.class-basic-info .basic-info {
width: 100%;
margin-bottom: 15px;
}
.class-basic-info .basic-info:last-child {
margin-bottom: 0;
}
}
.class-basic-info .item-label {
margin: 0;
}
.class-basic-info .basic-content {
padding: 5px 0;
width: calc(100% - 75px);
}
@media (max-width: 991px) {
.class-basic-info .basic-content {
width: calc(100% - 50px);
}
}
@media (max-width: 650px) {
.class-basic-info .basic-content {
width: calc(100% - 75px);
}
}
.class-basic-info .basic-img {
display: inline-block;
position: relative;
float: left;
width: 75px;
}
@media (max-width: 991px) {
.class-basic-info .basic-img {
width: 50px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img {
width: 75px;
}
}
.class-basic-info .basic-img .loop-item-trainer {
width: 55px;
height: 55px;
position: absolute;
display: inline-block;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center 0;
transition: all 0.4s ease;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .loop-item-trainer {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .loop-item-trainer {
width: 55px;
height: 55px;
}
}
.class-basic-info .basic-img .loop-item-trainer.first {
z-index: 999;
}
.class-basic-info .basic-img:hover .loop-item-trainer.first {
margin-left: -20px;
}
.class-basic-info .basic-img:hover .loop-item-trainer.second {
margin-left: 20px;
}
.class-basic-info .basic-img .thumbnail {
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #121149;
position: absolute;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .thumbnail {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .thumbnail {
width: 55px;
height: 55px;
}
}
.class-basic-info .basic-img .thumbnail img {
object-fit: none;
width: 100%;
height: 55px;
}
@media (max-width: 991px) {
.class-basic-info .basic-img .thumbnail img {
width: 40px;
height: 40px;
}
}
@media (max-width: 650px) {
.class-basic-info .basic-img .thumbnail img {
width: 55px;
height: 55px;
}
}
.class-basic-info .list-img-cat {
display: inline-block;
position: relative;
float: left;
width: 75px;
}
.class-basic-info .list-img-cat .thumbnail {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #121149;
position: absolute;
}
.class-basic-info .list-img-cat .thumbnail:first-child {
z-index: 999;
}
.class-basic-info .list-img-cat .thumbnail img {
object-fit: none;
width: 100%;
}
.class-basic-info .list-title span {
font-size: 14px;
text-transform: uppercase;
}
.class-basic-info .list-title .title {
display: flex;
font-size: 16px;
}
.class-basic-info .list-title .title a {
transition: all ease-in-out 0.3s;
}
.class-basic-info .list-title .title a:hover {
color: var(--4th_color);
}
.class-basic-info .print-resume:after {
content: '';
position: absolute;
top: 0;
right: 0;
background-image: url(//www.yogasegrate.it/wp-content/plugins/yolo-class-timetable/assets/images/print.png);
width: 43px;
height: 43px;
}
.content-tab-wrap .content-tab {
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
padding: 40px 40px 25px;
display: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.content-tab-wrap .content-tab.my_coures {
padding-top: 50px;
padding-bottom: 20px;
}
.content-tab-wrap .content-tab.my_coures .yolo-col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.content-tab-wrap .content-tab.my_coures article .loop-item-wrap {
box-shadow: 0 10px 20px rgba(229, 229, 229, 0.8);
}
.content-tab-wrap .content-tab.my_coures .owl-dots {
margin-top: 0;
}
.content-tab-wrap .content-tab.main-lesson {
padding-bottom: 45px;
}
.content-tab-wrap .content-tab.trainer {
padding-top: 50px;
padding-bottom: 20px;
}
.content-tab-wrap .content-tab.trainer .yolo-col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.content-tab-wrap .content-tab.trainer article .trainer-item {
box-shadow: 0 10px 20px rgba(229, 229, 229, 0.8);
}
.content-tab-wrap .content-tab.trainer .owl-dots {
margin-top: 0;
}
.content-tab-wrap .content-tab.comments {
padding-top: 20px;
padding-bottom: 50px;
}
@media (min-width: 769px) and (max-width: 991px) {
.content-tab-wrap .content-tab .yolo-col-sm-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 650px) {
.content-tab-wrap .content-tab .yolo-col-sm-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.content-tab-wrap .content-tab {
padding: 35px 30px 30px;
}
}
.content-tab-wrap .content-tab.active {
display: block;
}
.content-tab-wrap .content-tab.main-lesson #time-table {
padding: 0;
margin: 0;
}
.content-tab-wrap .content-tab.main-lesson #time-table h4 {
margin: 0 0 30px;
font-weight: 600;
text-transform: capitalize;
font-size: 26px;
}
.content-tab-wrap .content-tab.main-lesson #time-table h4:before {
background-color: var(--4th_color);
}
.content-tab-wrap .content-tab.main-lesson #time-table .day {
color: var(--4th_color);
font-weight: bold;
}
.content-tab-wrap .content-tab.main-lesson #time-table tbody tr {
border-bottom: none;
}
.content-tab-wrap .content-tab.trainer .trainer-item {
display: flex;
position: relative;
margin-bottom: 30px;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
.content-tab-wrap .content-tab.trainer .trainer-item:last-child {
margin-bottom: 0;
}
.content-tab-wrap .content-tab.trainer .trainer-item .item-thumnb {
display: block;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content {
padding-left: 30px;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content .item-item {
font-size: 16px;
text-transform: uppercase;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content .trainer-excerpt {
font-size: 14px;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content .trainer-excerpt p {
margin-bottom: 10px;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content .button-view {
padding: 6px 25px;
background-color: var(--4th_color);
text-transform: uppercase;
color: #f9f9f9;
border-radius: 5px;
display: inline-block;
font-weight: 600;
transition: all 0.4s ease;
}
.content-tab-wrap .content-tab.trainer .trainer-item .trainer-tab-content .button-view:hover {
background-color: var(--primary_color);
}
.content-tab-wrap .content-tab.trainer .trainer-item:hover {
box-shadow: 3px 4px 10px rgba(53, 52, 52, 0.45);
}
.content-tab-wrap .comments .comment-reply-title {
margin: 0;
}
.content-tab-wrap .comments .entry-comments {
margin: 0;
}
.comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.yolo-stars,
.average-stars {
color: var(--third_color);
}
.average-stars .stars,
.comment-content .stars {
font-family: "Font Awesome 5 Free";
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 18px;
font-size: 18px;
vertical-align: top;
text-align: center;
transition: color 0.1s ease-in;
}
.average-stars .stars:before,
.comment-content .stars:before {
content: "\f005";
}
.average-stars .star-filled,
.comment-content .star-filled {
font-weight: 900;
}
.average-stars .star-empty,
.comment-content .star-empty {
font-weight: 400;
}
.rating-container { font-size: 0; unicode-bidi: bidi-override;
direction: rtl;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input {
display: none;
}
.rating-container > input + label { font-family: "Font Awesome 5 Free";
font-weight: 400;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
width: 24px;
line-height: 24px;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f005";
color: #ffd338;
font-size: 18px;
}
.rating-container > input:checked ~ label,
.rating-container > input + label:hover ~ label,
.rating-container > input + label:hover {
font-weight: 900;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: 0.5em;
margin-left: -0.5em;
}
.rating-container > .star-cb-clear + label:before {
width: 0.5em;
}
.rating-container:hover > input + label {
font-weight: 400;
}
.rating-container:hover > input + label:hover ~ label,
.rating-container:hover > input + label:hover {
font-weight: 900;
}
.comment-respond .rating-container > .star-cb-clear + label,
.comment-respond .rating-container > input + label:before {
text-indent: 10004px;
}
.yolo-rating {
display: none;
}
.yolo-rating > label {
margin: 0;
font-weight: 600;
}
.single-yolo_class .yolo-rating,
.single-yolo_trainer .yolo-rating {
display: block;
}
.trainer-wrap .trainer-info-wrap {
margin-bottom: 40px;
}
.trainer-wrap .trainer-info-wrap .trainer-about {
margin: 0;
}
.trainer-wrap .trainer-info-wrap .trainer-info {
margin: 0;
}
.trainer-wrap .trainer-info-wrap .trainer-info .item-info {
display: flex;
align-items: center;
margin-bottom: 20px;
margin-top: 10px;
}
.trainer-wrap .trainer-info-wrap .trainer-info i {
font-size: 18px;
color: var(--4th_color);
width: 20px;
}
.trainer-wrap .trainer-info-wrap .trainer-info .trainer-title {
display: inline-block;
padding: 0px 7px 0 10px;
margin: 0;
}
.trainer-wrap .trainer-info-wrap .trainer-info span {
font-size: 15px;
}
.trainer-wrap .trainer-info-wrap .trainer-skill .yolo-single-bar {
position: relative;
height: 35px;
width: 100%;
background-color: #f0f2f4;
border-radius: 5px;
margin: 0 0 10px;
}
.trainer-wrap .trainer-info-wrap .trainer-skill .yolo-single-bar .yolo-progress-label {
line-height: 40px;
position: absolute;
z-index: 1;
left: 3%;
color: #fff;
margin: 0;
}
.trainer-wrap .trainer-info-wrap .trainer-skill .yolo-single-bar .yolo-bar {
border-radius: 5px;
}
.trainer-wrap .trainer-content .entry-rating {
min-width: 190px;
display: table-cell;
float: left;
text-align: center;
background-color: #f0f2f4;
padding: 35px 40px;
border-radius: 10px;
margin-right: 30px;
}
.trainer-wrap .trainer-content .entry-rating .average-rating {
font-size: 45px;
line-height: 60px;
color: #ffd338;
display: block;
}
.trainer-wrap .trainer-content .entry-rating .all-ratings {
display: block;
font-size: 18px;
padding-bottom: 10px;
}
.trainer-wrap .trainer-content .entry-rating .average-stars {
color: #ffd338;
}
.tribe-metabox {
margin-top: 50px;
}
.tribe-metabox ul.tab-header {
list-style: none;
margin: 0 0 3px;
padding: 0;
display: flex;
}
@media screen and (min-width: 320px) {
.tribe-metabox ul.tab-header {
display: block;
}
}
@media screen and (min-width: 480px) {
.tribe-metabox ul.tab-header {
display: flex;
margin: 0;
}
}
.tribe-metabox ul.tab-header li {
margin-right: 5px;
}
@media screen and (max-width: 480px) {
.tribe-metabox ul.tab-header li {
margin: 0;
border-bottom: 1px solid #ddd;
}
}
.tribe-metabox ul.tab-header li a {
display: block;
padding: 10px 45px;
background-color: #eaeef0;
transition: all 0.4s ease;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 18px;
box-shadow: 1px -5px 15px -5px #d8d8d8;
}
@media screen and (min-width: 480px) {
.tribe-metabox ul.tab-header li a {
padding: 10px 15px;
font-size: 16px;
}
}
@media screen and (min-width: 740px) {
.tribe-metabox ul.tab-header li a {
padding: 10px 22px;
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
.tribe-metabox ul.tab-header li a {
padding: 10px 35px;
font-size: 18px;
}
}
@media screen and (min-width: 1200px) {
.tribe-metabox ul.tab-header li a {
padding: 10px 45px;
}
}
.tribe-metabox ul.tab-header li a.active {
background-color: var(--4th_color);
color: #f9f9f9;
}
.tribe-metabox ul.tab-header li a:hover {
background-color: var(--4th_color);
color: #f9f9f9;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide.ui-tabs-panel {
display: block;
}
.fc-view .fc-time-grid .fc-content-skeleton {
height: 0;
}
.fc-list-table .fc-list-heading {
background-color: #eee;
}
.fc-list-table .fc-list-item-title a {
font-weight: 600;
}
.fc-list-table .fc-list-item-title .fc-trainer {
margin-left: 15px;
letter-spacing: 1px;
color: #0000008f;
}
.fc-list-table .fc-list-item-title .fc-trainer i {
color: #0000003b;
margin-right: 5px;
}
.yolo-class-schedule-shortcode {
margin: 0 auto 50px; }
.yolo-class-schedule-shortcode:after {
content: '';
display: table;
clear: both;
}
.yolo-class-schedule-shortcode .fc-row .fc-content-skeleton {
padding-bottom: 0;
}
.yolo-class-schedule-shortcode .vc_column_container > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.yolo-class-schedule-shortcode .yolo-theme-wraptext {
margin: 10px 0 22px;
}
.yolo-class-schedule-shortcode .class-schedule {
margin-top: 0px;
}
.yolo-class-schedule-shortcode .fc-toolbar {
margin-bottom: 40px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button {
border-radius: 50%;
border: 1px solid var(--primary_color);
color: var(--primary_color);
width: 40px;
height: 40px;
min-height: 40px;
line-height: 0;
background: transparent;
padding: 0;
transition: all 0.3s ease 0s;
text-shadow: none;
box-shadow: none;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button:focus,
.yolo-class-schedule-shortcode .fc-toolbar .fc-button:hover {
outline: none;
background: var(--primary_color);
color: white;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button .fc-icon {
font-family: 'Font Awesome 5 Free';
margin: 0;
font-size: 12px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button .fc-icon:after {
font-size: 12px;
top: 0.5px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button .fc-icon-left-single-arrow:after {
content: '\f053';
left: 0px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-button .fc-icon-right-single-arrow:after {
content: '\f054';
left: 0px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-center h2 {
color: #454545;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
margin-top: 6px;
}
.yolo-class-schedule-shortcode .fc-toolbar .fc-center h2.eff {
animation: LeftToRight 0.3s linear 0s 1 alternate;
}
.yolo-class-schedule-shortcode .fc-view {
color: #333;
}
.yolo-class-schedule-shortcode .fc-view .fc-axis {
padding: 15px 45px;
}
.yolo-class-schedule-shortcode .fc-view .fc-axis span {
font-size: 14px;
}
.yolo-class-schedule-shortcode .fc-view table {
margin-bottom: 0;
overflow: initial !important;
}
.yolo-class-schedule-shortcode .fc-view table td {
border-color: #ededed;
background-color: transparent;
}
.yolo-class-schedule-shortcode .fc-view .fc-head td {
border-color: var(--primary_color);
}
.yolo-class-schedule-shortcode .fc-view .fc-head table {
margin: 0;
}
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell {
color: #fff;
font-size: 15px;
font-weight: 400;
}
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header {
border-color: rgba(0, 114, 159, 0.25);
padding: 10px 0.25em;
background: var(--primary_color);
}
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-axis,
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-day-header {
color: white;
font-size: 16px;
font-weight: 400;
}
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-axis span,
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-day-header span {
font-size: 14px;
font-weight: 400;
}
.yolo-class-schedule-shortcode .fc-view .fc-head table .fc-axis {
padding: 10px 45px;
text-align: center;
}
.yolo-class-schedule-shortcode .fc-view .fc-body {
background-color: #fff;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-view .fc-body.overlay-loading-tripped {
background-color: #eee;
}
.yolo-class-schedule-shortcode .fc-view .fc-body.overlay-loading-tripped .fc-time-grid .fc-event .fc-bg {
opacity: 0.5;
filter: alpha(opacity=50);
background-color: #ccc;
}
.yolo-class-schedule-shortcode .fc-view .fc-body.overlay-loading-tripped .fc-today {
opacity: 0.5;
filter: alpha(opacity=50);
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event-container {
margin: 0;
position: unset;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event-container.fc-event-container-hover {
z-index: 10 !important;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event {
border: 0;
border-radius: 0;
color: #333;
border-color: #ededed;
background-color: white;
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
overflow: hidden;
animation: YoloFadeIn 0.25s linear 0s 1 alternate;
margin: -1px;
border: none;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-bg {
transition: all 0.3s ease 0s;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-ribbon {
position: absolute;
bottom: 0;
right: -20px;
border: 7px solid green;
border-left-color: transparent !important;
border-top-color: transparent !important;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 95%;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-time {
font-size: 13px;
margin-bottom: 8px;
opacity: 0.8;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-trainer {
font-size: 13px;
font-style: italic;
opacity: 0.8;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category {
color: white;
display: inline-block;
background-color: var(--primary_color);
font-size: 13px;
padding: 4px 16px;
border-radius: 22px;
font-weight: 400;
line-height: 17px;
margin-top: 8px;
text-overflow: ellipsis;
width: 100%;
max-width: 7em;
overflow: hidden;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.class-item_bg_image {
color: #fff;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.class-item_bg_image .fc-bg {
opacity: 1;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.class-item_bg_image .fc-bg:before {
content: "";
background-color: rgba(0, 0, 0, 0.55);
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 1;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.class-item_bg_color {
color: #fff;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class.not-show-background-image .fc-bg {
background-image: none !important;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday {
box-shadow: none;
color: #fff;
left: 0 !important;
right: 0 !important;
z-index: 5 !important;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday:hover {
margin: 0 !important;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-time,
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-time {
display: none !important;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-title {
font-size: 18px;
}
.yolo-class-schedule-shortcode .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday .fc-content .fc-trainer span {
display: none;
}
.yolo-class-schedule-shortcode .fc-agenda-view .fc-body .fc-time-grid .fc-event:focus,
.yolo-class-schedule-shortcode .fc-agenda-view .fc-body .fc-time-grid .fc-event:hover {
outline: none;
text-decoration: none;
left: 0 !important;
right: 0 !important;
margin: -50px -50px !important;
box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.4);
z-index: 10 !important;
}
.yolo-class-schedule-shortcode .fc-agenda-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday:focus,
.yolo-class-schedule-shortcode .fc-agenda-view .fc-body .fc-time-grid .fc-event.fc-yolo-class-holiday:hover {
margin: 0 !important;
z-index: 5 !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-scroller,
.yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-scroller { }
.yolo-class-schedule-shortcode .fc-month-view .fc-scroller > *,
.yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-scroller > * {
overflow: visible !important;
}
.yolo-class-schedule-shortcode .fc-month-view .class-cat_bg_color {
background-color: #fff !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-day-number {
text-align: left;
padding: 4px 8px;
font-weight: 600;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-day-number span {
font-size: 14px;
border-radius: 50%;
width: 30px;
height: 30px;
color: #ababab;
display: inline-block;
text-align: center;
line-height: 30px;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-today.fc-day-number span {
background-color: var(--primary_color);
color: white;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-holiday {
background-color: var(--primary_color);
}
.yolo-class-schedule-shortcode .fc-month-view .fc-holiday span {
color: #fff;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-head table .fc-day-header {
font-size: 16px;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-head table .fc-widget-header {
padding: 10px 0.25em;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body.overlay-loading-tripped .fc-content-skeleton .fc-event {
background-color: transparent;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-more {
color: var(--primary_color);
margin-left: 8px;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-more:hover {
text-decoration: none;
color: #0097d2;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event-container {
margin: 0;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event {
border: 0;
border-radius: 0;
color: #333;
border-color: transparent;
background-color: white;
transition: all 0.3s ease 0s;
overflow: hidden;
animation: BottomToTop 0.25s linear 0s 1 alternate;
margin: 0 0 0px;
padding: 5px 10px 5px 15px;
box-shadow: none;
font-size: 1em;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event:hover,
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event:focus {
outline: none;
text-decoration: none;
color: black;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event .fc-time {
padding-right: 3px;
font-weight: 400;
font-size: 0.85em;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event .fc-title {
font-weight: 600;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event .fc-ribbon {
position: absolute;
top: 8px;
left: 4px;
width: 7px;
height: 7px;
border-radius: 50%;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event.class-item_bg_color {
color: #fff;
padding: 5px 10px 5px 10px;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday {
background: transparent;
color: #fff;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday .fc-bg {
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-body .fc-content-skeleton .fc-event.fc-yolo-class-holiday .fc-title {
white-space: initial !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-header {
background-color: var(--primary_color);
color: white;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-header .fc-close {
margin: 7px 4px 6px 6px;
color: white;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-more {
color: var(--primary_color);
margin-left: 8px;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-more:hover {
text-decoration: none;
color: #0097d2;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event-container {
margin: 0 -1px;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event {
border-radius: 0px;
color: #333;
border-color: transparent;
background-color: #fff;
transition: all 0.3s ease 0s;
overflow: hidden;
animation: BottomToTop 0.25s linear 0s 1 alternate;
margin: 0;
margin-bottom: 1px;
padding: 5px 8px;
box-shadow: none;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event:hover,
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event:focus {
outline: none;
text-decoration: none;
color: black;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event .fc-time {
padding-right: 3px;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event .fc-ribbon {
position: absolute;
top: 5px;
left: 1px;
width: 4px;
height: 81%;
transition: all 0.3s ease 0s;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event.fc-not-start {
border-radius: 0;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event.fc-yolo-class-holiday {
background: transparent;
color: #fff;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event.fc-yolo-class-holiday .fc-bg {
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event.fc-yolo-class-holiday .fc-title {
white-space: initial !important;
}
.yolo-class-schedule-shortcode .fc-month-view .fc-popover .fc-body .fc-event.fc-yolo-class-holiday .fc-time {
display: none !important;
}
.fc-yolo-class-holiday {
text-align: center;
position: relative;
}
.fc-yolo-class-holiday .fc-content {
font-size: 24px;
color: #fff;
font-weight: 600;
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.yolo-container .yolo-row .yolo-class-schedule-shortcode .vc_column_container > .vc_column-inner {
padding-right: 15px;
padding-left: 15px;
}
.yolo-container .yolo-row .yolo-class-schedule-shortcode .fc-agendaWeek-view .fc-body .fc-time-grid .fc-event:hover {
margin: 0 -12% !important;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-head .fc-axis.fc-widget-header,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-head .fc-axis.fc-widget-header {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-time-grid .fc-slats td,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-time-grid .fc-slats td {
padding: 30px 0;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-bg .fc-axis.fc-widget-content,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-bg .fc-axis.fc-widget-content {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-slats .fc-axis.fc-widget-content,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-slats .fc-axis.fc-widget-content {
display: none;
}
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaDay-view .fc-body .fc-content-skeleton .fc-axis,
.yolo-class-schedule-shortcode.hide-time-column .fc-agendaWeek-view .fc-body .fc-content-skeleton .fc-axis {
display: none;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event {
background-color: var(--primary_color);
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event.time-short-2:hover .fc-content .fc-category {
display: none;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-trainer {
color: #333;
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-bg {
opacity: 0.5;
filter: alpha(opacity=50);
}
.yolo-class-schedule-shortcode.background-event .fc-view .fc-body .fc-time-grid .fc-event .fc-ribbon {
display: none;
}
.yolo-class-schedule-shortcode.event-style .fc-day-grid-event .fc-content {
white-space: initial;
}
.yolo-class-schedule-shortcode.event-style .fc-day-grid-event .fc-title {
line-height: 20px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-head table .fc-axis {
padding: 10px 15px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-axis {
padding: 20px 15px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event .fc-content .fc-category {
padding: 4px 4px;
}
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-trainer,
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-title,
.yolo-class-schedule-shortcode.small-view .fc-view .fc-body .fc-time-grid .fc-event.fc-yolo-class .fc-content .fc-time {
font-size: 12px;
}
.export-timetable {
text-align: right;
margin: 20px 0;
}
.export-timetable a {
transition: all 0.3s ease 0s;
}
.export-timetable a:focus,
.export-timetable a:hover {
text-decoration: none;
}
.export-timetable a i {
margin: 3px 5px 0 0;
}
.overlay-loading-tripped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
animation: progress-bar-stripes 0.4s linear infinite;
} @keyframes LeftToRight {
from {
transform: translate(-10%, 0);
opacity: 0;
filter: alpha(opacity=0);
}
to {
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
} @keyframes BottomToTop {
from {
transform: translate(0, 10%);
opacity: 0;
filter: alpha(opacity=0);
}
to {
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
} @keyframes YoloFadeIn {
from {
opacity: 0;
filter: alpha(opacity=0);
}
to {
opacity: 1;
filter: alpha(opacity=100);
}
} @keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} @media screen and (max-width: 991px) {
.yolo-class-schedule-shortcode {
display: none;
}
}
.yolo-responsive-schedule-wrap {
text-align: left;
}
.yolo-responsive-schedule-wrap .filter-mobile select {
width: 100%;
}
@media screen and (min-width: 992px) {
.yolo-responsive-schedule-wrap {
display: none;
}
}
.yolo-responsive-schedule-wrap a {
transition: all 0.2s ease 0s;
}
.yolo-responsive-schedule-wrap a:focus,
.yolo-responsive-schedule-wrap a:hover {
outline: none;
text-decoration: none;
}
.yolo-responsive-schedule-wrap .res-sche-content.overlay-loading-tripped {
background-color: #eee;
}
.yolo-responsive-schedule-wrap .res-sche-navigation {
position: relative;
height: 30px;
margin: 20px 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation h3 {
font-size: 18px;
position: absolute;
top: 0px;
left: 50%;
white-space: nowrap;
transform: translate(-50%, 0);
padding-bottom: 0;
margin: 0;
}
@media screen and (max-width: 321px) {
.yolo-responsive-schedule-wrap .res-sche-navigation h3 {
white-space: normal;
}
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev,
.yolo-responsive-schedule-wrap .res-sche-navigation .next {
position: absolute;
top: 0px;
border-radius: 50%;
border: 1px solid var(--primary_color);
color: var(--primary_color);
width: 30px;
height: 30px;
transition: all 0.3s ease 0s;
text-align: center;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev:focus,
.yolo-responsive-schedule-wrap .res-sche-navigation .next:focus,
.yolo-responsive-schedule-wrap .res-sche-navigation .prev:hover,
.yolo-responsive-schedule-wrap .res-sche-navigation .next:hover {
background-color: var(--primary_color);
color: white;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev i,
.yolo-responsive-schedule-wrap .res-sche-navigation .next i {
font-size: 12px;
display: inline;
vertical-align: baseline;
line-height: 16px;
margin: 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .prev {
left: 0;
}
.yolo-responsive-schedule-wrap .res-sche-navigation .next {
right: 0;
}
.yolo-responsive-schedule-wrap .item-weekday {
background-color: #ececec;
border: none;
font-size: 15px;
padding: 10px;
color: #333;
margin: 5px 0;
font-weight: 600;
}
.yolo-responsive-schedule-wrap .item-weekday.today {
background: #fcf8e3;
}
.yolo-responsive-schedule-wrap .item-day {
position: relative;
padding: 10px;
font-size: 15px;
}
.yolo-responsive-schedule-wrap .item-day .category {
display: block;
}
.yolo-responsive-schedule-wrap .item-day i {
font-weight: 400;
}
@media screen and (max-width: 479px) {
.yolo-responsive-schedule-wrap .item-day i {
display: none;
}
}
.yolo-responsive-schedule-wrap .item-day a {
margin: 0;
}
.yolo-responsive-schedule-wrap .item-day .fc-ribbon {
position: absolute;
top: 15px;
left: 0;
height: 10px;
width: 10px;
border-radius: 50%;
}
.yolo-responsive-schedule-wrap .item-day .event-title {
font-weight: 600;
}
.yolo-responsive-schedule-wrap .item-day .event-time {
font-size: 13px;
font-weight: 400;
opacity: 0.8;
}
.yolo-responsive-schedule-wrap .item-day .class-trainer {
font-size: 13px;
opacity: 0.8;
font-style: italic;
}
.yolo-responsive-schedule-wrap .item-day.fc-yolo-event-mobile a {
margin-left: 0;
}
.yolo-responsive-schedule-wrap.cat_bg_color .item-day,
.yolo-responsive-schedule-wrap.item_bg_image .item-day {
padding: 10px 20px;
margin: 0;
}
.yolo-responsive-schedule-wrap.item_bg_color .item-weekday {
margin: 30px 0;
margin-bottom: 0;
}
.yolo-responsive-schedule-wrap.item_bg_color .item-day a {
color: #fff;
}
.yolo-responsive-schedule-wrap.item_bg_color .item-day .fc-ribbon {
display: none;
}
.classic-schedule .yolo-class-schedule-shortcode .fc-view table td,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head td,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-resource-cell,
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header {
border-color: transparent !important;
}
.classic-schedule .yolo-class-schedule-shortcode .fc-view .fc-head table .fc-widget-header {
visibility: hidden;
}
.fc-day-grid-event .fc-time {
clear: right;
content: " ";
display: block;
font-weight: normal;
}
.fc-time-grid-event.fc-short.fc-event .fc-time span {
display: block;
}
.fc-time-grid-event.fc-short.fc-event .fc-time:after,
.fc-time-grid-event.fc-short.fc-event .fc-time:before {
content: none;
}
.fc-time-grid-event.fc-short.fc-event .fc-time span {
display: block;
}
.fc-time-grid-event.fc-short.fc-event .fc-time,
.fc-time-grid-event.fc-short.fc-event .fc-title {
display: block;
}