/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 480px) {
  .container {
    max-width: 480px;
  }
}

@media (min-width: 600px) {
  .container {
    max-width: 600px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 782px) {
  .container {
    max-width: 782px;
  }
}

@media (min-width: 960px) {
  .container {
    max-width: 960px;
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.top-0 {
  top: 0px;
}

.z-auto {
  z-index: auto;
}

.z-40 {
  z-index: 40;
}

.z-10 {
  z-index: 10;
}

.m-6 {
  margin: 1.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-screen {
  height: 100vh;
}

.min-h-screen {
  min-height: 100vh;
}

.w-64 {
  width: 16rem;
}

.w-8 {
  width: 2rem;
}

.w-16 {
  width: 4rem;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-40 {
  width: 10rem;
}

.w-56 {
  width: 14rem;
}

.w-80 {
  width: 20rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-grow {
  flex-grow: 1;
}

.basis-12 {
  flex-basis: 3rem;
}

.border-collapse {
  border-collapse: collapse;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.columns-2 {
  -moz-columns: 2;
       columns: 2;
}

.columns-4 {
  -moz-columns: 4;
       columns: 4;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-1 {
  gap: 0.25rem;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 0.25rem;
}

.border {
  border-width: 1px;
}

.p-6 {
  padding: 1.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-0 {
  padding: 0px;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.outline {
  outline-style: solid;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.alignfull {
  margin: 2rem calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw;
}

.alignwide {
  margin: 2rem 0;
  max-width: 1280px !important;
}

.alignnone {
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
}

.aligncenter {
  margin: 0.5rem auto;
  display: block;
}

 {
    line-height:1.4em;
    max-width:100%;
  }

 .aligncenter{
      margin:0 0 30px;
      line-height:1.5;
    }

 .aligncenter{
        margin:0 15px 30px;
        line-height:0;
        z-index:8
      }

{

{
    }
  }

 .aligncenter{
        margin:0 15px 30px;
        line-height:0;
        z-index:8
      }

 .aligncenter{
        margin:0 15px 30px;
        line-height:0;
        z-index:8
      }

@media screen and (max-width: 768px) {
  .aligncenter.side .block_media{
    max-width:100%;
  }
     .aligncenter{
      margin:0 0 30px;
      line-height:1.5;
    }

  .aligncenter.side .block_content{
    clear:both;
    width:100%;
  }

   {
    line-height:1.4em;
    max-width:100%;
  }
     .aligncenter{
      margin:0 0 30px;
      line-height:1.5;
    }
       .aligncenter{
        margin:0 15px 30px;
        line-height:0;
        z-index:8
      }
}

.aligncenter{
  /*=================
  GENERAL
  =================*/
}

.aligncenter.courseitem.course2{
}

.aligncenter.courseitem.course3{
  border: 1px solid var(--border);
  border-radius: 2px
}

.aligncenter.courseitem.course4{
}

.aligncenter.courseitem.course5{
}

.aligncenter.courseitem.course6{
  overflow:visible;
  border:none
}

.aligncenter.course7 {
  border: 2px solid rgba(0,0,0,0.2);
  border-radius:15px;
  overflow: hidden
}

.aligncenter.course8{
  transition:all 0.5s;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px #ececec
}

.dark .aligncenter.courseitem .block_content{
  background: var(--border);
  border-color:var(--border);
}

.dark .aligncenter.courseitem span.clear, 
.dark .aligncenter.courseitem .block_title, 
.dark .aligncenter.courseitem.course2 .instructor_course+a, 
.dark .aligncenter.courseitem.course2 .instructor_course+strong{
  border-color:var(--border);
}

.aligncenter.course9{
}

.aligncenter.course10{
  display: flex;
  flex-direction: column;
  height:100%
}

.vibe_carousel.columns1 .aligncenter.courseitem{
  margin-right:0;
}

@media (min-width: 600px) {
  .alignleft:not(.wp-block-button) {
    margin-right: 0.5rem;
    float: left;
  }

  .alignright:not(.wp-block-button) {
    margin-left: 0.5rem;
    float: right;
  }

  .wp-block-button.alignleft a {
    float: left;
    margin-right: 1rem;
  }

  .wp-block-button.alignright a {
    float: right;
    margin-left: 1rem;
  }
}

.wp-caption {
  display: inline-block;
}

.wp-caption img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.wp-caption-text {
  font-size: 0.875rem;
  color: #4b5563;
}

body{
  --max-container-width: 1140px;
  --logo_height: 40px;
  --bodybg:  #fafafa;
  --content_bg: #fff;
  --content_color: #232;
  --primary_bg: #f62b89;
  --primary_color:  #fff;
  --secondary-color: #14B8A6;
  --light-color: #f1f7f8;
  --root-menu-font-size: 1rem;
  --root-menu-main-active-color: #f62b89;
  --nav_bg: #fff;
  --nav_color: #343434;
  --sub-menu-font-size: 1rem;
  --sub-menu-border: none;
  --sub-menu-border-radius:  0;
  --sub-menu-padding: 0.125rem 1.2rem;
  --sub-menu-hover-background: #f5f4f8;
  --sub-menu-hover-color:  #f62b89;
  --sub-menu-box-shadow:  0 10px 30px 0 rgb(31 45 61 / 26%);
  --sub-menu-border-radius: .5rem;
  --sub-menu-min-width: 19.5rem;
  --post-content-border:  rgba(0,0,0,0.08);
  --post-element-border:  rgba(0,0,0,0.08);
  --post-content-space: 2.5rem;
  --sidebbar-widget-padding: 2.5rem;
  --primary: #f62b89;
  --highlight-bg: #fafafa;
  --highlight-color: #222;
  --border:  rgba(0,0,0,0.08);
  --swiper-navigation-size:1.2rem;
  --swiper-navigation-color:#222;
  --swiper-theme-color:#f62b89;
  --wp--style--block-gap: 1em;
  --body-font: 'roboto_slabbold';
  --heading-font: 'roboto_slabbold';
  --header_bg: #fff;
  --header_top_bg: #fff;
  --header_top_color: #222;
  --title_color: #222;
  --footer_bg: #f1f1f1;
  --footer_color: #5a5a5a;
  --footer_heading_color:#333;
  --footer_bottom_bg:#232;
  --footer_bottom_color: #fff;
  --h1_size: 3.5rem;
  --h1_font: 'roboto_slabbold';
  --h2_size: 2.5rem;
  --h2_font: 'roboto_slabbold';
  --h3_size: 1.5rem;
  --h3_font: 'roboto_slabbold';
  --h4_size: 1.15rem;
  --h4_font: 'roboto_slabbold';
  --h5_size: 1rem;
  --h5_font: 'roboto_slabbold';
  --h6_size: 0.875rem;
  --h6_font: 'roboto_slabbold';
  --contentbg: --content_bg;
}

body.dark_theme{
    --header-background-color: #242942;
    --header_top_bg: #242942;
    --content_color: rgba(255,255,255,0.8);
    --root-menu-main-color: #dfdfdf;
    --sub-menu-background-color:#2c2b38;
    --sub-menu-hover-background: #423c54;
    --header_color: #fff;
    --header_top_color: #fff;
    --bodybg: #252b4e;
    --header_bg: #242942;
    --highlight: #1e2938;
    --text: #e7e7e7;
    --title_color: #fff;
    --content_bg: #1a203c;
    --content-color: #e7e7e7;
    --bold: #394C62;
    --primary: #5A8DEE;
    --secondary: #475F7B;
    --success: #39DA8A;
    --primarycolor: #fff;
    --sidebar: #f4f4ff;
    --border: rgba(255,255,255,0.08);
    --post-content-border: rgba(255,255,255,0.08);
    --darkborder: rgba(255,255,255,0.3);
    --light-color: #2c2c3e;
    --light: #A3AFBD;
    --dark: #394C62;
    --shadow: rgba(0,0,0,0.2);
    --footer_bg: #20243a;
    --footer_color: #dcdcdc;
  }

h1{
  font-size: var(--h1_size);
  font-family: var(--h1_font);
  line-height: 0.875;
}

h2{
  font-size: var(--h2_size);
  font-family: var(--h2_font);
  line-height: 0.9;
}

h3{
  font-size: var(--h3_size);
  font-family: var(--h3_font);
}

h4{
  font-size: var(--h4_size);
  font-family: var(--h4_font);
}

h5{
  font-size: var(--h5_size);
  font-family: var(--h5_font);
}

h6{
  font-size: var(--h6_size);
  font-family: var(--h6_font);
}

.text_color,.text_color.elementor-widget-heading .elementor-heading-title{
  color: var(--content_color) !important;
}

select {
  border: 1px solid var(--border);
  min-height: 38px;
  background: var(--content_bg);
  color: var(--content_color);
}

.list-none > li{
  list-style: none;
}

header.site_header{
  z-index: 9999;
  /*========================================================================*/
}

header.site_header nav > ul.menu > li{
    margin: 0 -1rem;
    position: relative !important;
  }

header.site_header nav > ul.menu > li.current-page-item > a{
      color: var(--primary);
    }

header.site_header nav > ul.menu > li:hover{
      background: var(--border);
    }

header.site_header nav > ul.menu > li > a{
      width: 100%;
      padding: 0.5rem 1rem;
      margin: 0;
    }

header.site_header nav > ul.menu > li > a:before{
        display: none;
      }

header.site_header nav > ul.menu > li >.sub-menu{
      left: 100%;
      top: 0;
    }

header.site_header nav .menu li{
        position:relative;
      }

header.site_header nav .menu li.menu-item-has-children:hover > a:before{
              content: '';
              position: absolute;
              height: 15px;
              width: 15px;
              left: 14px;
              bottom: -1px;
              border: 7px solid;
              border-color: transparent transparent rgba(0,0,0,.1) transparent;
            }

header.site_header nav .menu li.active a{
            color:var(--primary_bg);
            position: relative;
          }

header.site_header nav .menu li.current-menu-item a{
            opacity: 1;
          }

header.site_header nav .menu li.iconstyle{
          width:88px;
        }

header.site_header nav .menu li.iconstyle > .sub-menu{
            width: 360px;
            margin-left:-50%;
          }

header.site_header nav .menu li:hover > a{
            opacity:1;
          }

header.site_header nav .menu li:hover > .sub-menu{
            display: block;
            width:176px;
            opacity: 1;
          }

header.site_header nav .menu li:hover.hasmegamenu {
            position:static;
          }

header.site_header nav .menu li:hover.hasmegamenu > .sub-menu{
            width:100%;
          }

header.site_header nav .menu li li.megadrop > .sub-menu{
          width:100%;
        }

header.site_header nav .menu li .menu-sidebar{
          padding:0 10px;
          display: inline-block;
          width:100%;
        }

header.site_header nav .menu li .menu-sidebar.column5 .widget{
            width:20%;
            float:left;
          }

header.site_header nav .menu li .menu-sidebar.column4 .widget{
            width:25%;
            float:left;
          }

header.site_header nav .menu li .menu-sidebar.column3 .widget{
            width:33%;
            float:left;
          }

header.site_header nav .menu li .menu-sidebar.column2 .widget{
            width:50%;
            float:left;
          }

header.site_header nav .menu li .menu-sidebar .widget{
            padding: 15px;
            border-left: 1px solid var(--border);
          }

header.site_header nav .menu li .menu-sidebar .widget .inside{
              padding:20px 0;
            }

header.site_header nav .menu li .menu-sidebar .widget h4.widget_title{
              border:none;
            }

header.site_header nav .menu li .menu-sidebar .widget ul li{
              border:none;
              padding:0;
            }

header.site_header nav .menu li .menu-sidebar .widget ul li a{
                padding: 4px 0;
                margin:0;
                font-weight:600;
                color: var(--header_color);
                border-bottom:1px dotted var(--border);
              }

header.site_header nav .menu li .menu-sidebar .widget ul li a:hover{
                  color: var(--primary_bg);
                }

header.site_header nav .menu li .menu-sidebar .widget_course_list li h6{
                color:var(--header_color);
              }

header.site_header nav .menu li .menu-sidebar .widget_course_list li img{
                border-color:rgba(0,0,0,0.2);
              }

header.site_header nav .sub-menu{
      position:absolute;
      opacity: 0;
      top:100%;
      left:0;
      width:100%;
      z-index: 99;
      display: none;
      background:var(--nav_bg);
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      box-shadow: 0 1px 1px var(--sub-menu-box-shadow);
    }

header.site_header nav .sub-menu li{
        display: block;
        position: relative;
        width:100%;
      }

header.site_header nav .sub-menu li a{
          color:var(--nav_color);
          border-bottom:1px dotted var(--border);
          padding:10px;
        }

header.site_header nav .sub-menu li a:hover{
            opacity: 1;
          }

header.site_header nav .sub-menu li > .sub-menu:before{
          content: '';
          border: none;
        }

header.site_header nav .sub-menu li > .sub-menu{
          top:0;
          left:100%;
        }

header.site_header nav .sub-menu li.left > .sub-menu{
          top:0;
          left:-100%;
        }

header.site_header nav .sub-menu li:hover > a{
            opacity: 1;
          }

header.site_header nav .sub-menu li:last-child a{
          border-bottom:none;
        }

/*   02. MEGA MENU
	/*========================================================================*/

header.site_header .megadrop .menu-sidebar{
      transform:translateZ(0);
    }

header.site_header .megadrop .menu-sidebar .widget ul li a:hover{
                opacity:1;
              }

header.site_header .megadrop .menu-sidebar .widget + .widget{
          margin:0;
        }

header.site_header .megadrop .menu-sidebar .widget .widgettitle{
          font-size:14px;
          color:#FFF;
          margin:0 ;
          font-weight:600;
          padding-bottom:10px;
          text-transform: uppercase;
          border-bottom:1px solid rgba(255,255,255,0.1);
        }

header.site_header .megadrop .menu-sidebar.column5 .widget:nth-child(5n+1){
          clear:both;
          border-left:none;
        }

header.site_header .megadrop .menu-sidebar.column4 .widget:nth-child(4n+1){
        clear:both;
        border-left:none;
      }

header.site_header .megadrop .menu-sidebar.column3 .widget:nth-child(3n+1){
        clear:both;
        border-left:none;
      }

header.site_header .megadrop .menu-sidebar.column2 .widget:nth-child(2n+1){
        clear:both;
        border-left:none;
      }

header.site_header .megadrop .menu-cat_subcat{
      min-height: 180px;
    }

header.site_header .megadrop .menu-cat_subcat .taxonomy_menu > li{
          position:static;
        }

header.site_header .megadrop .menu-cat_subcat .taxonomy_menu > li > a{
            width:20%;
          }

header.site_header .megadrop .menu-cat_subcat .taxonomy_menu li:first-child .sub_cat_menu{
            display:block;
            z-index:1;
          }

header.site_header .megadrop .menu-cat_subcat li:hover>.sub_cat_menu{
        display:block;
        z-index:2;
      }

header.site_header .megadrop .menu-cat_subcat li:hover>.sub_cat_menu .row{
          align-items: flex-start;
        }

header.site_header .megadrop .menu-cat_subcat .sub_cat_menu{
        display:none;
        position: absolute;
        padding:15px;
        top: 0;
        left:176px;
        width: calc(100% - 176px);
        height:100%;
        overflow-y: hidden;
        border-left: 1px solid rgba(0,0,0,0.1);
      }

header.site_header .megadrop .menu-cat_subcat .sub_cat_menu a{
          width:100%;
          margin:5px;
          padding:0;
        }

header.site_header .megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu{
          padding:15px 30px ;
        }

header.site_header .megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu a{
            width:100%;
            margin:15px 0 30px;
            padding:0;
          }

header.site_header .megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu a .menu_featured img{
                border-radius: 2px;
                margin-bottom: 10px;
                width:100%;
              }

.glassmorph{
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 80px rgb(0 0 0 / 20%);
}

.alignright{
  display: flex;
  justify-content: flex-end;
}

.aligncenter{
  display: flex;
  justify-content: center;
}

.alignwide{
  margin: 0.5rem calc(var(--post-content-space) * -1) !important;
  max-width: none;
  width: calc(100% + calc(var(--post-content-space) * 2)) !important;
}

.alignfull{
  margin: 0.5rem calc(50% - 50vw) !important;
  max-width: 100% !important;
  position: relative;
}

.course_instructor_featured_block_wrapper {
  border: 1px solid var(--border);
  padding: 1rem;
  border-radius: 1rem;
  background: var(--content_bg);
}

.course_instructor_featured_block_wrapper img {
    border-radius: 0.5rem;
  }

.breadcrumbs{
  display: flex;
  padding:0;
  margin:0;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none !important;
  color: var(--title_color);
}

.breadcrumbs li+li:before{
      content: "/";
      margin-right:0.5rem;
    }

.breadcrumbs li a{
      font-weight:400;
      color:$breadcrumbscolor;
    }

.breadcrumbs li.current span{
        font-weight:600;
      }

/*========================================================================*/

/*   01. REVIEWS
/*========================================================================*/

.course_reviews .review_breakup{
    display: flex;
    margin: -0.5rem;
  }

.course_reviews .review_breakup > * {
      margin: 0.5rem;
    }

.course_reviews .review_breakup {
    text-align:center;
}

.course_reviews .review_breakup .rating_snapshot{
      flex: 1 0 240px;
    }

.course_reviews .review_breakup .rating_snapshot h2{
        font-size:120px;
        line-height:1.4;
        font-weight:600;
        margin:0;
      }

.course_reviews .review_breakup .rating_snapshot .modern-star-rating{
        display:inline-block;
      }

.course_reviews .review_breakup .rating_snapshot .modern-star-rating .fa{
          color:#FFCB10;
          float:left;
          font-size:20px;
        }

.course_reviews .review_breakup .rating_snapshot span{
        color:#aaa;
        display:block;
      }

.course_reviews .review_breakup ul.rating_breakup{
      margin-top:20px;
      display: inline-block;
      width: 100%;
    }

.course_reviews .review_breakup ul.rating_breakup li{
        display:block;
      }

.course_reviews .review_breakup ul.rating_breakup li>span{
          float:left;
          font-size:11px;
          text-transform:uppercase;
          letter-spacing:1px;
          font-weight:600;
          margin:15px 15px 0 0;
        }

.course_reviews .review_breakup ul.rating_breakup li strong{
          border-bottom: 1px solid var(--border);
          background:var(--border);
          height: 40px;
          border-radius:2px;
          display:block;
          overflow: hidden;
        }

.course_reviews .review_breakup ul.rating_breakup li strong>span{
            color:var(--primary_color);
            background: var(--primary_bg);
            display: block;
            font-weight:600;
            height: 40px;
            line-height: 2.8;
          }

.course_reviews .show_course_reviews{
    padding: 30px 0;
    clear:both;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
  }

.course_reviews .show_course_reviews .show_reviews{
      position:absolute;
      bottom:0;
      width:100%;
      cursor:pointer;
      background:var(--body_bg);
      padding: 15px 20px;
      text-align: center;
      font-size:11px;
      text-transform:uppercase;
      font-weight:bold;
      border-top: 1px solid var(--border);
    }

.course_reviews .show_course_reviews .show_reviews:hover{
        background:var(--border);
      }

.course_reviews .show_course_reviews.active{
      max-height:none;
    }

.course_reviews .show_course_reviews .reviewlist.commentlist{
      margin:0;
    }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment{
        padding:15px 0;
        border-bottom:1px solid var(--border);
      }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-avatar{
          float:left;
        }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-avatar img{
            max-width:80px;
            border-radius:50%;
            margin-top:20px;
          }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content{
          margin-left: 100px;
        }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .comment-meta{
            margin:0;
            display:block;
            opacity:0;
            font-size:11px;
            text-transform:uppercase;
            color:#aaa;
          }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .comment-meta a,.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .comment-meta .comment-reply-link{
              color:var(--border);
              background:none;
              padding:0;
            }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .comment-meta a:before,.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .comment-meta .comment-reply-link:before{
                content: ' / ';
              }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content h3{
            margin:0;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-bottom: 10px;
            font-weight: 600;
          }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .modern-star-rating{
            display:inline-block;
          }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-body-content .modern-star-rating .fa{
              color:#FFCB10;
              float:left;
            }

.course_reviews .show_course_reviews .reviewlist.commentlist .comment-body:hover .comment-body-content .comment-meta{
              opacity:1;
            }

.hide{
  display: none;
}

.commentratingbox .star{
    display:block;
    width:20px;
    font-size: 18px;
    line-height: 10px;
    float:left;
    cursor: pointer;
    zoom:1;
  }

.commentratingbox .star:after{
      content:"★★★★★";
      color:#FFCB10;
    }

.commentratingbox .star.fullStar:after{
        content:"★★★★★";
        color:#FFCB10;
      }

.commentratingbox .star.fullStar.tmp_fs,.commentratingbox .star.fullStar.tmp_es{
        color:#bbb;
      }

.commentratingbox .star .stars{
      overflow: hidden;
      margin-left:10px;
    }

.commentratingbox .star.tmp_es:after{
        content:"\f006";
        color:#bbb;
      }

.commentratingbox .star.tmp_fs:after{
        content:"\f005";
        color:#bbb;
      }

.course_reviews .show_course_reviews ol.reviewlist.commentlist li+ul.children {
  margin-left:3rem;
}

.course_reviews .show_course_reviews ol.reviewlist.commentlist li+ul.children li{
  display:block;
  margin-bottom:3rem;
  min-height:120px;
}

.course_reviews .show_course_reviews ol.reviewlist.commentlist li+ul.children li img{
  margin-top:0 !important;
}

@media(max-width:500px){
  .course_reviews .show_course_reviews ol.reviewlist.commentlist li+ul.children {
    margin-left:1rem;
  }
}

/*========================================================================*/

/*   02. STAR RATING
/*========================================================================*/

.bp_blank_stars {
  position: relative;
  display: inline-block;
  color: #FFCB10;
  font-size:100%;
  overflow: hidden;
}

.bp_filled_stars {
  position: absolute;
  top: 0;
  height:100%;
  color: #FFCB10;
  overflow: hidden;
  float: left;
  left: 0;
  font-size:100%;
}

.bp_blank_stars:before {
  content:"☆☆☆☆☆";
}

.bp_filled_stars:before{
  content:"★★★★★";
}

/*========================================================================*/

/*   02. MISC
/*========================================================================*/

.swiper-button-next, .swiper-button-prev{
  width: 2.5rem !important;
  height: 2.5rem !important;
  background: #fff !important;
  font-weight:800;
  border-radius:50%;
  box-shadow:0 1px 1rem rgba(0,0,0,0.2);
}

.gap-2{
  gap: 0.5rem !important;
}

/*========================================================================*/

/*   02. COMMENTS
/*========================================================================*/

#comments{
  clear: both;
}

#comments:before {
    content: '';
    display: block;
    clear: both;
  }

#comments h2 {
    font-size: 2.5rem;
    font-weight: 800;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    line-height: 1;
  }

#comments h2 svg{
      width: 2.5rem;
      height: 2.5rem;
    }

#comments h3#reply-title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

#comments ol.comment-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }

#comments ol.comment-list > li{
      border: 1px solid var(--post-content-border);
      padding: 1.5rem;
      background: var(--contentbg);
    }

#comments ol.comment-list > li h3#reply-title {
        margin-top: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

#comments ol.comment-list > li h3#reply-title small{
          font-size: 0.75rem;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: 600;
          opacity: 0.6;
          text-align: end;
        }

#comments ol.comment-list > li h3#reply-title small:hover{
            opacity: 1;
            color: var(--bg-primary);
          }

#comments ol.comment-list > li .children{
        margin: 1rem 0 0 1rem;
      }

#comments ol.comment-list > li .children li{
          padding: 1rem 0;
          margin: 1rem 0;
          border-top: 1px solid var(--border);
        }

#comments ol.comment-list > li .children li:last-child{
            margin-bottom: 0;
            padding-bottom: 0;
          }

#comments ol.comment-list article{
      display: flex;
      flex-direction: column;
    }

#comments ol.comment-list article footer{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--post-content-border);
      }

#comments ol.comment-list article footer .comment-metadata{
          font-size: 0.75rem;
          opacity: 0.6;
          text-transform: uppercase;
        }

#comments ol.comment-list article footer .vcard {
          display: flex;
          align-items: center;
          gap: 1rem;
        }

#comments ol.comment-list article footer .vcard .says {
            display: none;
          }

#comments ol.comment-list article footer .vcard .avatar {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 5px;
          }

#comments ol.comment-list article .comment-content {
        padding: 0.5rem 0;
      }

#comments ol.comment-list article a.comment-reply-link {
        margin-top: 1rem;
        display: flex;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        opacity: 0.6;
      }

#comments ol.comment-list article a.comment-reply-link:hover{
          opacity: 1;
          color: var(--bg-primary);
        }

#comments .logged-in-as {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-wrap: wrap;
  }

#comments div#respond {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

#comments form#commentform {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

#comments form#commentform label{
      font-size:0.875rem;
    }

#comments form#commentform p.comment-notes,#comments form#commentform textarea,#comments form#commentform .comment-form-cookies-consent,#comments form#commentform .form-submit {
      grid-column: 1/-1;
    }

#comments form#commentform textarea,#comments form#commentform input[type="text"],#comments form#commentform input[type="email"],#comments form#commentform input[type="url"]{
      border:1px solid var(--post-content-border);
      min-height:40px;
      width:100%
    }

#comments .no-comments{
    font-size: 1rem;
    opacity: 0.6;
    margin-top: 1rem;
  }

.swiper-button-prev, .swiper-button-next {
  opacity: 0;
}

.swiper:hover .swiper-button-prev,.swiper:hover .swiper-button-next {
  opacity: 1;
}

ul.widget_course_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

ul.widget_course_list li {
    display: flex;
    gap: 0.5rem;
  }

ul.widget_course_list li img {
      width: 64px;
      border-radius: 5px;
    }

ul.widget_course_list .course-list1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.8rem;
    color: var(--footer_color));
  }

ul.widget_course_list .course-list1 h6,ul.widget_course_list .course-list1 .students {
      flex: 0 0 100%;
    }

.item-list-tabs ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.item-list-tabs ul .last{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
  }

#item-body .vibe_carousel .slides{
    display:grid;
    grid-gap:1rem;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  }

#item-body .vibe_carousel .slides li{
      margin-right:0
    }

div#object-nav ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

div#object-nav ul>li {
    padding: 0.25rem 0.5rem;
  }

div#object-nav ul>li.current {
      background: var(--primary_bg);
      border-radius: 5px;
      color: var(--primary_color);
    }

div#item-header {
  background: var(--content_bg);
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

div#item-nav {
  background: var(--content_bg);
  padding: 0.5rem;
  border-radius: 1rem;
}

/**
 * File: woocommerce.scss
 * Description : Contains all styling for the WooCommerce in WPLMS
 * Author: Mr.Vibe 
 * Credits: www.VibeThemes.com
 * Project: WPLMS
 * version 2.0
 **/

/*========================================================================*/

/*   TABLE OF CONTENT
/*========================================================================*/

/*
/*    01. GLOBAL STYLING
/*    02. TYPOGRAPHY STYLING
/*    03. FORMS STYLING
/*    04. SELECT DROPDOWN
/*    05. LINKS STYLING
/*    06. LISTS STYLING
/*    07. PAGE BLOCKS
/*    08. MISCELLANEOUS
/*
/*========================================================================*/

/*   01. DEFAULT STYLING 
/*========================================================================*/

.content_bg{
  background: var(--content_bg);
  border: 1px solid var(--border);
  border-radius: 1rem;
}

.course_featured img{
  border-radius: 5px;
}

/*========================================================================*/

/*   01. DEFAULT STYLING 
/*========================================================================*/

.mega_course_blocks .in_tabs{
    border-bottom: 2px solid var(--border);
  }

.mega_course_blocks .in_tabs label{
      padding: 1rem 0;
      position: relative;
    }

.mega_course_blocks .in_tabs label.active{
        color: var(--primary_bg);
      }

.mega_course_blocks .in_tabs label.active:after{
          position: absolute;
          content: '';
          bottom: -2px;
          height: 2px;
          width: 100%;
          left: 0;
          display: block;
          background: var(--primary_bg);
        }

.mega_course_blocks .in_tab_details{
    display: none;
  }

.mega_course_blocks .in_tab_details.active{
      display: block;
    }

/*========================================================================*/

/*   01. GENERAL STYLING 
/*========================================================================*/

.clear1,
.clear2:nth-child(2n+1),
.clear3:nth-child(3n+1),
.clear4:nth-child(4n+1),
.clear6:nth-child(6n+1){
  clear:both;
}

.grid_item.clear2:nth-child(2n+1),
.grid_item.clear3:nth-child(3n+1),
.grid_item.clear4:nth-child(4n+1),
.grid_item.clear6:nth-child(6n+1){
  clear:none;
}

.items-start {
  align-items: flex-start !important;
}

.the_course_button {
  max-width: 240px;
}

.has-border-color{
  border-color: var(--border);
}

.pagetitle{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pagetitle h1,.pagetitle h2,.pagetitle h5{
    color: var(--title_color);
  }

input, select{
  background: transparent;
}

.grid li {
    line-height:1.4em;
    max-width:100%;
  }

.grid li .block{
      margin:0 0 30px;
      line-height:1.5;
    }

.grid.masonry li .block{
        margin:0 15px 30px;
        line-height:0;
        z-index:8;
      }

.grid.masonry li .block:hover{
          z-index:9;
        }

.pagecontent{
  margin:30px 0;
  position:relative;
}

/*========================================================================*/

/*   01. IFRAME STYLING 
/*========================================================================*/

.iframecontent {
  position: relative;
  padding-bottom: 56.25%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.iframecontent iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
    overflow:hidden;
  }

/*========================================================================*/

/*   01. PAGE BUILDERSTYLING 
/*========================================================================*/

[class*="span"].v_first {
  margin-left:0;
}

.vibe_editor{
}

.v_first {
  clear:both;
}

.v_column{
  margin-bottom:30px;
  display:inline-block;
}

section.stripe{
  margin:0;
  z-index:3;
  overflow:hidden;
}

section.stripe .v_column{
    margin-bottom:0;
  }

.stripe.v_column,
.stripe_container.v_column{
  padding-bottom:0;
}

.stripenext{
  padding-top:30px;
  z-index:3;
}

.stripe.slider,
.slider .stripe{
  padding:0;
}

.fullwidth{
  width:100%;
}

.v_module{
  position:relative;
}

/*========================================================================*/

/*   01. PAGEBUILDER GRIDS
/*========================================================================*/

.vibe_post_grid .grid_search{
    display:flex;
    border:1px solid var(--border);
    margin:0 0 2rem;
    padding:10px;
    border-radius:5px;
    box-shadow: 0 1px 1px var(--shadow);
  }

.vibe_post_grid .grid_search form{
      display:flex;
      flex:1;
      align-items:center;
      justify-content:space-between;
    }

.vibe_post_grid .grid_search form input{
        flex:1;
        border:none;
      }

.vibe_grid .wp_query_args{
    display: none;
  }

.vibe_grid.masonry{
    margin:0 -15px;
  }

.load_grid,
.end_grid{
  clear:both;
  margin: 20px 0;
  width:100%;
  text-align: center;
  position: relative;
  display:inline-block;
}

.end_grid span{
  padding: 16px 40px;
  border-radius:2px;
  background:var(--border);
  width:200px;
}

.load_grid span{
  background: var(--border) url(../images/spinner.gif) no-repeat 5px;
  padding: 16px 40px 16px 70px;
  border-radius:2px;
}

.end_grid{
  display:none;
}

.form_field.small{
  width:32px;
  padding:4px;
}

.math_sum{
  padding:5px 5px 5px 0;
  font-weight:600;
  float:left;
  font-style:normal;
}

/*========================================================================*/

/*   01. BLOCKS
/*========================================================================*/

.flexslider>ul.slides{
  list-style:none !important;
}

.blog-item{
  display:flex;
}

.blog-item .blog-item-date{
    float: left;
    font-size: 32px;
    max-height:120px;
    display: inline-block;
    border-right: 1px solid var(--border);
    margin-right: 15px;
  }

.blog-item .blog-item-date .day{
      font-weight:700;
      padding:15px;
      color:var(--shadow);
    }

.blog-item .blog-item-date .month{
      display: block;
      padding: 5px 10px 10px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
      color:var(--shadow);
      text-align: center;
      border-top: 1px solid var(--border);
    }

.blog-item + h4 + div{
    margin:10px 0;
  }

/*====================================================================
  FEATURED BLOCKS
====================================================================*/

.block .block_content{
    position: relative;
    line-height:1.4;
    color: var(--text);
  }

.block .block_media{
    position: relative;
  }

.block .block_media img{
      border-radius:2px;
      width:100%;
    }

.block .block_media span.overlay{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index:1;
      background: var(--shadow);
    }

.block .block_media .hover-link{
      opacity:0;
      color: var(--highlight);
      padding: 0;
      background: none;
      position: absolute;
      left: 50%;
      top: 50%;
      z-index:2;
      right: auto;
      margin: -12px;
      font-size: 24px;
    }

.block .block_media .hover-link.hyperlink{
        right:22px;
      }

.block .block_media:hover span.overlay{
        opacity:1;
      }

.block .block_media:hover .hover-link{
        opacity:1;
        -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);
                animation: fadeInLeft 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      }

.block h4.block_title{
    margin:10px 0 0;
    font-weight:600;
  }

.block h4.block_title  + .date{
      font-weight: 400;
      color:var(--light);
      text-transform: uppercase;
      margin: 5px 0;
      letter-spacing: 1px;
    }

.block h4.block_title  + .date a{
        font-weight:600;
        color:var(--light);
        display: inline;
      }

.block.side .block_media{
      float: left;
      max-width: 50%;
      margin: 0 15px 15px 0;
    }

.block.courseitem .course-star-rating{
      font-size:1rem;
    }

.block.courseitem .block_media{
      border-radius: 1rem 1rem 0 0;
      overflow: hidden;
    }

.block.courseitem .block_content{
      display: inline-block;
      background: var(--highlight);
      width: 100%;
      padding: 0 15px 15px;
      border: 1px solid var(--border);
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }

.block.courseitem .block_content img{
        width: 32px;
        border-radius: 50%;
        float: left;
        margin-right: 10px;
      }

.block.courseitem .block_content .block_title{
        font-weight:600;
        padding:15px 0;
        border-bottom:1px solid var(--border);
      }

.block.courseitem .block_content .star-rating{
        font-size: 11px;
        display: inline-block;
        line-height:1.6;
        padding: 15px 0;
      }

.block.courseitem .block_content .star-rating > span{
          font-size:16px;
          float: left;
          line-height:1;
        }

.block.courseitem .block_content .star-rating > span:before{
            content: "☆";
            color:#FFCB10;
          }

.block.courseitem .block_content .star-rating > span.half:before{
              content: "★";
            }

.block.courseitem .block_content .star-rating > span.fill:before{
              content: "  ★";
            }

.block.courseitem .block_content .star-rating > span:last-child{
            margin-right:5px;
          }

.block.courseitem .block_content .star-rating + strong, .block.courseitem .block_content .star-rating + a, .block.courseitem .block_content .star-rating + .pricing_course{
          float:right;
          padding:10px 0;
        }

.block.courseitem .block_content span.subs{
        margin-left:5px;
      }

.block.courseitem .block_content .icon-wallet-money{
        display:none;
      }

.block.courseitem .block_content .instructor_course{
        display:flex;
        gap: 0.5rem;
        align-items:center;
      }

.block.courseitem .block_content .instructor_course +.instructor_course{
          clear:both;
        }

.block.courseitem .block_content .instructor_course + a {
          float:right;
          color:#70c989;
          line-height: 1.2;
        }

.block.courseitem .block_content .instructor_course + strong{
          float: right;
          line-height:1.4;
          color:var(--light);
        }

.block.courseitem span.clear{
      clear:both;
      display: block;
      margin:0 0 15px;
      border-top:1px solid var(--border);
    }

.block.courseitem + strong,
    .block.courseitem + a strong{
      float: right;
      text-align: center;
      text-transform: uppercase;
      color: #70c989;
      line-height: 1.2;
    }

.block.courseitem + strong .amount,.block.courseitem + a strong .amount{
        color:#70c989;
        text-align: center;
        line-height: 1.6em;
      }

.block.courseitem + strong > span,.block.courseitem + a strong > span{
        display: block;
        font-size: 11px;
        color:#70c989;
        text-align: center;
      }

.block.postblock .block_media{
      position:relative;
    }

.block.postblock .block_media .postblock_cat{
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 11px;
        color: var(--highlight);
        background: rgba(0,0,0,.2);
        text-transform: uppercase;
        font-weight: 600;
        padding: 5px;
        line-height: 1.2;
        border-radius: 2px;
      }

.block.postblock .block_content{
      padding:15px 15px 30px;
      border:1px solid var(--border);
      border-top:none;
    }

.block.postblock .block_content .course_instructor{
        color:var(--primary);
        padding:10px 0 0;
      }

.block.postblock .block_content .block_title{
        padding: 0;
        margin:5px 0 0;
        font-weight:600;
      }

/*=================
  GENERAL
  =================*/

.block.general{
    position:relative;
    overflow:hidden;
  }

.block.general .block_content{
      position:absolute;
      bottom:0;
      left:0;
      width:100%;
      padding:15px;
      transform:translateY(100%);
      background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 100%);
    }

.block.general .block_content .block_title a{
        color:var(--highlight);
      }

.block.general .block_content .general_details{
        background:#009dd8;
        display:inline-block;
        padding:2px 8px;
        border-radius:2px;
        transition: all 0.2s ease-in-out;
      }

.block.general .block_content .general_details a{
          color:var(--highlight);
        }

.block.general:hover .block_content{
        transform:translateY(0%);
        transition: all 0.2s ease-in-out;
      }

.block.generic{
    position:relative;
    overflow:hidden;
  }

.block.generic .block_media img{
        border-radius:8px;
      }

.block.generic .block_content{
      position:absolute;
      bottom:0;
      left:0;
      width:100%;
      padding:15px 30px;
      border-radius: 0 0 8px 8px;
      transform:translateY(0%);
      transition: all 0.2s ease-in-out;
      background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,1) 100%);
    }

.block.generic .block_content .block_title{
        font-size: 2rem;
        line-height:1.8rem;
        font-weight: 700;
      }

.block.generic .block_content .block_title a{
          color:var(--highlight);
          position:relative;
          display: inline-block;
        }

.block.generic .block_content .block_title a:before{
            content:'';
            height:100%;
            width: 4px;
            border-radius:2px;
            background:#009dd8;
            display:block;
            position: absolute;
            left: -10px;
            top: 0;
          }

.block.generic .block_content .generic_category{
        margin-top:10px;
        display:inline-block;
      }

.block.generic .block_content .generic_category a{
          color:var(--highlight);
          display:inline-block;
          transition: all 0.2s ease-in-out;
          position:relative;
          overflow:hidden;
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: 2px;
          font-weight: 600;
          padding:2px 0;
        }

.block.generic .block_content .generic_category a:before{
            content:'';
            display:block;
            position:absolute;
            height:2px;
            width:100%;
            background: var(--highlight);
            left:0;
            bottom:0;
            transform:translateX(-100%);
            transition: all 0.2s ease-in-out;
          }

.block.generic .block_content .generic_category a:hover:before{
              transform:translateX(0%);
            }

.block.simple{
    position:relative;
    overflow:hidden;
  }

.block.simple .block_media{
      position:relative;
    }

.block.simple .block_media img{
        border-radius:8px;
        -ms-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
      }

.block.simple .block_media a:before{
        transition: all 0.2s ease-in-out;
        transform:translateX(-100%);
        content:'';
        border-radius:8px;
        position:absolute;
        left:0;
        top:0;
        display:block;
        width:100%;
        height:100%;
        opacity:0.8;
        background:#009dd8;
      }

.block.simple .block_content{
      position:relative;
      padding:0 30px;
    }

.block.simple .block_content .block_title{
        font-size: 2rem;
        line-height:1.8rem;
        font-weight: 700;
      }

.block.simple .block_content .simple_category{
        margin:10px 0 20px;
      }

.block.simple .block_content .simple_category a{
          display:inline-block;
          transition: all 0.2s ease-in-out;
          position:relative;
          overflow:hidden;
        }

.block.simple .block_content .simple_category a:before{
            content:'';
            display:block;
            position:absolute;
            height:2px;
            width:100%;
            background: var(--primary);
            left:0;
            bottom:0;
            transform:translateX(-100%);
            transition: all 0.2s ease-in-out;
          }

.block.simple .block_content .simple_category a:hover:before{
              transform:translateX(0%);
            }

.block.simple .block_media:hover a:before{
          transform:translateX(0%);
        }

.block.simple .block_media:hover a:after{
          content:"\e62d";
          font-family:"vicon";
          font-size:36px;
          color:var(--highlight);
          margin:-18px 0 0 -18px;
          position:absolute;
          left:50%;
          top:50%;
          display:block;
        }

.testimonial-content .author img{
      max-width: 64px;
      border-radius: 50%;
      float: left;
      margin-right: 15px;
    }

.testimonial-content .author h4{
      margin-bottom:0;
    }

.block.courseitem.course2 .star-rating{
    width:auto;
    line-height:1;
    display: flex;
    align-items: center;
    max-width: 50%;
    float: left;
    margin:0 -5px;
  }

.block.courseitem.course2 .star-rating > * {
      margin:0 5px;
    }

.block.courseitem.course2 .pricing_course{
    width: 100%;
    margin-top: 10px;
    position: relative;
  }

.block.courseitem.course2 .instructor_course+a, .block.courseitem.course2 .instructor_course+strong{
    text-align: center;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
  }

.block.courseitem.course2 .star-rating + strong{
    margin-top:10px;
  }

.block.courseitem.course3{
  border: 1px solid var(--border);
  border-radius: 2px;
}

.block.courseitem.course3 .block_media{
  }

.block.courseitem.course3 .block_content{
    padding:15px 15px 10px;
    position:relative;
  }

.block.courseitem.course3 .block_content .course_instructor{
      position:absolute;
      right:0;
      top:-30px;
      border-radius:50%;
    }

.block.courseitem.course3 .block_content .course_instructor img{
        border-radius:50%;
        width:48px;
        border:2px solid var(--highlight);
      }

.block.courseitem.course3 .block_content .block_title{
      padding:0 20px 0 0;
      margin:0;
      line-height:1.2;
      border: none;
      min-height:64px;
    }

.block.courseitem.course3 .block_content .course_price{
      font-size:16px;
      margin:10px 0;
      color:#70c989;
      font-weight:600;
      display:inline-block;
      width:100%;
    }

.block.courseitem.course3 .block_content .icon-wallet-money{
      display:none;
    }

.block.courseitem.course3 .block_content .course_meta{
      border-top:1px solid var(--border);
      padding-top:10px;
      margin-top:10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

.block.courseitem.course3 .block_content .course_meta span.fa{
        float:right;
        color:#888;
        font-size:12px;
      }

.block.courseitem.course3 .block_content .course_meta .star-rating{
        padding:0;
        display:inline-block;
      }

.block.courseitem.course4 .block_content{
    position:relative;
  }

.block.courseitem.course4 .block_content .course_instructor{
      color:#bbb;
      border:none;
    }

.block.courseitem.course4 .block_content .block_title{
      margin:0;
      padding-bottom: 5px;
      line-height:1.2;
      border: none;
    }

.block.courseitem.course4 .block_content .course_block_bottom{
      clear: both;
      width: 100%;
      display: inline-block;
      margin-top: 20px;
    }

.block.courseitem.course4 .block_content .course_block_bottom .fa-users{
        float:left;
        color:#bbb;
        font-size:16px;
      }

.block.courseitem.course4 .block_content .course_block_bottom .fa-users:before{
          margin-right: 5px;
        }

.block.courseitem.course4 .block_content .course_block_bottom .course_price{
        font-size:16px;
        margin:0;
        color:#70c989;
        font-weight:600;
        float:right;
      }

.block.courseitem.course4 .block_content .course_block_bottom .icon-wallet-money{
        display:none;
      }

.block.courseitem.course5 .block_title{
    margin:0;
    padding-bottom: 15px;
    font-size:16px;
    line-height:1.2;
    border: none;
  }

.block.courseitem.course5 .course_price{
    clear:Both;
    font-size:16px;
    margin:0;
    color:#70c989;
    font-weight:600;
  }

.block.courseitem.course5 .fa-calendar-check-o{
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #bbb;
    margin-bottom: 10px;
  }

.block.courseitem.course5 .fa-calendar-check-o:before{
      margin-right:5px;
    }

.block.courseitem.course6{
  overflow:visible;
  border:none;
}

.block.courseitem.course6 .block_media{
    position:relative;
  }

.block.courseitem.course6 .block_media .postblock_cats{
      position: absolute;
      bottom: 10px;
      right: 0px;
    }

.block.courseitem.course6 .block_media .postblock_cats .postblock_cat{
        color: var(--highlight);
        background: var(--primary);
        text-transform: none;
        font-weight: 600;
        padding: 8px 29px;
        line-height: 1.2;
        border-radius: 0;
      }

.block.courseitem.course6 .block_media .postblock_cats .postblock_cat+.postblock_cat{
          margin-top:10px;
        }

.block.courseitem.course6 .block_media .course_start_date{
      position: absolute;
      top: 10px;
      left: 0;
      padding: 8px 29px;
      background: #eee;
      z-index: 99;
    }

.block.courseitem.course6 .block_media .course_start_date:before{
        margin-right:8px;
      }

.block.courseitem.course6 .block_content{
    position:relative;
    padding:0;
    border:none;
  }

.block.courseitem.course6 .block_content .course_instructor{
      border:none;
    }

.block.courseitem.course6 .block_content .block_title{
      margin:10px 0 5px;
      padding-bottom: 5px;
      font-size:18px;
      line-height:1.2;
      border: none;
      font-weight:800;
    }

.block.courseitem.course6 .block_content .block_title a{
        font-weight:800;
      }

.block.courseitem.course6 .block_content .course_instructor{
      padding-bottom:18px;
      margin-bottom:15px;
      display:block;
      position:relative;
    }

.block.courseitem.course6 .block_content .course_instructor:after{
        content:'';
        position:absolute;
        bottom:0;
        left:0;
        width:80px;
        transition:all 0.5s;
        background:var(--primary);
        display:block;
        height: 3px;
        border-radius: 3px;
      }

.block.courseitem.course6 .block_content .course_block_bottom{
      clear: both;
      width: 100%;
      display: inline-block;
      margin-top: 20px;
      display: grid;
      grid-template-columns: 55px 90px 1fr;
      align-items: center;
      justify-content: center;
    }

.block.courseitem.course6 .block_content .course_block_bottom .icon-wallet-money{
        display:none;
      }

.block.courseitem.course6 .block_content .course_block_bottom .star-rating{
        display:grid;
        grid-template-columns:1fr 10px;
        align-items:center;
      }

.block.courseitem.course6 .block_content .course_block_bottom .course_price{
        text-align:right;
      }

.block.courseitem.course6:hover .course_instructor:after{
        width:120px;
      }

/* Course  7 *.


/*c7 layout issue fixes*/

.block.course7 {
  border: 2px solid rgba(0,0,0,0.2);
  border-radius:15px;
  overflow: hidden;
}

.block.course7 .block_content {
    padding: 15px 30px;
    text-align: center;
  }

.block.course7 .block_content a.button {
      display: inline-block;
      text-align: center;
      font-size: 16px;
      opacity: 0.6;
      background: #a6acb5;
      color: var(--highlight);
      border-color: #a6acb5;
      border-radius: 8px;
    }

.block.course7 .block_content a.button > span {
        display: block;
        font-size: 60%;
        text-transform: capitalize;
      }

.block.course7 .block_content a.button:before {
        content: "\e603";
        font-family: vicon;
        margin-right: 5px;
      }

.block.course7 .block_content input.button{
      border-radius:8px;
      font-size:16px;
      padding-left:30px;
    }

.block.course7 .block_content strong {
      display: block;
    }

.block.course7 .block_content h4.block_title {
      font-size: 20px;
      font-weight: 600;
      margin: 10px 0 15px;
    }

.block.course7 .block_content form:before{
      content: "\e62b";
      font-family: vicon;
      margin-right: 5px;
      position:absolute;
      z-index:99;
      margin:18px 10px;
      color:var(--highlight)
    }

/*  End course block 7 */

/*c8 layout*/

.block.course8{
  transition:all 0.5s;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px #ececec;
}

.block.course8 .block_content{
    border:none!important;
  }

.block.course8 .block_content .block_title {
      border-bottom: none!important;
    }

.block.course8 .block_content p{
      padding: 12px 0px 5px 6px;
    }

.block.course8 .block_content .course_meta{
      display: inline-block;
      width: 100%;
    }

.block.course8 .block_content .course_meta .star-rating {
        float: right;
        padding: 19px 2px 0px 0px;
      }

.block.course8 .block_content .course_meta .course_price {
        float: left;
      }

.block.course8:hover{
    box-shadow: 0px 20px 25px 5px #ececec;
  }

.block.course8 .featured_btn {
    background: var(--highlight)fff;
    color: #111111;
    border-radius: 20px;
    padding: 0px 15px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 5px;
  }

.block.course8 .featured_btn small {
      margin-left:3px;
    }

.block.course8 .featured_btn i{
      margin-left: -5px;
      font-size: 82%;
      position:relative;
      top:-1px;
    }

.block.course8 .course_time {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-radius: 20px;
    padding: 3px 7px;
    position: absolute;
    font-size: 10px;
    bottom: 5px;
    right: 5px;
  }

.block.course8 .more {
    text-align: center;
    position: relative;
    z-index: 2;
  }

.block.course8 .more:after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: rgba(0, 0, 0, 0.4);
      z-index: -1;
    }

.block.course8 .more_btn{
    color: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 8px 10px;
  }

.block.course8 .cat_btn{
    position: relative;
    font-size:12px;
    padding: 5px 15px;
    border-radius: 18px;
    color: rgb(255, 255, 255);
    margin: 0 2px 0 0;
  }

.block.course8 .cat_btn:before {
      content:"\e608";
      font-family:'vicon';
      position:absolute;
      left:10px;
      top:4px;
    }

.block.course8 span.featured_btn small {
    position: relative;
    top: -1px;
    font-size:11px;
    text-transform:uppercase;
  }

.block.course8 .course_time i {
    position:relative;
    top:0.1026rem;
  }

/* end course 8 */

.dark .block.courseitem .block_content{
  background: var(--border);
  border-color:var(--border);
}

.dark .block.courseitem span.clear,
.dark .block.courseitem .block_title,
.dark .block.courseitem.course2 .instructor_course+a,
.dark .block.courseitem.course2 .instructor_course+strong{
  border-color:var(--border);
}

hr.divider{
  height:1px;
  width:100%;
  background: var(--border);
}

.block.course9 .bottom_desc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

.block.course9 .bottom_desc > .course_block_bottom {
      margin:  0 -5px;
      display: flex;
      align-items: center;
    }

.block.course9 .bottom_desc > .course_block_bottom >* {
        margin: 2px 5px;
      }

.wplms_courses_directory.course10 .course_card{
    height:100%;
  }

.block.course10{
  display: flex;
  flex-direction: column;
  height:100%;
}

.block.course10 .block_media {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1rem;
  }

.block.course10 .block_content{
    flex: 1;
    display: flex;
    flex-direction: column;
  }

.block.course10 .block_content .block_desc {
      margin: 1rem 0;
      flex:1;
    }

.block.course10 .course_block_bottom {
    display: flex;
    justify-content: space-between;
  }

/*========================================================================*/

/*   01. FLEXSLDIER
/*========================================================================*/

.widget_carousel,
.vibe_carousel{
  position: relative;
}

.widget_carousel .flex-direction-nav,.vibe_carousel .flex-direction-nav{
    list-style:none !important;
    height:0;
  }

.widget_carousel .flex-direction-nav a,.vibe_carousel .flex-direction-nav a{
      font-size: 12px;
      box-shadow: none;
      width: auto;
      height: auto;
      opacity: 1;
      padding:3px;
      line-height: 1;
      z-index: 9;
      background:var(--primary);
      color:var(--highlight);
      text-shadow: none;
      border-radius:2px;
    }

.widget_carousel .flex-direction-nav a.flex-disabled,.vibe_carousel .flex-direction-nav a.flex-disabled{
        opacity:0.6;
      }

.widget_carousel .flex-direction-nav a.flex-next,.vibe_carousel .flex-direction-nav a.flex-next{
        position: absolute;
        top:10px;
        right:0;
        z-index:2;
      }

.widget_carousel .flex-direction-nav a.flex-prev,.vibe_carousel .flex-direction-nav a.flex-prev{
        position: absolute;
        top:10px;
        right:24px;
        display: inline-block;
        z-index:1;
      }

.widget_carousel .flex-control-nav li a,.vibe_carousel .flex-control-nav li a{
        width: 12px;
        height: 12px;
        background: var(--primary);
        text-indent: 9999px;
        display: block;
        opacity: 0.4;
        border-radius:50%;
      }

.v_module.custom_post_carousel .vibe_carousel .flex-direction-nav a.flex-next,
        .v_module.custom_post_carousel .vibe_carousel .flex-direction-nav a.flex-prev,
        .v_module.member_carousel .vibe_carousel .flex-direction-nav a.flex-next,
        .v_module.member_carousel .vibe_carousel .flex-direction-nav a.flex-prev,
        .v_module.taxonomy_carousel .vibe_carousel .flex-direction-nav a.flex-next,
        .v_module.taxonomy_carousel .vibe_carousel .flex-direction-nav a.flex-prev{
          position: absolute;
          top:-56px;
        }

.v_module.custom_post_carousel .vibe_carousel.noheading .flex-direction-nav,.v_module.member_carousel .vibe_carousel.noheading .flex-direction-nav,.v_module.taxonomy_carousel .vibe_carousel.noheading .flex-direction-nav{
        bottom:50%;
        left:0;
        width:100%;
      }

.v_module.custom_post_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next,.v_module.custom_post_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev,.v_module.member_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next,.v_module.member_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev,.v_module.taxonomy_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next,.v_module.taxonomy_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev{
          background: none;
          color: var(--primary);
          font-size: 16px;
          margin-top: -30px;
        }

.v_module.custom_post_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next,.v_module.member_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next,.v_module.taxonomy_carousel .vibe_carousel.noheading .flex-direction-nav .flex-next{
          top: auto;
          right: -30px;
          left: auto;
        }

.v_module.custom_post_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev,.v_module.member_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev,.v_module.taxonomy_carousel .vibe_carousel.noheading .flex-direction-nav .flex-prev{
          top: auto;
          left: -30px;
          right: auto;
        }

.v_module.custom_post_carousel .heading_more,.v_module.member_carousel .heading_more,.v_module.taxonomy_carousel .heading_more{
    padding: 3px 6px;
    line-height: 1;
    position: absolute;
    top: 4px;
    right: 50px;
    background: var(--primary);
    color: var(--primarycolor);
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
  }

.taxonomy_carousel a.term_block{
    position:relative;
    display:inline-block;
    width:100%;
  }

.taxonomy_carousel a.term_block .term_name{
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

.taxonomy_carousel a.term_block .term_name .term_details{
        display:inline;
        text-align:center;
      }

.taxonomy_carousel a.term_block .term_name .term_details strong{
          display:block;
        }

.taxonomy_carousel a.term_block .term_name strong,.taxonomy_carousel a.term_block .term_name span{
        color:var(--highlight);
      }

.widget .vibe_carousel .flex-direction-nav a.flex-prev,
.widget .vibe_carousel .flex-direction-nav a.flex-next{
  top:24px;
}

.widget_carousel .flex-direction-nav a.flex-next,
.widget_carousel .flex-direction-nav a.flex-prev{
  top:-48px;
}

footer .widget_carousel .flex-direction-nav a.flex-prev, 
footer .widget_carousel .flex-direction-nav a.flex-next,
.boxed footer .widget_carousel .flex-direction-nav a.flex-prev, 
.boxed footer .widget_carousel .flex-direction-nav a.flex-next{
  top:-32px;
}

.v_module.member_carousel .member_block{
    text-align:center;
  }

/*========================================================================*/

/*   01. PARALLAX
/*========================================================================*/

.parallax_content{
  width:100%;
  display: inline-block;
}

/*========================================================================*/

/*   01. FILTERABLE BLOCK
/*========================================================================*/

.vibe_filterable {
  margin: 0px 10px 20px 0;
  float: left;
}

.vibe_filterable li {
    float: left;
    margin: 5px 10px 5px 0;
  }

.vibe_filterable li a{
      background-color: var(--border);
      font-weight:600;
      border:1px solid var(--border);
      padding: 8px 14px;
      font-size: 11px;
      border-radius:2px;
      display: inline-block;
      text-transform:uppercase;
      transition: all 0.2s ease-in-out;
    }

.vibe_filterable li a:hover{
        background:var(--primary);
        border-color:var(--primary);
        color:var(--primarycolor);
      }

.vibe_filterable li.active a{
        background:var(--primary);
        border-color:var(--primary);
        color:var(--primarycolor);
      }

.filterableitems_container {
  clear: both;
  margin: 20px 0px;
}

.filterableitems_container .filteritem{
    float: left;
    position: relative;
    margin: 0px 30px 30px 0;
  }

.filterableitems_container .filteritem.next {
      width: 60px;
      height: 60px;
      border: 5px solid black;
      border-radius: 35px;
    }

.filterable_thumb{
  position:relative;
}

/*========================================================================*/

/*   01. ISOTOPE
/*========================================================================*/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  transition-duration: 0.8s;
}

.isotope {
  transition-property: height, width;
}

.isotope .isotope-item {
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  transition-duration: 0s;
}

.grid.masonry,
.filterableitems_container.isotope{
  overflow:visible !important;
}

/*========================================================================*/

/*   01. ACCORDION BLOCK
/*========================================================================*/

.accordion-group.panel{
  margin:0;
  background:none;
  border:none;
  border-radius:none;
  box-shadow:none;
}

.accordion-heading a{
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 20px 12px 0;
    font-weight: 600;
    width:100%;
    display: block;
    border-bottom: 1px solid var(--border);
    position: relative;
  }

.accordion-heading a.accordion-toggle:after{
        font-family: 'fonticon';
        float:right;
        content:'\e092';
        font-size:16px;
        color:var(--border);
      }

.accordion-heading a.accordion-toggle.collapsed:after{
        content:'\e05d';
      }

.accordion-inner{
  padding:15px 0;
}

/*========================================================================*/

/*   01. TABS
/*========================================================================*/

.tabs {
  position: relative;
  display: inline-block;
  width: 100%;
}

.tabs ul.tabtitle {
    display:block;
    cursor: pointer;
  }

.tabs .nav.nav-tabs li.active>a>span{
          padding:0;
          color: var(--highlight);
        }

.tabs .nav.nav-tabs li a{
          white-space:nowrap;
        }

.tabs .nav.nav-tabs li a i{
            float:left;
            margin-right:5px;
            font-size:16px;
          }

.widget .tabs .nav{
    margin-bottom:0 !important;
  }

.content .tab-content{
  padding: 15px 0;
}

.tab-pane li img{
      float: left;
      border: 2px solid #eef1f3;
      width: 48px;
      margin-right: 10px;
      height: auto;
      border-radius:2px;
      transition: all 0.2s ease-in-out;
    }

.tab-pane li:hover img{
        border-color: var(--primary);
      }

.widget .nav-tabs li{
      width:33%;
      text-align: center;
      padding-bottom:0;
    }

.widget .tab-content li{
    padding:6px 0;
  }

.nav-tabs > li > a{
  border-radius: 4px 4px 0 0;
  margin:0;
}

.tabs ul.tabtitle li{
      background: #444;
      font-size: 15px;
      line-height: 40px;
      height: 40px;
      position: relative;
      padding: 0 20px;
      float: left;
      display: block;
      color: var(--highlight);
      text-align: center;
    }

.tabs ul.tabtitle li.active,
      .tabs ul.tabtitle li:hover{
        background: var(--primary);
        color:var(--primarycolor);
      }

.tabs .tabpanes{
    clear:both;
  }

.tabs .tabpanes li{
      background:var(--highlight);
    }

.tabs label:first-of-type {
  z-index: 4;
}

.clear-shadow {
  clear: both;
}

.tabcontent {
  position: relative;
  z-index: 5;
  opacity:0;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs ul.nav{
    list-style:none;
    margin:0 0 30px;
    position:relative;
    z-index:99;
  }

.tabs .tab-content{
    position:relative;
  }

.tabs > .nav-tabs{
    margin-bottom:29px;
  }

.tabs.tabs-left >.nav-tabs{
    margin-right:29px !important;
  }

.tabs.tabs-right >.nav-tabs{
    margin-left:29px !important;
  }

.tabs.tabs-bottom >.nav-tabs{
    margin-top:29px !important;
  }

%extend_1 {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-below > .nav-tabs {
  border-bottom: 0;
  border-top: 1px solid var(--border);
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
  }

.tabs-below > .nav-tabs > li > a {
      border-radius: 0 0 4px 4px;
    }

.tabs-below > .nav-tabs > li > a:hover {
        border-top-color: var(--border);
        border-bottom-color: transparent;
      }

.tabs-below > .nav-tabs > li > a:focus {
        border-top-color: var(--border);
        border-bottom-color: transparent;
      }

.tabs-below > .nav-tabs > .active > a {
    border-color: transparent var(--border) var(--border) var(--border);
  }

.tabs-below > .nav-tabs > .active > a:hover {
      border-color: transparent var(--border) var(--border) var(--border);
    }

.tabs-below > .nav-tabs > .active > a:focus {
      border-color: transparent var(--border) var(--border) var(--border);
    }

.tabs-right > .nav-tabs {
  border-bottom: 0;
  float: right;
  margin-left: 19px;
  border-left: 1px solid var(--border);
}

.tabs-right > .nav-tabs > li {
    float: none;
  }

.tabs-right > .nav-tabs > li > a {
      @extend %extend_1;
      margin-left: -1px;
      border-radius: 0 4px 4px 0;
    }

.tabs-right > .nav-tabs > li > a:hover {
        border-color: var(--border) var(--border) var(--border) var(--border);
      }

.tabs-right > .nav-tabs > li > a:focus {
        border-color: var(--border) var(--border) var(--border) var(--border);
      }

.tabs-right > .nav-tabs .active > a {
    border-color: var(--border) var(--border) var(--border) transparent;
    border-left-color: var(--highlight);
  }

.tabs-right > .nav-tabs .active > a:hover {
      border-color: var(--border) var(--border) var(--border) transparent;
      border-left-color: var(--highlight);
    }

.tabs-right > .nav-tabs .active > a:focus {
      border-color: var(--border) var(--border) var(--border) transparent;
      border-left-color: var(--highlight);
    }

.tabs-left > .nav-tabs {
  border-bottom: 0;
  float: left;
  margin-right: 19px;
  border-right: 1px solid var(--border);
}

.tabs-left > .nav-tabs > li {
    float: none;
  }

.tabs-left > .nav-tabs > li > a {
      @extend %extend_1;
      margin-right: -1px;
      border-radius: 4px 0 0 4px;
    }

.tabs-left > .nav-tabs > li > a:hover {
        border-color: var(--border) var(--border) var(--border) var(--border);
      }

.tabs-left > .nav-tabs > li > a:focus {
        border-color: var(--border) var(--border) var(--border) var(--border);
      }

.tabs-left > .nav-tabs .active > a {
    border-color: var(--border) transparent var(--border) var(--border);
    border-right-color: var(--highlight);
  }

.tabs-left > .nav-tabs .active > a:hover {
      border-color: var(--border) transparent var(--border) var(--border);
      border-right-color: var(--highlight);
    }

.tabs-left > .nav-tabs .active > a:focus {
      border-color: var(--border) transparent var(--border) var(--border);
      border-right-color: var(--highlight);
    }

.tab-content > .tab-pane {
    display: none;
  }

.tab-content > .active {
    display: block;
  }

.pill-content > .pill-pane {
    display: none;
  }

.pill-content > .active {
    display: block;
  }

/*=== */

.nav.nav-tabs > li > a{
      padding:10px 15px;
    }

.nav.nav-tabs > li > a > span{
        margin-left:5px;
      }

.nav.nav-tabs > li.active > a > span{
          background: var(--highlight);
          padding: 1px 5px;
          border-radius: 50%;
          color: var(--primary);
        }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px !important;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  border-radius: 0 2px 2px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: var(--primary) var(--primary) var(--primary) #dddddd;
  background-color:var(--primary);
  color:var(--highlight);
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: var(--primary) var(--primary) var(--primary) transparent;
  border-left-color: var(--highlight)fff;
  background-image:url(../images/button.png);
}

.active .tabcontent{
  z-index: 2;
  padding: 15px;
  display: block;
  -webkit-animation-name: fadeinblock;
  -webkit-animation-duration: 0.3s;
  animation-name: fadeinblock;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes fadeinblock {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0.3;
  }

  60% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeinblock {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0.3;
  }

  60% {
    opacity: 0.5;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    opacity: 1;
  }
}

/*========================================================================*/

/*   01. POSTS WIDGET
/*========================================================================*/

.posts li {
    clear: both;
    margin: 2px 0;
    padding: 2px;
    display: inline-block;
    width: 100%;
  }

.posts li:hover{
      background:#f3f5f6;
    }

.posts li img{
      float: left;
      border: 2px solid #eef1f3;
      width: 60px;
      margin-right: 10px;
      height: auto;
      transition: all 0.2s ease-in-out;
    }

.posts li:hover img{
      border-color: var(--primary);
    }

.posts li a > span{
        color: #2a3744;
      }

.posts li small a{
        color: var(--dark);
        font-size: 11px;
      }

/*========================================================================*/

/*   01. PULL QUOTE
/*========================================================================*/

.pullquote{
  margin: 30px 0;
  padding: 15px 30px 15px 30px;
  width: 30%;
  float: left;
  display:inline-block;
  border-right: 1px solid var(--border);
}

.pullquote.left {
    margin-right: 20px;
    float: left;
  }

.pullquote.right {
    margin-left: 20px;
    float: right;
    border-left: 1px solid var(--border);
    border-right: none;
  }

/*========================================================================*/

/*   01. GALLERY
/*========================================================================*/

.gallery a{
    width:64px;
    height:auto;
    float:left;
    margin:0;
    padding:3px 5px;
    width:auto;
    display:inline-block;
    line-height:0;
    text-align:center;
    overflow:hidden;
  }

.gallery a img{
      width:100%;
      border:2px solid var(--border);
    }

.gallery a img:hover{
        border-color:var(--primary);
      }

.gallery.medium img {
    width: 128px;
    height:auto;
  }

.gallery.mini img {
    width: 48px;
    height:48px;
  }

.gallery.normal img,
  .gallery.small img {
    width: 64px;
    height:64px;
  }

.gallery.large img {
    width: 256px;
    height:auto;
  }

.gallery.columns1 > a{
    width:100%;
  }

.gallery.columns2 > a{
    width:50%;
  }

.gallery.columns3 > a{
    width:33%;
  }

.gallery.columns4 > a{
    width:25%;
  }

.gallery.columns5 > a{
    width:20%;
  }

.gallery.columns6 > a{
    width:16.67%;
  }

.gallery.columns7 > a{
    width:14.28%;
  }

.gallery.columns8 > a{
    width:12.5%;
  }

.gallery.columns9 > a{
    width:11.11%;
  }

.gallery:after {
    content: '';
    clear: both;
    display: block;
  }

/*========================================================================*/

/*   01. GALLERY
/*========================================================================*/

.heading{
  clear:both;
  font-size: 16px;
  margin: 10px 0;
  padding: 8px 0;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 3px solid var(--border);
}

/*========================================================================*/

/*   01. PROGRESS BAR
/*========================================================================*/

.progressbars{
  display:inline-block;
  width: 60%;
  margin: 30px 0 30px 30px;
  border-radius:20px;
}

.progressbar_wrap{
  text-align: start;
  display: block;
  clear: both;
  margin:10px 0;
}

.progress{
  background:var(--border);
  margin:0;
  border-radius:20px;
  position:relative;
  width: 100%;
  display: inline-block;
  overflow:visible;
}

.progress strong{
    position:absolute;
    top:0;
    left:0;
  }

.progress .bar{
    background:var(--primary);
    color:var(--highlight);
    font-size:12px;
    line-height:1.5em;
    padding:4px 20px ;
    text-transform:uppercase;
    font-weight:600;
    position:relative;
    height:auto;
    border-radius:20px;
  }

.progress .bar span{
      position:absolute;
      right: -20px;
      top: -32px;
      background:var(--shadow);
      color:var(--highlight);
      padding:4px 8px;
      border-radius:2px;
    }

.progress .bar span:after{
        content:'';
        position: absolute;
        left: 40%;
        bottom: -10px;
        border: 5px solid;
        border-color: var(--shadow) transparent transparent transparent;
      }

.one_half .progress{
  margin:48px 30px;
}

/*========================================================================*/

/*   01. KNOB
/*========================================================================*/

.knob{
  display:block;
  position:relative;
}

.knob h3{
    margin-top: 0px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
  }

/*========================================================================*/

/*   01. ALERT
/*========================================================================*/

.alert{
  display:block;
  background: #1CA8DD;
  padding: 15px;
  color: var(--highlight);
  margin:15px 0;
}

.alert.alert-info{
    background: #1CA8DD;
  }

.alert.alert-error{
    background: #d15b28;
  }

.alert.alert-danger{
    background: #d13228;
  }

.alert.alert-success{
    background: var(--primary);
  }

.alert.alert-block{
    background: #d6c72d;
  }

/*========================================================================*/

/*   01. BTNS
/*========================================================================*/

.btn{
  font-size:14px;
  line-height:2em;
  padding:8px 16px;
  background:var(--primary);
  border:1px solid var(--primary);
  color:var(--highlight);
  margin:5px 5px 5px 0;
  border-radius:2px;
}

.btn + .btn{
    margin-left:5px;
  }

.btn.other{
    border:none;
  }

.btn:hover{
    background:transparent;
    border-color:var(--primary);
    color:var(--primary);
  }

.btn.primary{
    background:var(--primary);
    border-color:var(--primary);
  }

/*========================================================================*/

/*   01. COLUMNS
/*========================================================================*/

.one_half {
  width: 50%;
  float: left;
  min-width: 240px;
}

.one_third {
  width: 33.3%;
  float: left;
  min-width: 160px;
}

.one_fourth {
  width: 25%;
  float: left;
  min-width: 120px;
}

.one_fifth {
  width: 20%;
  float: left;
  min-width: 60px;
}

.two_third {
  width: 66.6%;
  float: left;
}

.three_fourth {
  width: 75%;
  float: left;
}

.two_fifth{
  width: 40%;
  float: left;
}

.three_fifth{
  width: 60%;
  float: left;
}

.four_fifth{
  width: 80%;
  float: left;
}

.column_content{
  padding-left:10px;
}

.column_content.first{
    padding-left:0;
  }

/*========================================================================*/

/*   01. GMAP
/*========================================================================*/

.gmap,.gmap iframe{
  width:100%;
}

.vibe_gmap{
  margin:30px 0;
  padding:20px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.vibe_gmap img,
#map-canvas img{
  max-width:none;
}

/* Clearfix */

.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom:1;
  clear: both;
  /* For IE 6/7 (trigger hasLayout) */
}

/*========================================================================*/

/*   01. DROPCAPS
/*========================================================================*/

.dropcaps{
  float: left;
  padding: 0 15px 0 0;
  margin-top: 0;
  line-height: 1.1em;
}

/*========================================================================*/

/*   01. NOTE
/*========================================================================*/

.notification{
  clear: both;
  margin: 60px 60px 30px 0px;
  padding: 15px;
  color: var(--highlight);
  background:var(--primary);
  border-radius: 2px;
  display:block;
  text-align:left;
}

/*========================================================================*/

/*   01. FORMS
/*========================================================================*/

.form_field{
  display:block;
  font-size: 14px;
  padding: 4px 8px;
  margin: 5px 0;
  border: 1px solid var(--border);
  line-height: 21px;
  width: 100%;
}

/*========================================================================*/

/*   01. POPUPs
/*========================================================================*/

.mfp-ajax-holder .mfp-content{
  width:auto;
  max-width:720px;
  margin:0 auto;
}

.popup_content{
  background:var(--highlight);
  padding:40px;
  display:block;
  margin-top:10%;
  max-width:60%;
}

/*========================================================================*/

/*   01. TEAM
/*========================================================================*/

.team_member{
  width: 100%;
  max-width:360px;
  height: 100%;
  position: relative;
  cursor: default;
  text-align: center;
}

.team_member img{
    display: inline-block;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    transition:all 0.2s;
  }

.team_member:hover > img{
      opacity:0;
    }

.team_member:hover .alt_images > img:nth-child(1){
        opacity:1;
      }

.team_member:hover .alt_images > img:nth-child(2){
        opacity:1;
        transition-delay: 2s;
      }

.team_member:hover .alt_images > img:nth-child(3){
        opacity:1;
        transition-delay: 4s;
      }

.team_member:hover .alt_images > img:nth-child(3){
        opacity:1;
        transition-delay: 6s;
      }

.team_member:hover .alt_images > img:nth-child(3){
        opacity:1;
        transition-delay: 8s;
      }

.team_member:hover .alt_images > img:nth-child(3){
        opacity:1;
        transition-delay: 10s;
      }

.team_member .alt_images > img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
  }

.team_member .member_info{
    display: block;
    width: inherit;
    height: inherit;
    text-align:center;
    padding:5px 0;
    border-left:5px solid var(--border);
    border-right:5px solid var(--border);
    border-bottom:5px solid var(--border);
  }

.team_member .member_info h3 {
      text-align:center;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 14px;
      font-weight:600;
      margin: 0 30px;
      padding: 10px 10px 10px;
      display: inline-block;
      border-bottom: 3px solid var(--border);
    }

.team_member .member_info h3 small{
        display: block;
        white-space: nowrap;
        color: #bbb;
        font-weight: 600;
        font-size:11px;
        margin-top:5px;
      }

.team_member .member_info h3 + span{
        width:100%;
        display: block;
      }

.team_member .member_info ul {
      color: var(--highlight);
      display:inline-block;
      padding: 10px 5px;
      text-align:center;
      margin: 0 10px;
      font-size: 16px;
      list-style: none;
    }

.team_member .member_info ul li{
        float:left;
        display: inline-block;
      }

.team_member .member_info ul li a {
          display: block;
          font-style: normal;
          font-size: 20px;
          line-height: 0;
          margin:0 3px;
          color:#bbb;
        }

.team_member .member_info ul li a.twitter{
            font-size:24px;
          }

.team_member .member_info ul li a:hover{
            color:var(--primary);
          }

/*========================================================================*/

/*   01. TESTIMONIALS
/*========================================================================*/

.testimonial{
  position: relative;
}

.testimonial_content{
  background:rgba(230,230,230,0.2);
  padding:20px 20px 15px;
  position: relative;
  border-radius:2px;
}

.testimonial_content:after{
  content:'';
  position: absolute;
  bottom:-40px;
  left: 68px;
  border:20px solid;
  border-color:rgba(230,230,230,0.2) transparent transparent transparent;
}

.testimonial_author {
  margin:15px 0;
}

.testimonial_author img{
  max-width:64px;
  height:auto;
  margin:0 30px 0 0;
  float:left;
  border-radius:50%;
}

.testimonial_author h4{
  font-size:14px;
  padding-top:10px;
}

.testimonial_author h4 small{
  display: block;
}

/*========================================================================*/

/*   01. TOOLTIPS
/*========================================================================*/

/*
.tooltip{
    position: relative;
}

.tooltip:hover:after,
.tooltip:hover:before{
    opacity:1;
}

.tooltip:after{
    content:attr(title);
    position:absolute;
    left: 0;
    border-radius: 2px;
    top: -36px;
    background: var(--primary);
    padding: 6px 10px;
    color: var(--highlight);
    display: block;
    opacity:0;
    white-space:nowrap;
    -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.tooltip:before{
    content:'';
    border:5px solid;
    position:absolute;
    left:50%;
    top:-5px;
    opacity:0;
    border-color:var(--primary) transparent transparent transparent;
}
*/

/*========================================================================*/

/*   01. VIDEO
/*========================================================================*/

.wp-video{
  width:100% !important;
}

.mejs-container.mejs-video {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}

.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}

.mejs-mediaelement video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.mejs-container, .mejs-embed, .mejs-embed body {
  background:transparent!important;
}

/*========================================================================*/

/*   01. COUNTER
/*========================================================================*/

.percentage-counter h6{
  color: var(--primary);
}

.percentage-counter{
  margin: 30px 0;
  text-align: center;
  color: var(--primary);
}

.first .percentage-counter{
  border: none;
}

.percentage-counter .count{
  font-size: 48px;
  color: var(--primary);
}

/*========================================================================*/

/*   01. IMAGE SLIDER
/*========================================================================*/

/* flexslider Necessary Styles
*********************************/

.image_slider {
  margin: 0;
  padding: 0;
  position:relative;
}

.image_slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.image_slider .slides img {
  width: 100%;
  display: block;
}

.flexslider-pauseplay span {
  text-transform: capitalize;
}

.image_slider .flex-direction-nav,
.image_slider .flex-control-nav,
.image_slider .slides{
  list-style:none !important;
}

/* Clearfix for the .slides element */

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
  display: block;
}

/* Direction Nav */

.flex-direction-nav {*height: 0;
}

.full_slider .flex-control-nav.flex-control-paging li a.flex-active,
.image_slider .flex-control-nav.flex-control-paging li a.flex-active,
.step_slider .flex-control-nav.flex-control-paging li a.flex-active{
  background: var(--primary);
}

.image_slider .flex-direction-nav li{
}

.image_slider .slides li{
  position:relative;
}

.image_slider .flex-control-nav.flex-control-paging,
.full_slider .flex-control-nav.flex-control-paging,
.step_slider .flex-control-nav.flex-control-paging{
  position:absolute;
  bottom:10px;
  display:block;
  text-align:center;
  width:100%;
}

.full_slider .flex-control-nav.flex-control-paging li,
.image_slider .flex-control-nav.flex-control-paging li,
.step_slider .flex-control-nav.flex-control-paging li{
  margin: 0 0 0 5px;
  text-indent:-9999px;
  padding:0;
  border:none;
  display: inline;
}

.full_slider .flex-control-nav.flex-control-paging li a,
.image_slider .flex-control-nav.flex-control-paging li a,
.step_slider .flex-control-nav.flex-control-paging li a{
  width:12px;
  height:12px;
  display:inline-block;
  background:var(--highlight);
  color: transparent;
  border-radius:12px;
}

.image_slider .flex-direction-nav li a,
.step_slider .flex-direction-nav li a{
  position: absolute;
  margin:0;
  padding:0;
  font-size:24px;
}

.image_slider.slide1 .flex-direction-nav li a.flex-prev{
  left:30px;
  color:var(--highlight);
  top: 45%;
}

.image_slider.slide1 .flex-direction-nav li a.flex-next{
  right:30px;
  color:var(--highlight);
  top: 45%;
}

.flex-caption h1,.flex-caption h2,.flex-caption h5,.flex-caption h3,.flex-caption h4,.flex-caption h6{
  color:var(--highlight);
}

.flex-caption,
.slide1 .flex-caption{
  width: 100%;
  padding: 0;
  position: absolute;
  background: var(--shadow);
  color: var(--highlight);
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  font-size: 14px;
  line-height: 18px;
}

.slide1 .flex-caption{
  left: 0;
  bottom: 5px;
}

/*=== Slide 2 ===*/

.image_slider.slide2 .flex-caption {
  width: 50%;
  max-width: 310px;
  height: 120px;
  padding: 10px 20px 10px;
  bottom: 20px;
  right: 20px;
  text-align: left;
}

.image_slider.slide2 .flex-direction-nav li a.flex-prev {
  right: 360px;
  height: 70px;
  bottom: 90px;
  background: var(--primary);
  color: var(--highlight);
}

.image_slider.slide2 .flex-direction-nav li a.flex-next {
  right: 360px;
  height: 70px;
  bottom:20px;
  background: var(--primary);
  color: var(--highlight);
}

.image_slider.slide2 .flex-direction-nav li a.flex-prev i,
.image_slider.slide2 .flex-direction-nav li a.flex-next i{
  margin: 20px -8px;
  display: inline-block;
}

/*=== Slide 3 ===*/

.image_slider.slide3 .flex-caption {
  width: 50%;
  max-width: 310px;
  height: 120px;
  padding: 10px 20px 10px;
  bottom: 20px;
  left: 20px;
  text-align: left;
}

.image_slider.slide3 .flex-direction-nav li a.flex-prev {
  left: 360px;
  height: 70px;
  bottom: 20px;
  background: var(--primary);
  color: var(--highlight);
}

.image_slider.slide3 .flex-direction-nav li a.flex-next {
  left: 360px;
  height: 70px;
  bottom:90px;
  background: var(--primary);
  color: var(--highlight);
}

.image_slider.slide3 .flex-direction-nav li a.flex-prev i,
.image_slider.slide3 .flex-direction-nav li a.flex-next i{
  margin: 20px -8px;
  display: inline-block;
}

/*=== Slide 4 ===*/

.image_slider.slide4 .flex-caption{
  width:40%;
  right:0;
  bottom:20px;
  padding:15px 20px 30px;
  margin-left:-40px;
  text-align:left;
}

.image_slider.slide4 .flex-direction-nav li a.flex-prev{
  bottom: 20px;
  right: 20%;
  width: 20%;
  text-align: center;
  color: var(--highlight);
  padding: 0 20px;
  margin-left: -41px;
  background: var(--primary);
}

.image_slider.slide4 .flex-direction-nav li a.flex-next{
  bottom: 20px;
  right: 20px;
  width: 20%;
  text-align: center;
  color: var(--highlight);
  padding: 0 20px;
  margin-right: -20px;
  background: var(--primary);
}

/*=== Slide 5 ===*/

.image_slider.slide5 .flex-caption{
  width:40%;
  left:0;
  bottom:20px;
  padding:15px 20px 40px;
  text-align:left;
}

.image_slider.slide5 .flex-direction-nav li a.flex-next{
  bottom: 20px;
  left: 20%;
  width: 20%;
  text-align: center;
  color: var(--highlight);
  padding: 0 20px;
  background: var(--primary);
}

.image_slider.slide5 .flex-direction-nav li a.flex-prev{
  bottom: 20px;
  left: 20px;
  width: 20%;
  text-align: center;
  color: var(--highlight);
  padding: 0 20px;
  margin-left: -20px;
  background: var(--primary);
}

/*=== Slide 6 ===*/

.flexslider.image_slider.slide6 .slides img {
  width: 60%;
  display: block;
  float:right;
}

.image_slider.slide6 .flex-caption{
  width:38%;
  background:transparent;
  text-align:left;
  color:#444;
  text-shadow:none;
}

.slide6 .flex-caption h3.heading{
  color:#444;
  text-shadow:none;
}

.image_slider.slide6 .flex-control-nav.flex-control-paging{
  text-align:left;
  width:40%;
}

.image_slider.slide6 .flex-direction-nav li a.flex-prev{
  left:-100px;
  font-size:64px;
  text-shadow:0 1px 0 var(--highlight);
  top: 40%;
  color:#ccc;
}

.image_slider.slide6 .flex-direction-nav li a.flex-next{
  right:-100px;
  font-size:64px;
  text-shadow:0 1px 0 var(--highlight);
  top: 40%;
  color:#ccc;
}

.image_slider.slide6 .flex-direction-nav li a.flex-prev,
.image_slider.slide6 .flex-direction-nav li a.flex-next{
}

/*=== Slide 7 ===*/

.flexslider.image_slider.slide7 .slides img {
  width: 60%;
  display: block;
  float:left;
  margin-right:20px;
}

.image_slider.slide7 .flex-caption{
  width:38%;
  background:transparent;
  text-align:left;
  color:#444;
  display: inline-block;
  text-shadow:none;
}

.slide7 .flex-caption h3.heading{
  color:#444;
  text-shadow:none;
}

.image_slider.slide7 .flex-control-nav.flex-control-paging{
  text-align:right;
  width:100%;
}

.image_slider.slide7 .flex-direction-nav li a.flex-prev{
  left:-100px;
  font-size:64px;
  text-shadow:0 1px 0 var(--highlight);
  top: 40%;
  color:#ccc;
}

.image_slider.slide7 .flex-direction-nav li a.flex-next{
  right:-100px;
  font-size:64px;
  text-shadow:0 1px 0 var(--highlight);
  top: 40%;
  color:#ccc;
}

/*=== Slide 8 ===*/

.flexslider.image_slider.slide8 .slides img {
  width: 100%;
}

.image_slider.slide8 .flex-caption{
  max-width:60%;
  position:absolute;
  top:20%;
  left:20%;
  background:transparent;
  text-align:center;
  display: inline-block;
  text-shadow:none;
}

.slide8 .flex-caption h3.heading{
  color:#444;
  text-shadow:none;
}

.image_slider.slide8 .flex-control-nav.flex-control-paging{
  text-align: center;
  width: 100%;
  bottom: 10px;
}

.image_slider.slide8 .flex-direction-nav li a.flex-prev{
  left:0px;
  font-size:64px;
  text-shadow:0 1px 0 #333;
  top: 40%;
  color:var(--highlight);
}

.image_slider.slide8 .flex-direction-nav li a.flex-next{
  right:0px;
  font-size:64px;
  text-shadow:0 1px 0 #333;
  top: 40%;
  color:var(--highlight);
}

/*========================================================================*/

/*   01. ALL BADGES
/*========================================================================*/

.allbadges ul{
  list-style: none;
  display: inline-block;
}

.allbadges ul > li{
  list-style: none;
  float:left;
  padding:10px;
  position: relative;
}

.allbadges ul > li.finished img{
  opacity: 0.6;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}

.allbadges ul > li.finished span{
  position: absolute;
  left:33%;
  bottom:33%;
  font-size:11px;
  text-transform: uppercase;
  font-weight:600;
  color:#EB4924;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*
==============================================
stretchLeft
==============================================
*/

.animate{
  opacity: 0;
}

.animate.load{
  opacity: 1 !important;
}

.stretch.load{
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}

@keyframes stretch {
  0% {
    transform: scaleX(0.3);
  }

  40% {
    transform: scaleX(1.02);
  }

  60% {
    transform: scaleX(0.98);
  }

  80% {
    transform: scaleX(1.01);
  }

  100% {
    transform: scaleX(0.98);
  }

  80% {
    transform: scaleX(1.01);
  }

  100% {
    transform: scaleX(1);
  }
}

@-webkit-keyframes stretch {
  0% {
    -webkit-transform: scaleX(0.3);
  }

  40% {
    -webkit-transform: scaleX(1.02);
  }

  60% {
    -webkit-transform: scaleX(0.98);
  }

  80% {
    -webkit-transform: scaleX(1.01);
  }

  100% {
    -webkit-transform: scaleX(0.98);
  }

  80% {
    -webkit-transform: scaleX(1.01);
  }

  100% {
    -webkit-transform: scaleX(1);
  }
}

/*========================================================================*/

/*   01. MISC
/*========================================================================*/

del{
  opacity:0.3;
}

.vibe_carousel > .woocommerce{
  position: relative;
  margin-top: 15px;
}

.vibe_carousel.carousel_columns2 .slides > li{
  margin-right:30px;
}

.vibe_carousel.columns1 .block.courseitem{
  margin-right:0;
}

.vibe_carousel .slides > li{
  margin-right:30px;
}

.vibe_carousel.onecol .slides > li{
  margin-right:30px;
}

@media screen and (max-width: 992px) {
  .tabs-left > .nav-tabs, .tabs-right > .nav-tabs{
    width:auto;
  }

  .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li{
    float:left;
  }

  .tabs-left > .nav-tabs{
    border-right:none;
    margin-right:0;
    margin-bottom:19px;
    border-bottom:1px solid var(--border);
  }

  .tabs-right > .nav-tabs{
    border-left:none;
    margin-left:0;
    margin-bottom:19px;
    border-bottom:1px solid var(--border);
  }
}

@media screen and (max-width: 768px) {
  .v_module{
    width:100%;
  }

  .block.side .block_media{
    max-width:100%;
  }

  .block.side .block_content{
    clear:both;
    width:100%;
  }

  .content .tabs-right .tab-content,
.content .tabs-left .tab-content{
    max-width:100%;
  }

  .one_half,
.one_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.two_third
{
    clear: both;
    float: none;
    width: 100%;
  }

  .nav-tabs > li{
    width:100% !important;
    border-bottom:1px solid var(--border);
  }

  .nav-tabs > li.active > a,.nav-tabs > li:hover > a{
    border-radius:2px;
  }

  .nav-tabs > li.active,.nav-tabs > li:hover{
    border-bottom:none;
  }
}

/*========================================================================*/

/*   01. REGISTRATION FORMS
/*========================================================================*/

.wplms_registration_form{
  clear:both;
  display:block;
}

.wplms_registration_form ul li{
      clear:both;
    }

.wplms_registration_form ul li+li{
        margin-top:10px;
      }

.wplms_registration_form ul li label{
        width:100%;
        display:block;
      }

.wplms_registration_form ul li > input,
            .wplms_registration_form ul li > textarea,
            .wplms_registration_form ul li > select{
        width:100%;
      }

.wplms_registration_form ul li fieldset legend{
          font-size: 16px;
          font-weight:600;
          border: none;
        }

.wplms_registration_form .submit_registration_form.loading:before{
        content:"\e619";
        opacity:0.8;
        font-family:vicon;
        -webkit-animation: spin 2s infinite linear;
                animation: spin 2s infinite linear;
      }

/*========================================================================*/

/*   01. Count down
/*========================================================================*/

.digit {
  position: relative;
  float: left;
  width: 2rem;
  height: 3rem;
  background-color: #fafbfc;
  color: #444;
  border-radius: 0.2rem;
  text-align: center;
  margin-right:5px;
  font-size: 2rem;
}

.digit::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: rgba(0,0,0,0.2);
    z-index: 99;
  }

.digit::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 50%;
    display: block;
    border-radius: 0.4rem;
    background: rgba(0,0,0,0.03);
  }

.digit .base {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.digit .base .flap {
      display: none;
      position: absolute;
      width: 100%;
      height: 50%;
      background-color: #fafbfc;
      color: #444;
      left: 0;
      top: 0;
      border-radius: 0.2rem 0.2rem 0 0;
      transform-origin: 50% 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
    }

.digit .base .flap::before {
        content: attr(data-content);
        position: absolute;
        left: 50%;
      }

.digit .base .flap.front::before,.digit .base .flap.under::before {
        top: 100%;
        transform: translate(-50%, -50%);
      }

.digit .base .flap.back {
        transform: rotateY(180deg);
      }

.digit .base .flap.back::before {
          top: 100%;
          transform: translate(-50%, -50%) rotateZ(180deg);
        }

.digit .base .flap.over {
        z-index: 2;
      }

.digit .base .flap.under {
        z-index: 1;
      }

.digit .base .flap.front {
        -webkit-animation: flip-down-front 300ms ease-in both;
        animation: flip-down-front 300ms ease-in both;
      }

.digit .base .flap.back {
        -webkit-animation: flip-down-back 300ms ease-in both;
        animation: flip-down-back 300ms ease-in both;
      }

.digit .base .flap.under {
        -webkit-animation: fade-under 300ms ease-in both;
        animation: fade-under 300ms ease-in both;
      }

@-webkit-keyframes flip-down-front {
  0% {
    transform: rotateX(0deg);
    background-color: #fafbfc;
    color: #444;
  }

  100% {
    transform: rotateX(-180deg);
    background-color: #fafbfc;
    color: #444;
    opacity:0.4;
  }
}

@keyframes flip-down-front {
  0% {
    transform: rotateX(0deg);
    background-color: #fafbfc;
    color: #444;
  }

  100% {
    transform: rotateX(-180deg);
    background-color: #fafbfc;
    color: #444;
    opacity:0.4;
  }
}

@-webkit-keyframes flip-down-back {
  0% {
    transform: rotateY(180deg) rotateX(0deg);
    background-color: #fafbfc;
    color: #444;
    opacity:0.4;
  }

  100% {
    transform: rotateY(180deg) rotateX(180deg);
    background-color: #fafbfc;
    color: #444;
  }
}

@keyframes flip-down-back {
  0% {
    transform: rotateY(180deg) rotateX(0deg);
    background-color: #fafbfc;
    color: #444;
    opacity:0.4;
  }

  100% {
    transform: rotateY(180deg) rotateX(180deg);
    background-color: #fafbfc;
    color: #444;
  }
}

@-webkit-keyframes fade-under {
  0% {
    background-color: #fafbfc;
    color: #444;
  }

  100% {
    background-color: #fafbfc;
    color: #444;
  }
}

@keyframes fade-under {
  0% {
    background-color: #fafbfc;
    color: #444;
  }

  100% {
    background-color: #fafbfc;
    color: #444;
  }
}

.vibe_countdown{
  position:relative;
  width:100%;
  text-align:center;
  margin: 2rem 0;
}

.clock {
  perspective: 100vw;
  perspective-origin: 50% 50%;
}

.clock .vibe_countdown_item {
  margin-right: 1rem;
  display:inline-block;
  position:relative;
}

.vibe_countdown_item .countdown_label {
  position:absolute;
  bottom:-1.6rem;
  font-size:0.8rem;
  text-transform:uppercase;
  color:#444;
  font-weight:600;
  left:0;
  width:100%;
}

.clock .vibe_countdown_item:last-child {
  margin-right: 0;
}

.wplms_app_tax_block{
  padding: 1rem;
  border-radius: 5px;
  color: #fff;
  background-size: cover !important;
}

.wplms_app_tax_block strong{
    font-size: 1.2rem;
  }

.portal.activity_post .portal_body{
  border: 1px solid var(--border);
}

.vibebp_members_directory_filter{
  background: var(--content_bg);
}

.radio > input[type="radio"]{
    display:none;
  }

.radio > input[type="radio"] + label{
      padding-left: 0;
      display:block;
    }

.radio > input[type="radio"] + label:before{
        display: inline-block;
        content:"";
        border:1px solid var(--border);
        width:16px;
        height:16px;
        border-radius:50%;
        padding-right: 8px;
        transition: all 0.2s ease-in-out;
        margin-right: 8px;
      }

.radio > input[type="radio"]:checked+ label:before {
      border-width:4px;
      border-color: var(--primary_bg);
    }

.checkbox > input[type="checkbox"] {
    display: none;
  }

.checkbox > input[type="checkbox"] + label{
      padding-left: 0;
      display:flex;
      align-items:center;
      position:relative;
    }

.checkbox > input[type="checkbox"] + label:before{
        content:"";
        display: inline-block;
        width:16px;
        height:16px;
        overflow:hidden;
        border:1px solid var(--border);
        transition: all 0.2s ease-in-out;
        margin-right: 8px;
      }

.checkbox > input[type="checkbox"]:checked + label:before {
      border-width:8px;
      border-color: var(--primary_bg);
    }

.checkbox > input[type="checkbox"]:checked + label:after {
      content: "\e64c";
      font-family: vicon;
      position: absolute;
      color: var(--primary_color);
      left: 1px;
      top: 1px;
      line-height: 1;
      font-size: 14px;
    }

.checkbox.small input[type="checkbox"] + label:before{
        width:12px;
        height:12px;
      }

.checkbox.small input[type="checkbox"]:checked + label:before {
        border-width:6px;
      }

.checkbox.small input[type="checkbox"]:checked + label:after {
        font-size:10px;
      }

b,strong{
  font-weight: bold;
}

.vibebp_members_directory_header > span {
  display: flex;
  gap: 0.5rem;
}

.vibebp_members_search{
  background: var(--content_bg);
  padding: 0 5px;
}

.vibebp_members_directory_filter{
  border-radius: 1rem;
}

.vibebp_members_directory_filter_values{
  max-height: 120px;
  overflow: auto;
}

.wplms_courses_filter{
  background: var(--content_bg);
  border-radius: 1rem;
}

.wplms_courses_filter .radio + .radio {
  display: flex;
  min-width: 100%;
  margin: 0;
}

.woocommerce .woocommerce-notices-wrapper > *{
      margin-bottom: 1.5rem;
    }

.woocommerce .star-rating span::before {
    color: #f8ad52;
  }

.woocommerce #coupon_code {
    min-width: 240px;
  }

.woocommerce table.shop_table{
    background: var(--content_bg);
    border-collapse: collapse;
  }

.woocommerce.columns-5,.woocommerce.columns-4,.woocommerce.columns-3,.woocommerce.columns-2 {
    -moz-columns: 1;
         columns: 1;
  }

.woocommerce header.entry-header .woocommerce-breadcrumb{
    color: var(--header-color);
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0;
  }

.woocommerce header.entry-header .woocommerce-breadcrumb a{
      color: var(--header-color);
      font-weight: 600;
    }

.woocommerce .woocommerce.columns-4 > p{
    height: 42px;
    display: flex;
    align-items: center;
  }

.woocommerce .single_add_to_cart_button{
    height: calc(3rem - 1px);
  }

.woocommerce section.related.products {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.woocommerce .woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.woocommerce .widget_price_filter .price_slider_wrapper{
      margin-top: 1rem;
    }

.woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-horizontal {
        height: 0.25rem;
      }

.woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-handle{
        top: -0.375rem;
      }

.woocommerce .flex-control-thumbs {
    display: flex;
    gap:1rem;
    flex-wrap: wrap;
  }

.woocommerce .flex-control-thumbs li {
      border: 1px solid var(--border);
      border-radius:5px;
      overflow:hidden;
    }

.woocommerce span.onsale{
    min-height: 2rem;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    background: var(--primary_bg);
    color: var(--primary_color);
    border-radius: 0 0 0 5px;
  }

.woocommerce.single-product span.onsale{
      right: auto;
      left: 0;
      top: 0;
      border-radius: 0 0 5px 0;
    }

.woocommerce .related.products h2{
      font-size: 1.4rem;
    }

.woocommerce ul.products{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    flex-wrap: wrap;
  }

.woocommerce ul.products:before,.woocommerce ul.products:after{
      display: none;
    }

.woocommerce ul.products li.product{
      list-style: none;
      margin: 0 !important;
      width: 100% !important;
      padding: 1rem;
      background: var(--content_bg);
      border: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      justify-content: space-between;
    }

.woocommerce ul.products li.product span.onsale{
        top: 1rem;
        right: 1rem;
      }

.woocommerce ul.products li.product .woocommerce-loop-product__title{
        padding: 0;
        font-size: 1.1rem;
      }

.woocommerce ul.products li.product .price{
        font-size: 1rem;
        margin: 0;
      }

.woocommerce ul.products li.product > a{
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
      }

.woocommerce ul.products li.product > a.button{
          margin: 0;
        }

.woocommerce ul.products li.product > a img{
          margin: 0;
        }

.woocommerce ul.products li.product > a:after{
          display: none;
        }

.woocommerce ul.products li.product .button{
        text-align: center;
      }

.woocommerce div.product .product_title{
      word-break: break-all;
    }

.woocommerce div.product .product_title {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

.woocommerce div.product p.price{
      margin-bottom: 0;
    }

.woocommerce div.product p.price {
      font-size: 1.5rem;
      line-height: 2rem;
    }

.woocommerce div.product .woocommerce-product-rating{
      margin: 0 !important;
    }

.woocommerce div.product .woocommerce-noreviews{
      padding: 1rem;
      background: #f1f7f8;
      margin: 0 0 1rem;
    }

.woocommerce div.product .woocommerce-tabs ul.tabs{
      border-color:  var(--highlight-bg);
    }

.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs:after{
        border-color: var(--border) !important;
      }

.woocommerce div.product .woocommerce-tabs ul.tabs li{
        background-color: var(--highlight-bg);
        border-color: var(--highlight-bg);
      }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
          border:1px solid var(--border);
          border-bottom: 2px solid var(--content_bg);
          background: var(--primary_bg);
          color: var(--primary_color);
        }

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
          display: none;
        }

.woocommerce div.product #review_form #respond{
      display: flex;
      flex-direction: column;
      clear: both;
      gap: 1rem;
    }

.woocommerce div.product #review_form #respond:before{
        display: none;
      }

.woocommerce div.product #review_form #respond .comment-form{
        border: 1px solid var(--border);
        border-radius: 5px;
        padding: 1rem;
        background: var(--bodybg);
      }

.woocommerce div.product #review_form #respond p{
        margin: 0
      }

.woocommerce div.product .woocommerce-product-gallery__wrapper{
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
    }

.woocommerce div.product div.images .flex-control-thumbs li {
      width: calc(25% - 0.75rem);
      min-width: 80px;
    }

.woocommerce div.product form.cart:before{
        display: none;
      }

.woocommerce div.product form.cart {
      margin: 1rem 0;
      display: flex;
      gap: 1rem;
}

.woocommerce div.product form.cart.grouped_form,.woocommerce div.product form.cart.variations_form{
        flex-direction: column;
      }

.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__label,.woocommerce div.product form.cart.variations_form .woocommerce-grouped-product-list-item__label{
          text-align: start;
          vertical-align: middle;
        }

.woocommerce div.product form.cart.grouped_form th,.woocommerce div.product form.cart.variations_form th{
          text-align: start;
        }

.woocommerce div.product form.cart.grouped_form td.value,.woocommerce div.product form.cart.variations_form td.value{
          display: flex;
          align-items: center;
          flex-direction: column;
          gap: 0.5rem;
          position: relative;
        }

.woocommerce div.product form.cart.grouped_form .variations,.woocommerce div.product form.cart.variations_form .variations{
          margin: 0;
        }

.woocommerce div.product form.cart.grouped_form .variations select,.woocommerce div.product form.cart.variations_form .variations select{
            margin: 0;
          }

.woocommerce div.product form.cart .group_table td{
        vertical-align: middle;
      }

.woocommerce div.product form.cart a.reset_variations {
        position: absolute;
        bottom: -1.5rem;
        right: 0;
      }

.woocommerce div.product div.summary{
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

.woocommerce div.product div.summary .product_meta {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
      }

.woocommerce div.product div.summary .product_meta > * {
          display: flex;
          gap: 0.5rem;
        }

.woocommerce div.product div.summary .product_meta a {
          color: var(--primary_bg);
        }

.woocommerce input[type=number]::-webkit-inner-spin-button,
    .woocommerce input[type=number]::-webkit-outer-spin-button
    {
    -webkit-appearance: none;
    margin: 0;
  }

.woocommerce input[type=number]
    {
    -moz-appearance: textfield;
  }

.woocommerce .woocommerce-input-wrapper input,.woocommerce .woocommerce-input-wrapper textarea {
      border: 1px solid var(--border);
      padding: 0.5rem;
      border-radius: 5px;
    }

.woocommerce input.qty {
    height: 47px;
    border: 1px solid var(--border);
  }

.woocommerce input.qty:focus{
      outline: 0;
    }

.woocommerce ul.product_list_widget li{
      padding: 0 0 1rem;
    }

.woocommerce ul.product_list_widget li:before{
        display: none;
      }

.woocommerce ul.product_list_widget li .amount,.woocommerce ul.product_list_widget li .star-rating{
        font-size: 0.875rem;
      }

.woocommerce ul.product_list_widget li .star-rating{
        margin: 0.5rem 0;
      }

.woocommerce ul.product_list_widget li:last-child{
        padding-bottom: 0;
      }

.woocommerce ul.product_list_widget li a{
        font-weight: 600;
      }

.woocommerce section.woocommerce-customer-details address {
    background: var(--content_bg);
    padding: 1rem;
  }

.woocommerce .coupon {
    display: flex;
  }

.woocommerce #reviews #comments h2.woocommerce-Reviews-title{
      font-size: 1.4rem;
      margin-bottom: 1.5rem;
    }

.woocommerce #reviews #comments .comment-reply-title{
      opacity: 0.75
    }

.woocommerce #reviews #comments ol.commentlist li{
        list-style: none;
      }

.woocommerce #reviews #comments ol.commentlist li .comment_container{
          display: flex;
          gap: 1rem;
        }

.woocommerce #reviews #comments ol.commentlist li .comment_container img.avatar{
            padding: 0;
            border: none;
            position: relative;
            border-radius: 5px;
            width: 48px;
            height: 48px;
          }

.woocommerce #reviews #comments ol.commentlist li .comment_container .comment-text{
            margin: 0;
            flex: 1;
          }

.woocommerce #respond input#submit{
    color: var(--primary_color);
  }

.woocommerce nav.woocommerce-pagination{
    text-align: start;
  }

.woocommerce nav.woocommerce-pagination ul > li span.current,.woocommerce nav.woocommerce-pagination ul > li a{
        padding: 0.5rem 1rem;
        line-height: 1.5rem;
      }

.woocommerce nav.woocommerce-pagination ul > li span.current{
        background: var(--primary_bg);
        color: var(--primary_color);
      }

.woocommerce .checkout_coupon.woocommerce-form-coupon{
    display: flex;
    flex-direction: column;
  }

.woocommerce-page .checkout_coupon.woocommerce-form-coupon .form-row-first,.woocommerce-page .checkout_coupon.woocommerce-form-coupon .form-row-last{
      float: none;
      width: auto;
    }

.woocommerce-page ul.products li {
    list-style: none;
  }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: var(--primary_bg);
  color: var(--primary_color);
}

ul.products {
  display: flex;
}

ul.products .price{
    font-size: 1.16rem;
    font-weight: 600;
  }

body{
  overflow: visible;
  font-family: var(--body_font_family);
  background: var(--body_bg);
  color: var(--content_color);
}

body.expanded_side_menu .app_header{
      flex:  0 0 64px;
    }

body.expanded_side_menu .app_header nav > ul.menu > li.label{
          display: none;
        }

body.expanded_side_menu .app_header nav > ul.menu > li > a >span+span,body.expanded_side_menu .app_header nav > ul.menu > li > a >svg+span{
          display: none;
        }

body.expanded_side_menu .app_header .dark_light_switch svg+span,
            body.expanded_side_menu .app_header .vibebp-login-text{
        display: none;
      }

body.expanded_side_menu .app_header .loggedin_user .vibebp_name {
          display: none;
        }

body.expanded_side_menu .app_header .loggedin_user:hover > .vibebp_name {
          padding: 5px;
          display: block;
          position: absolute;
          left: calc(100% + 1.5rem);
          top: 0;
          background: var(--header_bg);
          border-radius: 5px;
        }

body .global-site-content-wrapper{
    transition: all 0.5s;
  }

body .container {
    margin: 0 auto;
  }

body #title{
    padding: 1.5rem 0 3rem;
  }

body #title h1{
      color: Var(--title_color);
    }

body input[type="submit"],
    body .button{
    background: var(--primary_bg);
    line-height: 2.5;
    color: var(--primary_color);
    border-radius: 5px;
    padding: 0.5rem;
  }

body #content{
    max-width: calc(100vw - 240px);
    margin: auto;
  }

body .site-content{
    max-width: 100vw;
  }

body .dark_light_switch .dark_theme{
      display: flex;
      gap: 0.5rem;
      font-weight: 600;
    }

body .dark_light_switch .light_theme {
      display: none;
    }

body.dark_theme .dark_light_switch .dark_theme{
        display: none;
      }

body.dark_theme .dark_light_switch .light_theme{
        display: flex;
        gap: 0.5rem;
        font-weight: 600;
      }

body.dark_theme .light_theme_display{
      display: none;
    }

body.dark_theme .dark_theme_display{
      display: flex;
    }

.light_theme_display{
  display: flex;
}

.dark_theme_display{
  display: none;
}

.row{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.row .col-md-12{
    width: 100%;
  }

.row .col-md-9{
    flex: 9 9 240px;
  }

.row .col-md-8{
    flex: 8 8 240px;
  }

.row .col-md-6{
    flex: 6 6 240px;
  }

.row .col-md-3{
    flex: 3 3 120px;
  }

.row .col-md-4{
    flex: 4 4 160px;
  }

.app_header{
  height: 100vh;
  display: flex;
  flex: 0 0 180px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: visible;
  transition: all 0.5s;
  background: var(--header_bg);
  color: var(--header_color);
  border-right: 1px solid var(--border);
}

.app_header a.loggedin_user img{
      width: 48px;
    }

.app_header.site_header path:not([fill]){
      fill: var(--header_color);
    }

.app_header.site_header nav > ul.menu > li > a{
          font-size: var(--root-menu-font-size);
          text-transform: none;
          color: var(--header_color);
          font-family: var(--top_nav_font);
        }

.app_header.site_header nav > ul.menu > li > a path:not([fill]){
            fill: var(--header_color);
          }

.app_header.site_header nav > ul.menu > li.current-menu-item > a,.app_header.site_header nav > ul.menu > li.current_page_item > a{
            color: var(--primary_bg);
          }

.app_header.site_header nav > ul.menu > li.current-menu-item > a path:not([fill]),.app_header.site_header nav > ul.menu > li.current_page_item > a path:not([fill]){
              fill: var(--primary_bg);
            }

.app_header.site_header nav > ul.menu > li.current-menu-item > a > strong,.app_header.site_header nav > ul.menu > li.current_page_item > a > strong{
              font0weight: 600;
            }

.app_header.site_header nav .megadrop{
        background: var(--sub-menu-background-color);
        font-size: var(--sub-menu-font-size);
      }

.app_header.site_header .user_menu.active{
      top: auto;
      bottom: 0;
      left: calc(100% + 1.5rem);
      border-radius: 5px;
    }

.app_header.site_header .user_menu.active:after{
        top: auto;
        bottom: 10px;
        right: auto;
        left: -17px;
        border-color: transparent var(--dark) transparent transparent;
      }

.main_block_header{
  background: var(--header_top_bg);
  font-family: var(--top_nav_font);
  color: var(--header_top_color);
  border-bottom: 1px solid var(--border);
}

.main_block_header .minimise_side_header{
    display: none;
  }

#logo{
  padding-top: var(--logo_top_padding);
  padding-bottom: var(--logo_bottom_padding);
  flex: 10 0 120px;
}

#logo img{
    max-height: var(--logo_height);
    width: auto;
  }

#logo #header_mobile_logo,#logo #header_alt_logo{
    display: none;
  }

footer.site_footer{
  padding: 2rem 1.5rem;
  background: var(--footer_bg);
  color: var(--footer_color);
  margin-top: 2rem;
}

div#scrolltop {
  display: none;
}

div#scrolltop.active{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 999;
    background: var(--footer_bottom_bg);
    padding: 0.75rem;
    color:  var(--footer_bottom_color);
    border-radius: 2px;
  }

div#scrolltop.active> a {
      display: flex;
      flex-direction: column;
      gap: 2px;
      align-items: center;
    }

div#scrolltop.active> a > span {
        font-size: 11px;
        text-transform: uppercase;
      }

@media (max-width: 768px){
  .topmenu{
    display: none;
  }
    body .app_header{
      display: none;
    }
      body .app_header nav > ul.menu > li{
        margin: 0 -0.5rem;
      }
    body .main_block_header{
      max-width: 100vw;
      potison: relative;
    }
      body .main_block_header .searchbox{
        position: static;
        border: none;
        display: flex;
        align-items: center;
      }
        body .main_block_header .searchbox input{
          display: none;
        }
          body .main_block_header .searchbox.active input{
            display: flex;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            font-size: 1rem;
            padding: 0.5rem;
            background: var(--header_top_bg);
            color: var(--header_top_color);
            border-top: 1px solid var(--border);
          }
      body .main_block_header .minimise_side_header{
        display: flex;
        cursor:pointer;
      }
        body .main_block_header .minimise_side_header path{
          fill: var(--header_color);
        }
      body.expanded_side_menu .app_header{
        display: flex;
        max-width:none;
        height: 100vh;
        padding: 0.5rem;
        transition: all 0.5s;
      }
        body.expanded_side_menu .app_header nav > ul.menu > li > a >span+span, 
                body.expanded_side_menu .app_header nav > ul.menu > li > a >svg+span, 
                body.expanded_side_menu .app_header .vibebp-login-text{
          display: flex;
        }
        body.expanded_side_menu .app_header {
        flex: 0 0 180px;
  }
        body.expanded_side_menu .app_header nav > ul.menu > li > a >svg+span,
                body.expanded_side_menu .app_header nav > ul.menu > li > a >span+span{
          display: flex;
        }
        body.expanded_side_menu .app_header nav > ul.menu > li.label{
          display: flex;
          font-weight: 600;
        }
      body.expanded_side_menu .main_block_header .minimise_side_header{
        display: none;
      }
      body.expanded_side_menu .global-site-content-wrapper{
        transform: none;
        max-width: none;
      }
    body #content{
      max-width: 100vw;
    }
}

@media (min-width: 600px) {
  .sm\:p-6 {
    padding: 1.5rem;
  }
}