.decline, .disabled {
opacity: .75;
filter: grayscale(100%); -webkit-transform: translateZ(0) scale(1,1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn, .button {
display: inline-block;
}
video {
max-width: 100%;
} .loader {
display: none;
position: fixed;
top: calc(50% - 50px);
left: calc(50% - 25px);
z-index: 10;
width: 100px !important;
height: 50px;
margin: 0;
padding: 10px 20px;
background-color: #888;
border-radius: 5px;
} .loader:before {
content: '';
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(0,0,0,.5);
}
.loader > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.5s infinite ease-in-out both;
animation: sk-bouncedelay 1.5s infinite ease-in-out both;
} .loader > div:first-child {
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
} .loader > div:nth-child(2) {
-webkit-animation-delay: -.25s;
animation-delay: -.25s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 100%, 80% {
-webkit-transform: scale(0)
} 40% {
-webkit-transform: scale(1)
}
} @keyframes sk-bouncedelay {
0%, 100%, 80% {
-webkit-transform: scale(0);
transform: scale(0)
} 40% {
-webkit-transform: scale(1);
transform: scale(1)
}
} .course form,
body.post-type-archive-course form {
padding-bottom: 1.5em;
}
body.post-type-archive-course .posts-container { height: auto !important;
} .course:not(.type-course) {
padding: 5rem;
margin-bottom: 1rem;
border: 1px solid rgba(0,0,0,.5);
}
.course .red {
color: #d65050;
} .course .red:hover {
color: #ff0000;
}
.course .progress-wrapper {
margin-bottom: 15px;
padding-top: 0;
} .course progress {
color: #fff;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
} .course progress::-webkit-progress-bar {
background-color: #f3f3f3;
} .course progress::-webkit-progress-value {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
} .course progress::-moz-progress-bar {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
}
.course .yellow progress::-webkit-progress-bar {
background-color: #f3f3f3;
} .course .yellow progress::-webkit-progress-value {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #F7CD2E 0%, #F6B12A 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7CD2E), color-stop(100%,#F6B12A));
background: -webkit-linear-gradient(top,  #F7CD2E 0%,#F6B12A 100%);
background: -ms-linear-gradient(top,  #F7CD2E 0%,#F6B12A 100%);
background: linear-gradient(to bottom,  #F7CD2E 0%,#F6B12A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CD2E', endColorstr='#F6B12A',GradientType=0 );
} .course .yellow progress::-moz-progress-bar {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #F7CD2E 0%, #F6B12A 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7CD2E), color-stop(100%,#F6B12A));
background: -webkit-linear-gradient(top,  #F7CD2E 0%,#F6B12A 100%);
background: -ms-linear-gradient(top,  #F7CD2E 0%,#F6B12A 100%);
background: linear-gradient(to bottom,  #F7CD2E 0%,#F6B12A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CD2E', endColorstr='#F6B12A',GradientType=0 );
}
.course .red progress::-webkit-progress-bar {
background-color: #f3f3f3;
} .course .red progress::-webkit-progress-value {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #FC0D1B 0%, #C30712 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0D1B), color-stop(100%,#C30712));
background: -webkit-linear-gradient(top,  #FC0D1B 0%,#C30712 100%);
background: -ms-linear-gradient(top,  #FC0D1B 0%,#C30712 100%);
background: linear-gradient(to bottom,  #FC0D1B 0%,#C30712 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC0D1B', endColorstr='#C30712',GradientType=0 );
} .course .red progress::-moz-progress-bar {
background: #cdeb8e;
background: -moz-linear-gradient(top,  #FC0D1B 0%, #C30712 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0D1B), color-stop(100%,#C30712));
background: -webkit-linear-gradient(top,  #FC0D1B 0%,#C30712 100%);
background: -ms-linear-gradient(top,  #FC0D1B 0%,#C30712 100%);
background: linear-gradient(to bottom,  #FC0D1B 0%,#C30712 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC0D1B', endColorstr='#C30712',GradientType=0 );
}
.course table, .course tr, .course th, .course td, .course table input {
font-size: 16px;
} .course th {
min-width: 40px;
} .course th:first-child, .course td:first-child, .course th:last-child, .course td:last-child {
text-align: center;
} .course table input {
height: auto !important;
padding: 0 !important;
background-color: transparent !important;
outline: none !important;
border: none !important;
border-bottom: 2px solid #e0e0e0 !important;
} .course table .button {
margin: 0;
padding: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
} .course table .button:hover {
opacity: .75;
text-decoration: none !important;
} .course table .button.goodwill {
margin-top: .25rem;
background-color: var(--wc-green);
} .course .slider.slick-dotted.slick-slider {
margin-bottom: 100px;
}
.course .slider .slide {
padding: 1rem;
outline: none;
} .course .slide h4 {
margin-top: 2rem;
}
.course button.slick-prev, button.slick-next {
width: 30px;
height: 30px;
background-color: transparent;
} .course button.slick-prev {
left: -3.5rem;
} .course button.slick-next {
right: -3.5rem;
} .course button.slick-prev:before, button.slick-next:before {
color: #000;
font-size: 30px;
transition: all .3s;
}
.course .slick-dots {
bottom: -35px;
} .course .slick-dots li button:before {
font-size: 15px;
line-height: 40px;
}
.course button.slick-arrow {
top: 30px;
} .livesearch {
display: none;
position: absolute;
z-index: 9999;
margin: 0;
padding: 0;
width: 250px !important;
max-height: 300px;
overflow-y: scroll;
border: 1px solid rgba(0,0,0,.5);
background: rgba(255,255,255,0.95);
box-shadow: rgba(0,0,0,.2) 0 10px 20px;
}
.livesearch li {
margin: 0;
padding: 0;
list-style: none;
} .livesearch li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.5);
}
.livesearch li span:not(.expiry), .livesearch li a {
display: block;
padding: 5px 10px;
} .livesearch li a {
color: inherit;
font-size: 16px;
line-height: normal;
text-decoration: none;
} .livesearch li a:hover, .livesearch li.selected a {
background: rgba(0,0,0,.1);
} .cbs-weekday-grid .cbs-weekday-course h2 {
margin-top: 0;
}
.cbs-weekday-grid .cbs-weekday-course img {
float: left;
width: 75px;
margin-right: 1em;
}          .wc-block-components-notice-banner[data-fixed="true"] {
position: fixed !important;
top: 1em; right: 1em; left: 1em;
width: calc(100% - 2em);
z-index: 99999;
} .admin-bar .wc-block-components-notice-banner[data-fixed="true"] {
top: calc(32px + 1em);
} #account {
margin-bottom: 5rem;
}
@media only screen and (min-width: 768px) {
.cbs-timetable.divided:not(.morning) h4, .cbs-timetable.divided .cbs-no-courses {
display: none;
}
.cbs-timetable.divided .cbs-timetable-column:nth-child(2n) {
background-color: rgba(0,0,0,.05);
border-radius: 10px;
} .cbs-timetable.divided .cbs-timetable-column:nth-child(2n) h4 {
text-indent: .5rem;
}
.cbs-weekday-grid {
display: grid;
grid-template-columns: repeat(2,50%);
column-gap: 2.5%;
row-gap: 1rem;
}
}
@media only screen and (max-width: 768px) {
.course:not(.type-course) {
padding: 25px;
}
.course button.slick-prev, button.slick-next {
width: 30px;
height: 30px;
background-color: transparent;
} .course button.slick-prev {
left: -40px;
} .course button.slick-next {
right: -40px;
} .course button.slick-prev:before, button.slick-next:before {
color: #000;
font-size: 30px;
transition: all .3s;
}
.woocommerce-MyAccount-content table.bookings-table, .woocommerce-MyAccount-content table.subscription-table, .woocommerce-MyAccount-content table.bookings-past-table, .woocommerce-MyAccount-content table.waitlist-table,
body.single-course table, body.post-type-archive-course table, {
display: block;
overflow-x: auto;
white-space: nowrap;
border: 0 none;
}
}
@media only screen and (max-width: 480px) {
.course .slide {
padding: 0;
}
.slick-dots li {
margin: 0 !important;
}
}
@media print {
table {
font-size: 14px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
a[href]:after { content: none !important; }
img[src]:after { content: none !important; }
.cbs-weekday-grid {
display: block;
} .cbs-weekday-grid .cbs-weekday-course:not(:first-child) {
break-before: always;
page-break-before: always;
}
.course:not(.type-course) {
padding: 25px;
margin-bottom: 0;
}
}