/*
! 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;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

.top-full {
  top: 100%;
}

.top-12 {
  top: 3rem;
}

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

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

.clear-both {
  clear: both;
}

.m-2 {
  margin: 0.5rem;
}

.m-6 {
  margin: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 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;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

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

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

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

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

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

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-8 {
  height: 2rem;
}

.h-6 {
  height: 1.5rem;
}

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

.w-full {
  width: 100%;
}

.w-8 {
  width: 2rem;
}

.w-6 {
  width: 1.5rem;
}

.w-16 {
  width: 4rem;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-40 {
  width: 10rem;
}

.w-56 {
  width: 14rem;
}

.w-64 {
  width: 16rem;
}

.w-80 {
  width: 20rem;
}

.max-w-3xl {
  max-width: 48rem;
}

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

.shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

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

.grow {
  flex-grow: 1;
}

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

.basis-8 {
  flex-basis: 2rem;
}

.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));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

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

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

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

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

.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-6 {
  gap: 1.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-0 {
  gap: 0px;
}

.overflow-hidden {
  overflow: hidden;
}

.break-all {
  word-break: break-all;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.fill-gray-800 {
  fill: #1f2937;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

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

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

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

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

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

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-xl {
  font-size: 1.25rem;
}

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.font-extrabold {
  font-weight: 800;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.leading-tight {
  line-height: 1.25;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.decoration-blue-500 {
  -webkit-text-decoration-color: #3b82f6;
          text-decoration-color: #3b82f6;
}

.decoration-\[0\.25rem\] {
  text-decoration-thickness: 0.25rem;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-0 {
  opacity: 0;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.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);
}

.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-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 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;
  /*=================
  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:rgba(255,255,255,0.1);
}

.aligncenter.course9{
}

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

@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;
  --body_bg:#fff;
  --bodybg: var(--body_bg);
  --content_bg: #fff;
  --contentbg: var(--content_bg);
  --content-color: #232;
  --primary_bg:#f62b89;
  --bg-primary: var(--primary_bg);
  --secondary-color: #14B8A6;
  --light-color: #f1f7f8;
  --color-primary: #fff;
  --siteMenuSpacing:  32px;
  --header_bg:#fff;
  --header-background-color: var(--header_bg);
  --root-menu-font-weight:  400;
  --root-menu-main-margin:  0 0.75rem;
  --root-menu-main-padding: 0.6125rem 0.35rem;
  --root-menu-main-size:  1rem;
  --root-menu-main-color:  #42474c;
  --root-menu-sub-font-weight: 400;
  --root-menu-main-border-color:  rgba(0,0,0,0.08);
  --root-menu-main-active-color: var(--primary_bg);
  --sub-menu-background-color: #fff;
  --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:  none;
  --post-element-border:  none;
  --post-content-space: 0;
  --sidebbar-widget-padding: 1.5rem;
  --primary: var(--primary_bg);
  --amount: var(--primary_bg);
  --primary_color:#fff;
  --header-bg: #fafafa;
  --header-color: #333;
  --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_size:1rem;
  --body_font_family:"Roboto Slab";
  --heading_font_family:"Roboto Slab";
  --footer_bg:#fafafa;
  --footer-bg: var(--footer_bg);
  --footer_color:#333;
  --footer-color: var(--footer_color);
  --login_dark:#fff;
  --login_popup:#fff;
  --h1_size:2rem;
  --h2_size:1.4rem;
  --h3_size:1.2rem;
  --h4_size:1rem;
  --h5_size:0.875rem;
  --h6_size:0.75rem;
  --h1_color:;
  --h2_color:;
  --h3_color:;
  --h4_color:;
  --h5_color:;
  --h6_color:;
  --h1_font:var(--heading-font);
  --h2_font:var(--heading-font);
  --h3_font:var(--heading-font);
  --h4_font:var(--heading-font);
  --h5_font:var(--heading-font);
  --h6_font:var(--heading-font);
  --h1_font_weight:700;
  --h2_font_weight:600;
  --h3_font_weight:600;
  --h4_font_weight:600;
  --h5_font_weight:600;
  --h6_font_weight:600;
}

.container{
  max-width: var(--max-container-width);
  margin: 0 auto !important;
}

.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);
}

@media (max-width: 1000px){
  body{
    --post-content-space: 1rem;
    --sidebbar-widget-padding: 1rem;
  }

  .post_content_wrapper{
    margin: 0 0.5rem;
  }
}

h1{
  font-size:var(--h1_size);
  color: var(--h1_color);
  font-family: var(--h1_font);
  font-weight: var(--h1_font_weight);
}

h2{
  font-size:var(--h2_size);
  color: var(--h2_color);
  font-family: var(--h2_font);
  font-weight: var(--h2_font_weight);
}

h3{
  font-size:var(--h3_size);
  color: var(--h3_color);
  font-family: var(--h3_font);
  font-weight: var(--h3_font_weight);
}

h3.heading{
    font-size:var(--heading_size);
    color: var(--heading_color);
    font-family: var(--heading_font);
    font-weight: var(--heading_font_weight);
  }

h4{
  font-size:var(--h4_size);
  color: var(--h4_color);
  font-family: var(--h4_font);
  font-weight: var(--h4_font_weight);
}

h4.widget_title{
    font-size:var(--widget_title_size);
    color: var(--widget_title_color);
    font-family: var(--widget_title_font);
    font-weight: var(--widget_title_font_weight);
  }

h5{
  font-size:var(--h5_size);
  color: var(--h5_color);
  font-family: var(--h5_font);
  font-weight: var(--h5_font_weight);
}

h6{
  font-size:var(--h6_size);
  color: var(--h6_color);
  font-family: var(--h6_font);
  font-weight: var(--h6_font_weight);
}

header.site-header{
    position: relative;
  }

header.entry-header{
    background: var(--header-bg);
    background-size:cover;
    color: var(--header-color);
  }

header.entry-header a,header.entry-header h1,header.entry-header h2,header.entry-header h1 a{
      color: var(--header-color);
    }

header.entry-header a:hover,header.entry-header h1:hover,header.entry-header h2:hover,header.entry-header h1 a:hover{
        color: var(--header-color);
        text-decoration: underline;
      }

section#title{
  padding:3rem 0;
  background: var(--header-bg);
  background-size:cover;
  color: var(--header-color);
}

section#title a,section#title h1,section#title h2,section#title h1 a{
    color: var(--header-color);
  }

section#title a:hover,section#title h1:hover,section#title h2:hover,section#title h1 a:hover{
      color: var(--header-color);
      text-decoration: underline;
    }

section#title + section{
    margin:2rem 0;
  }

.site-content-wrapper{
  z-index: 0;
}

.primary-text{
  color: var(--bg-primary);
}

body{
  color:  var(--content-color);
}

body a{
    color: var(--content-color);
  }

footer.site-footer{
  background: var(--footer-bg);
  color: var(--footer-color);
}

table, th, td {
  border: 1px solid var(--post-element-border);
  text-align: center;
}

table{
  width: 100%;
}

.wp-calendar-table caption{
    padding: 0.5rem;
  }

.wp-calendar-table .wp-calendar-nav {
    display: flex;
    justify-content: space-between;
  }

select{
  width: 100%;
  border: 1px solid var(--post-element-border);
  padding: 0.5rem;
}

.site-content{
  background: var(--bodybg);
  padding-top:0 !important;
}

.entry-summary h1, .entry-content h1, .block-editor-block-list__layout h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

.entry-summary h2, .entry-content h2, .block-editor-block-list__layout h2 {
    font-size: 1.25rem;
  }

.entry-summary h3, .entry-content h3, .block-editor-block-list__layout h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

.entry-summary .wp-block-group.has-background, .entry-content .wp-block-group.has-background, .block-editor-block-list__layout .wp-block-group.has-background {
    padding: 1rem;
  }

.entry-summary .more-link,.entry-content .more-link,.block-editor-block-list__layout .more-link{
    transition: all 0.2s;
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    padding: 0;
    color:  var(--bg-primary);
  }

.entry-summary .more-link:after, .entry-content .more-link:after, .block-editor-block-list__layout .more-link:after {
      content: '';
      width: 0;
      height: 1px;
      position: absolute;
      left: auto;
      right: 0;
      background:  var(--bg-primary);
      bottom: -3px;
      transition: all 0.2s ease-in-out;
    }

.entry-summary .more-link:hover, .entry-content .more-link:hover, .block-editor-block-list__layout .more-link:hover {
      text-decoration: none;
    }

.entry-summary .more-link:hover:after, .entry-content .more-link:hover:after, .block-editor-block-list__layout .more-link:hover:after {
        left: 0;
        right: auto;
        width: 100%;
      }

.entry-summary p a:not(.button), .entry-summary ul a:not(.button), .entry-summary ol a:not(.button), .entry-content p a:not(.button), .entry-content ul a:not(.button), .entry-content ol a:not(.button), .block-editor-block-list__layout p a:not(.button), .block-editor-block-list__layout ul a:not(.button), .block-editor-block-list__layout ol a:not(.button) {
      transition: all 0.2s;
      position: relative;
      padding: 0;
      color:  var(--bg-primary);
    }

.entry-summary p a:not(.button):after, .entry-summary ul a:not(.button):after, .entry-summary ol a:not(.button):after, .entry-content p a:not(.button):after, .entry-content ul a:not(.button):after, .entry-content ol a:not(.button):after, .block-editor-block-list__layout p a:not(.button):after, .block-editor-block-list__layout ul a:not(.button):after, .block-editor-block-list__layout ol a:not(.button):after {
        content: '';
        width: 0;
        height: 1px;
        position: absolute;
        left: auto;
        right: 0;
        background:  var(--bg-primary);
        bottom: -3px;
        transition: all 0.2s ease-in-out;
      }

.entry-summary p a:not(.button):hover, .entry-summary ul a:not(.button):hover, .entry-summary ol a:not(.button):hover, .entry-content p a:not(.button):hover, .entry-content ul a:not(.button):hover, .entry-content ol a:not(.button):hover, .block-editor-block-list__layout p a:not(.button):hover, .block-editor-block-list__layout ul a:not(.button):hover, .block-editor-block-list__layout ol a:not(.button):hover {
        text-decoration: none;
      }

.entry-summary p a:not(.button):hover:after, .entry-summary ul a:not(.button):hover:after, .entry-summary ol a:not(.button):hover:after, .entry-content p a:not(.button):hover:after, .entry-content ul a:not(.button):hover:after, .entry-content ol a:not(.button):hover:after, .block-editor-block-list__layout p a:not(.button):hover:after, .block-editor-block-list__layout ul a:not(.button):hover:after, .block-editor-block-list__layout ol a:not(.button):hover:after {
          left: 0;
          right: auto;
          width: 100%;
        }

.entry-summary p,  .entry-summary ul,  .entry-summary ol,  .entry-content p,  .entry-content ul,  .entry-content ol,  .block-editor-block-list__layout p,  .block-editor-block-list__layout ul,  .block-editor-block-list__layout ol {
    margin-bottom: 1rem;
  }

.entry-summary p:last-child,.entry-summary ul:last-child,.entry-summary ol:last-child,.entry-content p:last-child,.entry-content ul:last-child,.entry-content ol:last-child,.block-editor-block-list__layout p:last-child,.block-editor-block-list__layout ul:last-child,.block-editor-block-list__layout ol:last-child{
      margin-bottom: 0;
    }

.entry-summary ul:not(.block-editor-block-variation-picker__variations) li, .entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li {
      list-style-position: inside;
    }

.entry-summary ul:not(.block-editor-block-variation-picker__variations) li, .entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li {
      list-style-type: disc;
    }

.entry-summary ol li, .entry-content ol li, .block-editor-block-list__layout ol li {
      list-style-position: inside;
    }

.entry-summary ol li, .entry-content ol li, .block-editor-block-list__layout ol li {
      list-style-type: decimal;
    }

.entry-summary li > ul, .entry-summary li > ol, .entry-content li > ul, .entry-content li > ol, .block-editor-block-list__layout li > ul, .block-editor-block-list__layout li > ol{
    padding-left: 1rem;
  }

.entry-summary .wp-caption,.entry-content .wp-caption,.block-editor-block-list__layout .wp-caption{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 100%;
  }

.entry-summary .wp-caption .wp-caption-text,.entry-content .wp-caption .wp-caption-text,.block-editor-block-list__layout .wp-caption .wp-caption-text{
      text-align: center;
    }

.entry-summary a.link,.entry-content a.link,.block-editor-block-list__layout a.link{
    transition: all 0.2s;
  }

.entry-summary a.link span,.entry-content a.link span,.block-editor-block-list__layout a.link span{
      transition: all 0.2s;
    }

.entry-summary a.link:hover,.entry-content a.link:hover,.block-editor-block-list__layout a.link:hover{
      color: var(--bg-primary);
    }

.entry-summary a.link:hover > span,.entry-content a.link:hover > span,.block-editor-block-list__layout a.link:hover > span{
        transform: translateX(5px);
      }

.entry-summary a.link.prev:hover > span,.entry-content a.link.prev:hover > span,.block-editor-block-list__layout a.link.prev:hover > span{
      transform: translateX(-5px);
    }

.entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }

.entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }

.entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
    -webkit-text-decoration-color: #3b82f6;
            text-decoration-color: #3b82f6;
  }

.entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
    text-decoration-thickness: 0.25rem;
  }

.entry-summary a.focus:hover, .entry-content a.focus:hover, .block-editor-block-list__layout a.focus:hover {
    -webkit-text-decoration-color: rgb(59 130 246 / 0.5);
            text-decoration-color: rgb(59 130 246 / 0.5);
  }

.entry-summary a.focus:hover, .entry-content a.focus:hover, .block-editor-block-list__layout a.focus:hover {
    text-decoration-thickness: 0.5rem;
  }

.entry-summary a.focus:focus, .entry-content a.focus:focus, .block-editor-block-list__layout a.focus:focus {
    -webkit-text-decoration-color: rgb(59 130 246 / 0.5);
            text-decoration-color: rgb(59 130 246 / 0.5);
  }

.entry-summary a.focus:focus, .entry-content a.focus:focus, .block-editor-block-list__layout a.focus:focus {
    text-decoration-thickness: 0.5rem;
  }

@media (prefers-reduced-motion: no-preference) {
    .entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
  }

@media (prefers-reduced-motion: no-preference) {
    .entry-summary a.focus, .entry-content a.focus, .block-editor-block-list__layout a.focus {
      transition-duration: 200ms;
    }
  }

.entry-summary pre, .entry-content pre, .block-editor-block-list__layout pre {
    white-space: normal;
  }

.entry-content >* {
    margin: 1rem 0;
    line-height: 1.81;
  }

.entry-content >*:first-child{
      margin-top: 0;
    }

.entry-content >*:first-child.alignleft+p {
        margin-top: 0;
      }

.entry-content >*:first-child.alignright+p {
        margin-top: 0;
      }

.entry-content >*:last-child{
      margin-bottom: 0;
    }

.entry-content .wp-block-embed__wrapper iframe {
    width: 100%;
  }

.breadcrumbs{
  display: flex;
  padding:0;
  margin:0;
  list-style: none !important;
  gap:7px;
}

.breadcrumbs li{
    font-size:0.875rem;
  }

.breadcrumbs li+li:before{
        content: "/";
        margin-right:7px;
        opacity:0.6;
      }

.breadcrumbs li a{
      font-weight:400;
      color:var(--primary);
    }

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

ul.products {
  display: flex;
}

ul.products .price{
    font-size: 1.16rem;
    font-weight: 600;
  }

.post_content_wrapper{
  flex: 5 0 320px;
  padding: var(--post-content-space);
  border: 1px solid var(--post-content-border);
  background: var(--contentbg);
  max-width: calc(100% - 324px);
}

.post_content_wrapper.no_active_sidebar{
    max-width: 100%;
  }

.post_content_wrapper input{
    border: 1px solid var(--border);
    padding: 0.5rem;
  }

.post_content_wrapper blockquote {
    padding: 1.5rem;
    border-left: 5px solid var(--border);
  }

.post_content_wrapper a{
    color:var(--content_link_color);
  }

.post_content_wrapper ol{
    list-style: decimal inside;
  }

.post_content_wrapper ul{
    list-style: disc inside;
  }

.post_content_wrapper:after {
    position: absolute;
    left: -0.75rem;
    top: -0.75rem;
    width: calc(100% + 1.5rem);
    height: calc(100% + 1.5rem);
    background: #fff;
    display: block;
    content: '';
    border-radius: 1rem;
    z-index: -1;
    background: var(--contentbg);
  }

.sidebar_wrapper{
  flex: 1 0 300px;
  max-width: 300px;
}

.sidebar .widget{
    border: 1px solid var(--post-content-border);
    padding: var(--sidebbar-widget-padding);
    background: var(--contentbg);
    width: 100%;
  }

.sidebar .widget label.wp-block-search__label {
      display: none;
    }

.widget .widget_title{
    font-size: 1.16rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

.widget a:hover{
    color: var(--bg-primary);
  }

.widget ul:not(.product_list_widget)>li,.widget ol>li {
    width: 100%;
    padding: 0.25rem 12px;
    position: relative;
    transition: all 0.2s;
  }

.widget ul:not(.product_list_widget)>li:before, .widget ol>li:before {
      content: '';
      border-bottom: 1px solid;
      position: absolute;
      width: 5px;
      top: 1rem;
      left: 0;
      transition: all 0.2s;
    }

.widget ul:not(.product_list_widget)>li:hover:before, .widget ol>li:hover:before {
      width: 10px;
      border-color: var(--bg-primary);
    }

.widget ul:not(.product_list_widget)>li:hover,.widget ol>li:hover{
      padding-left:17px;
    }

.widget form.search-form {
    border: 1px solid var(--post-content-border);
    display: flex;
    justify-content: space-between;
  }

.widget form.search-form > input[type="search"] {
      padding: 0.5rem;
    }

.widget form.search-form input.search-field {
      padding: 0.5rem;
      width: 100%;
    }

.widget form.search-form input.search-submit {
      padding: 0.5rem;
      background: var(--primary);
      color: #fff;
    }

.widget form.search-form label {
      flex: 1;
    }

.post.sticky {
  padding: 1rem;
  background: var(--light-color);
  border: none;
  border-radius: 5px;
}

textarea{
  border: 1px solid var(--border);
  padding: 0.5rem;
}

button,input[type="submit"],.woocommerce a.button,
.button,.wp-block-button__link {
  padding: 0.625rem 1.5rem;
  color: var(--color-primary);
  border-radius: 5px;
  background: var(--bg-primary);
  border: 1px solid var(--bg-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
}

button.pressed,
  button:hover,
  input[type="submit"].pressed,
  input[type="submit"]:hover,
  .woocommerce a.button.pressed,
  .woocommerce a.button:hover,
  .button.pressed,
  .button:hover,
  .wp-block-button__link.pressed,
  .wp-block-button__link:hover{
    color: var(--bg-primary) !important;
    border: 1px solid var(--bg-primary) !important;
    background: transparent !important;
  }

.reverse .wp-block-button__link{
  background:none;
  color:var(--primary);
}

.reverse .wp-block-button__link:hover{
    color: var(--color-primary);
    background: var(--bg-primary);
  }

input[type="submit"],.woocommerce a.button,.button{
  background: var(--bg-primary) !important;
  color: var(--color-primary) !important;
}

.checkbox input{
    display:none;
  }

.checkbox input:checked+label:before{
      border-width:0.5rem;
      border-color:var(--bg-primary);
    }

.checkbox input:checked+label:after{
      content:'';
      position:absolute;
      left:0;
      top:2px;
      color: var(--primary-color);
      height: 1rem;
      width: 1rem;
      z-index:2;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E");
    }

.checkbox label{
    display:flex;
    align-items:center;
    gap:0.5rem;
    position:relative;
  }

.checkbox label:before{
      content:'';
      display:block;
      width:1rem;
      overflow:hidden;
      height:1rem;
      border:1px solid var(--border);
    }

.radio > input[type="radio"]{
    display:none;
  }

.radio > input[type="radio"] + label{
      display:flex;
      gap:0.5rem;
      align-items:center;
    }

.radio > input[type="radio"] + label:before{
        display: inline-block;
        content:"";
        border:1px solid var(--border);
        width:16px;
        height:16px;
        border-radius:50%;
        transition: all 0.2s ease-in-out;
      }

.radio > input[type="radio"]:checked+ label:before {
      border-width:4px;
      border-color: var(--primary);
    }

.wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  bordeR: 1px solid var(--border);
  justify-content: space-between;
}

.wp-block-search__inside-wrapper .wp-block-search__input{
    border: none;
  }

.wp-block-search__inside-wrapper .wp-block-search__button{
    background: var(--bg-primary);
    color: var(--color-primary);
    padding: 0.625rem 1.5rem;
    border: none;
    border-radius: 0;
    margin: -1px;
  }

.widget .item-options {
    display: none;
  }

.widget .vcard::before {
    display: none !important;
  }

.widget .item-list {
    display: flex;
    width: 1;
    flex-wrap:wrap;
  }

.widget li.vcard {
    flex:0 0 120px;
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:center;
    line-height:1;
    gap: 0.5rem;
    font-size: 1rem;
    transition: all 0.2s;
  }

.widget li.vcard .item-avatar {
    border-radius: 5px;
    overflow: hidden;
  }

.widget .vcard .item {
    margin-left: 0 !important;
  }

.widget li.vcard:hover .item-avatar img {
    transform: scale(1.2);
  }

.widget li.vcard:hover {
    transform: none;
    padding-left: 12px;
  }

.widget li.vcard .item-avatar img {
    transition: all 0.2s;
    border: 1px solid var(--border);
    box-shadow: 0 2px 2px var(--border);
  }

.widget .vcard span.activity {
    display: none;
  }

.tags{
  display: flex;
  flex-wrap: Wrap;
  gap: 1rem;
  border-bottom: 1px solid var(--border);
}

.tags [rel="tag"] {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: color 0.2s;
  }

.tags [rel="tag"]::before {
      background: #fff;
      border-radius: 10px;
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
      content: '';
      height: 6px;
      left: 10px;
      position: absolute;
      width: 6px;
      top: 10px;
    }

.tags [rel="tag"]::after {
      background: #fff;
      border-bottom: 13px solid transparent;
      border-left: 10px solid #eee;
      border-top: 13px solid transparent;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
    }

.tags [rel="tag"]:hover {
      background-color: var(--bg-primary);
      color: var(--color-primary);
    }

.tags [rel="tag"]:hover::after {
      border-left-color: var(--bg-primary);
    }

.vibebp_members_directory_wrapper {
  display: flex;
  gap: 1.5rem;
}

.vibebp_members_directory_wrapper .vibebp_members_directory_filters {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

.vibebp_members_directory_wrapper .vibebp_members_directory_filter_values {
    max-height: 200px;
    overflow: auto;
    padding-top: 5px;
  }

.vibebp_members_directory_wrapper .vibebp_member,.vibebp_members_directory_wrapper .vibebp_members_directory_filter{
    border-radius:5px;
  }

/* animation: float 6s ease-in-out infinite; */

@-webkit-keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }

  50% {
    box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
    transform: translatey(-20px);
  }

  100% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }

  50% {
    box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
    transform: translatey(-20px);
  }

  100% {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
}

@media (max-width: 768px){
  .post_content_wrapper{
    max-width: 100%;
  }

  .sidebar_wrapper{
    max-width: 100%;
  }
}

#main-menu > ul{
    flex-wrap: wrap;
  }

#main-menu > ul > li{
      padding: 1rem 0;
    }

#main-menu > ul > li > a{
        font-weight:var(--root-menu-main-font-weight);
        margin:var(--root-menu-main-margin);
        padding: var(--root-menu-main-padding);
        font-size: var(--root-menu-main-size);
        color: var(--root-menu-main-color);
        white-space: nowrap;
      }

#main-menu ul li{
      position:relative;
      margin: 0;
    }

#main-menu ul li a{
        position: relative;
      }

#main-menu ul li:hover > a{
        color:var(--root-menu-main-active-color);
      }

#main-menu ul li.active> a{
          color:var(--root-menu-main-active-color);
          position: relative;
        }

#main-menu ul li.current-menu-item > a,#main-menu ul li.current-menu-ancestor > a{
          color:var(--root-menu-main-active-color);
        }

#main-menu ul li:hover > .sub-menu,
				#main-menu ul li:hover > .children{
          display: flex;
          -webkit-animation: opacity 200ms ease-in-out normal;
                  animation: opacity 200ms ease-in-out normal;
          flex-direction: column;
          width:var(--sub-menu-width);
        }

#main-menu ul li:hover > .sub-menu > li,#main-menu ul li:hover > .children > li{
            font-size:var(--sub-menu-font-size)
          }

#main-menu ul li.megamenu > .sub-menu{
          flex-direction: row;
          justify-content: space-between;
        }

#main-menu ul li.megamenu > .sub-menu > li{
            flex: 1;
          }

#main-menu .children,#main-menu .sub-menu{
    display: none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    z-index: 99;
    max-width: calc(100vw - 1rem);
    box-shadow: var(--sub-menu-box-shadow);
    border: var(--sub-menu-border);
    border-radius: var(--sub-menu-border-radius);
    background:var(--sub-menu-background-color);
  }

#main-menu .children > li,#main-menu .sub-menu > li{
      display: block;
      position: relative;
      width:100%;
      min-width: var(--sub-menu-min-width);
    }

#main-menu .children > li svg,#main-menu .sub-menu > li svg{
        width: 32px;
        height: 32px;
        margin-top: 5px;
      }

#main-menu .children > li > a,#main-menu .sub-menu > li > a{
        font-size:var(--sub-menu-font-size);
        border-bottom:var(--sub-menu-border);
        text-align: inherit;
        white-space: nowrap;
        margin: 0;
        display: flex;
        padding: 0.5rem 1rem;
      }

#main-menu .children > li > a:hover,#main-menu .sub-menu > li > a:hover{
          background-color: var(--sub-menu-hover-background);
          color: var(--sub-menu-hover-color);
        }

#main-menu .children > li > .sub-menu,#main-menu .sub-menu > li > .sub-menu{
        top:-1px;
        left:100%;
      }

#main-menu .children > li.openleft > .sub-menu,#main-menu .sub-menu > li.openleft > .sub-menu{
        top:0;
        left:-100%;
      }

#main-menu .children > li:first-child > a,#main-menu .sub-menu > li:first-child > a{
        border-radius: var(--sub-menu-border-radius) var(--sub-menu-border-radius) 0 0;
      }

#main-menu .children > li:last-child> a,#main-menu .sub-menu > li:last-child> a{
        border-bottom:none;
        border-radius: 0 0 var(--sub-menu-border-radius) var(--sub-menu-border-radius);
      }

#main-menu .megamenu-sidebar{
    padding: 1rem;
  }

#main-menu .megamenu-sidebar .widget{
      flex: 1;
      padding: 0;
      max-width: none;
    }

#main-menu .megamenu-sidebar .widget ul>li:before, #main-menu .megamenu-sidebar .widget ol>li:before{
        content: '';
        display: none;
      }

#main-menu .megamenu-sidebar .widget ul>li, #main-menu .megamenu-sidebar .widget ol>li{
        padding-left: 0;
      }

#main-menu .megamenu-sidebar .widget ul>li:hover,#main-menu .megamenu-sidebar .widget ol>li:hover{
          padding-left: 0;
        }

#main-menu .mega_menu_term_list {
    padding: 1rem 0;
  }

#main-menu .mega_menu_term_list > .mega_menu_term {
      padding: 0.5rem 1rem;
    }

#main-menu .mega_menu_term_list > .mega_menu_term:hover{
        color: var(--bg-primary);
      }

#main-menu .service_adblock{
    min-height: 12rem;
    height: 100%;
    min-width: 12rem;
  }

#main-menu .service_adblock {
    background-size: cover !important;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

#main-menu .service_adblock .service_adblock_container {
      padding: 0.875rem;
      background: rgba(0,0,0, 0.2);
      border: 1px solid rgba(0,0,0, 0.1);
      box-shadow: 0 0 80px rgb(0 0 0 / 20%);
      margin: 0.5rem;
      border-radius: 5px;
    }

#main-menu .service_adblock .service_adblock_container a,#main-menu .service_adblock .service_adblock_container .service_block_down {
        color: #fff;
      }

#main-menu .mega_menu_term_list{
    min-width:16rem
  }

#main-menu .field_type_video iframe{
    height:360px;
    border-radius:5px 5px 0 0;
  }

nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav > ul >li {
    list-style: none !important;
  }

header.site_header.fixed_header{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

header.site_header {
  z-index: 9;
  background: var(--header-background-color);
}

header.site_header nav.mega_menu{
    position: relative;
  }

header.site_header nav.mega_menu .mega_menu_root_active_highlight{
      position: absolute;
    }

header.site_header nav.mega_menu:hover .mega_menu_root_item.active{
        transition: all 0.2s ease-in-out;
        color: var(--white);
      }

header.site_header nav.mega_menu:hover .mega_menu_root_active_highlight{
        position: absolute;
        height: 2rem;
        border-radius: 5px;
        margin-top: -2px;
        z-index: -1;
        background: var(--bg-primary);
        transition: all 0.2s ease-in-out;
      }

header.site_header nav.mega_menu:hover .mega_menu_dropdown{
        display: none;
      }

header.site_header nav.mega_menu:hover .mega_menu_dropdown.active{
          display: block;
        }

header.site_header nav.mega_menu .mega_menu_bg{
      background: var(--sub-menu-background-color);
      border-radius: 5px;
      opacity: 0;
      transition: all 0.2s ease-in-out;
      position: absolute;
      box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
      transform: rotateX(-15deg);
      transform-origin: 50% -50px;
      will-change: transform, opacity;
      pointer-events: auto;
    }

header.site_header nav.mega_menu .mega_menu_bg.active{
        opacity: 1;
        padding: 1.5rem;
        transform: none;
      }

header.site_header nav.mega_menu .mega_menu_dropdown{
      position: absolute;
      top: 100%;
      width: 100%;
      opacity: 0;
      display: none;
      transition: all 0.5s;
    }

header.site_header nav.mega_menu .mega_menu_dropdown.active{
        opacity: 1;
        z-index: 9;
        display: block;
      }

header.site_header nav.mega_menu .mega_menu_dropdown .mega_menu_sub{
        position: absolute;
        z-index: 9;
        top:1.5rem;
        opacity: 0;
      }

header.site_header nav.mega_menu .mega_menu_dropdown .mega_menu_sub.active{
          display: block;
          opacity: 1;
          transition: all 0.5s ease-in-out;
        }

header.site_header nav.mega_menu .mega_menu_dropdown .mega_menu_sub a:hover{
          color: var(--bg-primary);
        }

header.site_header nav.mega_menu .mega_menu_dropdown .mega_menu_sub.two_col{
          width: calc(360px + 1.5rem);
          display: grid;
          grid-template-columns: 180px 180px;
          grid-gap: 1.5rem;
        }

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

.megadrop .menu-cat_subcat .taxonomy_menu > li{
        position:static !important;
      }

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

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

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

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

.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);
    }

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

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

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

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

.megadrop .mega_menu_cat_posts .mega_menu_term_list .mega_menu_term.active{
          background: var(--sub-menu-hover-background);
          color: var(--sub-menu-hover-color);
          border-radius: 0 5px 5px 0;
        }

.megadrop .mega_menu_cat_posts .mega_posts .menu_featured{
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
      }

.megadrop .mega_menu_cat_posts .mega_posts .menu_featured img{
          border-radius: 5px;
        }

.megadrop .mega_sub_posts_menu{
    display: none;
  }

.megadrop .mega_sub_posts_menu.active{
      display: flex;
    }

.megadrop .menu-cat_subcat{
  padding:8px 0;
}

.megadrop .menu-cat_subcat .taxonomy_menu>li>a{
    padding:8px 12px;
    display:flex;
  }

.megadrop .menu-cat_subcat .sub_cat_menu{
    background:#fff;
  }

.mega_menu_root_active_highlight{
  height: 3px;
  width: 120px;
  background: var(--root-menu-main-active-color);
  border-radius: 4px;
  display: block;
  position: absolute;
  transition: all 0.2s;
}

@media (max-width: 768px){
  header.site-header nav #primary-menu{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transition: all 0.2s;
    transform: translateX(-100%);
    z-index: 99;
    background: var(--sub-menu-background-color);
  }
    header.site-header nav #primary-menu.active{
      transition: all 0.2s;
      transform: translateX(0);
    }

  .admin-bar header.site-header nav #primary-menu{
    top: 32px;
  }
}

@media (max-width: 480px){
  #primary-menu ul li:hover > .sub-menu{
    position: relative;
    box-shadow: none;
  }

  #primary-menu .sub-menu li > .sub-menu {
    left: 0;
  }

  .menu-item-has-children{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative !important;
  }
    .menu-item-has-children:before{
      content: "\e649";
      padding: 0.5rem;
      font-family: vicon;
      position: absolute;
      width: 1.5rem;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
    }
    .menu-item-has-children > a{
      margin-right: 2rem !important;
    }
    .menu-item-has-children.active:before{
      content: "\e64b";
    }

  .mega_posts{
    display: none;
  }
}

.site_mobile_menu{
  transition: all 0.36s ease-in-out;
  transform: translateX(-100%);
  position: fixed;
  left: 0;
  top: 0;
  width: 240px;
  height: 100vh;
  overflow-y: auto;
  background: var(--header-background-color);
  z-index: 99999;
  box-shadow: 1px 0 2px var(--border);
}

.site_mobile_menu.active{
    transform: translateX(0%);
  }

.site_mobile_menu .mobile_navigation ul li > .sub-menu{
          display: none;
        }

.site_mobile_menu .mobile_navigation ul li.active > .sub-menu{
            display: block;
          }

.site_mobile_menu .mobile_navigation ul li.current-menu-item > a,.site_mobile_menu .mobile_navigation ul li.current-menu-ancestor > a{
            color: var(--bg-primary) !important;
          }

.site_mobile_menu .mobile_navigation ul li > a {
          border-bottom: 1px solid var(--border);
        }

@-webkit-keyframes opacity {
  from {
    opacity:0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes opacity {
  from {
    opacity:0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

header.site-header{
    background: var(--header-background-color);
  }

header.fixed_header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

header .vibebp-login{
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 0.5rem;
    min-width: 7rem;
    display: flex;
    justify-content: center;
  }

.vibebp-login > a > span {
    color: var(--primary_color);
  }

.vibebp-login a.loggedin_user .vibebp_name{
    color: var(--primary_color);
  }

.vibebp-login:hover > a > span {
      color: var(--bg-primary);
    }

.vibebp-login:hover > a > span.vibebp_name {
        color: var(--primary);
      }

#vibebp_login_wrapper{
  z-index: 999;
  position:relative;
}

.login_popup_content {
  gap: 1rem;
}

.login_popup_content h2{
    line-height: 1;
  }

.login_popup_content .extra_details {
    position: relative;
    margin-top: 0 !important;
  }

.login_popup_content .extra_details:before {
      content: '';
      display: flex;
      height: 1px;
      background: var(--border);
      max-width: 120px;
      margin-left: calc(50% - 60px);
    }

.login_popup .loginform .input{
    padding: 0.5rem;
  }

.login_popup .loginform .control>.vicon{
    z-index: 9;
  }

.login_popup .loginform .control>.vicon+.input {
      padding: 0.5rem 1.5rem 0.5rem 0.5rem !important;
      line-height: 0;
    }

@media (max-width: 768px){
  header .vibebp-login{
    min-width: 3rem;
  }
}

.entry-content-wrapper{
  width: 100%;
}

.blog_grid_view{
  display: grid;
  gap:1.5rem;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
}

.blog_grid_view > *{
    background:var(--highlight);
    border:1px solid var(--border);
  }

.blog_grid_view > *:first-child{
      grid-column:1/3;
    }

.blog_grid_view ul.post-categories {
    display: flex;
    gap: 5px;
  }

@media (max-width:480px){
  .blog_grid_view > *.first-child{
    grid-column:1/2;
  }
}

.page-links {
  display: flex;
  align-items: center;
}

.page-links .page-links-title{
    margin-right:0.5rem;
  }

.page-links .post-page-numbers {
    border: 1px solid var(--border);
    padding: 0.5rem 0.875rem;
    line-height: 1;
  }

.page-links .post-page-numbers.current {
      color: var(--color-primary);
      background: var(--bg-primary);
      border-color: var(--bg-primary);
    }

.pagination {
  display: flex;
  margin: 1rem 0;
  gap: 5px;
}

.pagination > span,.pagination > a {
    padding: 2px 10px;
    border-radius: 5px;
  }

.pagination .current {
    background: var(--primary);
    color: var(--primarycolor);
  }

.pagination > a {
    background: var(--highlight);
    border: 1px solid var(--border);
  }

#comments{
  clear: both;
  margin-top: 1rem;
}

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

#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: 1rem;
    margin-top: 1rem;
  }

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

#comments ol.comment-list > li .comment-body {
        padding-left: 96px;
        position: relative;
      }

#comments ol.comment-list > li .comment-body .comment-author.vcard {
          position: absolute;
          left: 0;
          width: 64px;
        }

#comments ol.comment-list > li .comment-body cite,#comments ol.comment-list > li .comment-body .commentmetadata{
          font-size:80%;
          color:var(--body-color);
        }

#comments ol.comment-list > li .comment-body .says{
          display:none;
        }

#comments ol.comment-list > li .comment-body a{
          color:var(--bg-primary);
        }

#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%;
    grid-column: 1/-1;
  }

#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;
  }

.widget_search div {
    display: flex;
  }

.widget_search div input#s {
      border: 1px solid var(--border);
      padding: 10px;
      border-radius: 5px 0 0 5px;
      flex: 1;
      min-width: auto;
    }

.widget_search div input[type="submit"] {
      border-radius: 0 5px 5px 0;
    }

#footerbottom{
padding-top:2rem;
  color:var(--footer_bottom_color);
}

#footerbottom .footermenu {
    display: flex;
    gap: 10px;
  }

#footerbottom .footermenu a{
      color:var(--footer_bottom_color);
    }

#footerbottom #footerlogo{
    max-width:80px;
    margin-right:10px;
  }

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

/*   07. Blog 
/*========================================================================*/

.meta{
  float: left;
  text-align: right;
  font-size: 14px;
  border-right: 1px solid var(--border);
}

.meta .date{
    margin:0;
  }

.meta .date .day{
      font-size: 48px;
      font-weight: 700;
      margin: 0;
      opacity:0.4;
      line-height: 1;
      padding: 0 10px 10px 0;
    }

.meta .date .month{
      padding: 10px 10px 0 0;
      margin: 0;
      text-transform: uppercase;
      font-weight: 600;
      border-top: 1px solid var(--border);
      font-size: 12px;
      letter-spacing: 2px;
    }

.meta a{
    color:$light-text-color;
  }

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

/*   07. Blogposts Blog Page
/*========================================================================*/

.blogpost{
  clear:both;
  margin-bottom:60px;
}

.blogpost .blog-item{
    display:flex;
  }

.blogpost .featured{
    max-width: 200px;
    height: auto;
    float: left;
    margin: 0 20px;
  }

.blogpost h3{
    margin-top:0;
  }

.blogpost img{
    height:auto;
  }

.blogpost .excerpt{
    margin-left:90px;
  }

.blogpost .excerpt.thumb{
      margin-left:310px;
    }

.blogpost .cats{
    padding: 4px 0;
    margin: 4px 0 10px;
    border-top: 1px dotted $bordercolor;
    border-bottom: 1px dotted $bordercolor;
  }

.cats ul{
    float:left;
    list-style: none;
  }

.cats ul li{
      float:left;
      margin-right:5px;
    }

.cats p{
    margin:0;
    color:$light-text-color;
  }

.cats a{
    font-size: 11px;
    font-weight: 600;
    color:$light-text-color;
    text-transform: uppercase;
  }

.cats a:hover{
      color:$primarybg;
    }

.flex-items-center,
.flex-items-center .elementor-button-content-wrapper{
  display:flex;
  align-items:center;
}

.grid-cols-3_1 {
  grid-template-columns: 3fr 1fr;
}

.grid-cols-2_1 {
  grid-template-columns: 2fr 1fr;
}

.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%);
}

.instructor_extras{
  margin-bottom:1rem;
}

.scontent .buddypress-course-search-widget ul {
      display: flex;
      flex-wrap: wrap;
    }

.scontent .buddypress-course-search-widget ul li {
        flex: 2 0 160px;
      }

.scontent .buddypress-course-search-widget ul li:hover{
          padding-left:0;
        }

.scontent .buddypress-course-search-widget ul li:before {
          display: none;
        }

.scontent .buddypress-course-search-widget ul li:nth-child(3) {
          flex: 3 0 320px;
        }

.scontent .buddypress-course-search-widget ul li:last-child {
          flex: 1;
        }

.scontent .buddypress-course-search-widget ul li input[type="text"] {
          height: 100%;
          padding: 10px;
          width: 100%;
          border-radius: 5px;
        }

.scontent .buddypress-course-search-widget ul li select {
          border: 1px solid var(--border);
          height: 100%;
          border-radius: 5px;
        }

.widget.buddypress-course-search-widget {
  background: var(--border);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.row .col-md-3 {
    max-width: 240px;
  }

.row .col-md-4{
    max-width:320px;
  }

.row .col-md-2{
    max-width:520px;
  }

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

footer .footerwidget ul{
      display:flex;
      flex-direction:column;
      gap:0.5rem;
    }

footer select, footer input {
    border: 1px solid var(--border);
    background: var(--highlight);
    width: 100%;
    padding: 10px;
  }

footer .row .col-md-3 {
      max-width: none;
      flex: 1 0 240px;
    }

footer .row .col-md-4 {
      max-width: none;
      flex: 1 0 320px;
    }

footer .row .col-md-2{
      flex:1 0 50%;
    }

footer ul>li>a {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
  }

footer ul.vibeposts img {
      width: 32px;
      height: 32px;
      border-radius: 5px;
    }

footer ul.vibeposts li > article {
    display: flex;
    gap: 10px;
    align-items: center;
  }

footer ul.vibeposts li > article h5 {
    font-size: 1rem;
    font-weight: 400;
  }

.wplms_courses_filter{
  display:flex;
  gap:0.5rem;
}

.wplms_courses_filter .radio+.radio,.wplms_courses_filter .checkbox+.checkbox{
    margin:0;
  }

.wplms_courses_filter input[type="text"]{
    border:1px solid var(--border);
  }

.wplms_courses_sort select{
    border:1px solid var(--border);
  }

.alignfull{
  max-width: 100%;
}

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

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

#vibebpmember .container{
    flex: 5;
    width: 100%;
  }

footer.site-footer a{
  color:var(--footer-color);
}

.footer_sidebar #sidebar{
  display: flex;
  flex: ;
}

.footer_sidebar #sidebar > *{
    flex: 1 0 240px;
  }

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

.top-12{
  top:3rem;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.gallery-caption{
  font-size: 11px;
  font-style: italics;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
}

.bypostauthor{
  border-radius: 5px;
  padding: 5px;
  box-shadow:0 0 5px #e7f8fb;
}

.vibebp_members_directory_member.card .vibebp_member {
  background: var(--bg-content);
  bordeR: 1px solid var(--border);
  padding: 0.5rem;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
      color: var(--bg-primary);
    }

.wp-block {
  max-width: 1280px;
}

.wp-block[data-align=wide] {
  max-width: 1280px;
}

.wp-block[data-align=full] {
  max-width: 100%;
}

.fireup_text{
  color: linear-gradient(to bottom right,#bdd0bc 0%,#ffaf57 50%,#fe6053 100%)
}

.wp-site-blocks > .wp-block-columns{
    max-width: var(--max-container-width);
    margin: 0 auto;
  }

header{
  z-index: 999;
}

header.wp-block-template-part{
    max-width: var(--max-container-width);
    margin: 0 auto;
  }

.fullwidth{
  max-width: 100vw !important;
}

.appointments_directory_wrapper .vibebp_members_directory_header{
  background: var(--light-color);
}

.appointments_directory_wrapper .vibebp_members_directory_header .vibebp_members_search{
    background: var(--contentbg);
  }

.vibebp_members_directory_filter_form a:hover {
  color: var(--sub-menu-hover-color);
}

.select_day_of_week{
  padding: 0;
  background: var(--light-color);
}

.wp-block-columns:where(.has-background){
  padding: 1em;
}

@media (min-width: 768px){
  .sticky_block{
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
  }
}

.elementor-widget-container .vibebp_main{
  margin: 1rem 0;
}

pre{
  white-space: normal;
}

.white_bg .elementor-container {
    z-index: 1;
  }

.white_bg:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20%;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%)
  }

.white_bg:after {
    z-index:1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10%;
    background-image: linear-gradient(0deg, #EBEBEB 0%, rgba(235,235,235,0.00) 100%)
  }

.squares {
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  justify-content: space-around;
  overflow: hidden
}

.square {
  -webkit-animation: squares 9.5s linear infinite;
          animation: squares 9.5s linear infinite;
  align-self: flex-end;
  width: 1em;
  height: 1em;
  transform: translateY(100%);
  background: #ebebeb;
}

.square:nth-child(2) {
    height: 1.5em;
    width: 3em;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-duration: 17s;
            animation-duration: 17s;
    -webkit-filter: blur(5px)
  }

.square:nth-child(3) {
    height: 2em;
    width: 1em;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
    -webkit-filter: blur()
  }

.square:nth-child(4) {
    height: 1em;
    width: 1.5em;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-filter: blur(3px);
    -webkit-animation-duration: 13s;
            animation-duration: 13s
  }

.square:nth-child(5) {
    height: 1.25em;
    width: 2em;
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
    -webkit-filter: blur(2px);
    -webkit-animation-duration: 11s;
            animation-duration: 11s
  }

.square:nth-child(6) {
    height: 2.5em;
    width: 2em;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-filter: blur(1px);
    -webkit-animation-duration: 9s;
            animation-duration: 9s
  }

.square:nth-child(7) {
    height: 5em;
    width: 2em;
    -webkit-filter: blur(2.5px);
    -webkit-animation-duration: 12s;
            animation-duration: 12s
  }

.square:nth-child(8) {
    height: 1em;
    width: 3em;
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
    -webkit-filter: blur(6px);
    -webkit-animation-duration: 18s;
            animation-duration: 18s
  }

.square:nth-child(9) {
    height: 1.5em;
    width: 2em;
    -webkit-filter: blur(0.5px);
    -webkit-animation-duration: 9s;
            animation-duration: 9s
  }

.square:nth-child(9) {
    height: 3em;
    width: 2.4em;
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
    -webkit-filter: blur(0.5px);
    -webkit-animation-duration: 12s;
            animation-duration: 12s
  }

@-webkit-keyframes squares {
  from {
    transform: translateY(100%) rotate(-50deg)
  }

  to   {
    transform: translateY(calc(-100vh + -100%)) rotate(20deg)
  }
}

@keyframes squares {
  from {
    transform: translateY(100%) rotate(-50deg)
  }

  to   {
    transform: translateY(calc(-100vh + -100%)) rotate(20deg)
  }
}

.particles_bg .particle {
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
  }

@-webkit-keyframes particle-animation-1 {
    100% {
      transform: translate3d(86vw, 43vh, 75px);
    }
  }

@keyframes particle-animation-1 {
    100% {
      transform: translate3d(86vw, 43vh, 75px);
    }
  }

.particles_bg .particle:nth-child(1) {
    -webkit-animation: particle-animation-1 60s infinite;
    animation: particle-animation-1 60s infinite;
    opacity: 0.13;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
    transform: translate3d(46vw, 69vh, 54px);
    background: #2632d9;
  }

@-webkit-keyframes particle-animation-2 {
    100% {
      transform: translate3d(79vw, 28vh, 69px);
    }
  }

@keyframes particle-animation-2 {
    100% {
      transform: translate3d(79vw, 28vh, 69px);
    }
  }

.particles_bg .particle:nth-child(2) {
    -webkit-animation: particle-animation-2 60s infinite;
    animation: particle-animation-2 60s infinite;
    opacity: 0.9;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
    transform: translate3d(53vw, 5vh, 36px);
    background: #26d9a0;
  }

@-webkit-keyframes particle-animation-3 {
    100% {
      transform: translate3d(76vw, 66vh, 12px);
    }
  }

@keyframes particle-animation-3 {
    100% {
      transform: translate3d(76vw, 66vh, 12px);
    }
  }

.particles_bg .particle:nth-child(3) {
    -webkit-animation: particle-animation-3 60s infinite;
    animation: particle-animation-3 60s infinite;
    opacity: 0.18;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
    transform: translate3d(81vw, 25vh, 82px);
    background: #3bd926;
  }

@-webkit-keyframes particle-animation-4 {
    100% {
      transform: translate3d(83vw, 64vh, 23px);
    }
  }

@keyframes particle-animation-4 {
    100% {
      transform: translate3d(83vw, 64vh, 23px);
    }
  }

.particles_bg .particle:nth-child(4) {
    -webkit-animation: particle-animation-4 60s infinite;
    animation: particle-animation-4 60s infinite;
    opacity: 0.21;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    transform: translate3d(66vw, 7vh, 52px);
    background: #26d93b;
  }

@-webkit-keyframes particle-animation-5 {
    100% {
      transform: translate3d(78vw, 27vh, 10px);
    }
  }

@keyframes particle-animation-5 {
    100% {
      transform: translate3d(78vw, 27vh, 10px);
    }
  }

.particles_bg .particle:nth-child(5) {
    -webkit-animation: particle-animation-5 60s infinite;
    animation: particle-animation-5 60s infinite;
    opacity: 0.59;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    transform: translate3d(41vw, 83vh, 80px);
    background: #d92638;
  }

@-webkit-keyframes particle-animation-6 {
    100% {
      transform: translate3d(18vw, 88vh, 69px);
    }
  }

@keyframes particle-animation-6 {
    100% {
      transform: translate3d(18vw, 88vh, 69px);
    }
  }

.particles_bg .particle:nth-child(6) {
    -webkit-animation: particle-animation-6 60s infinite;
    animation: particle-animation-6 60s infinite;
    opacity: 0.81;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    transform: translate3d(1vw, 75vh, 15px);
    background: #cdd926;
  }

@-webkit-keyframes particle-animation-7 {
    100% {
      transform: translate3d(5vw, 46vh, 53px);
    }
  }

@keyframes particle-animation-7 {
    100% {
      transform: translate3d(5vw, 46vh, 53px);
    }
  }

.particles_bg .particle:nth-child(7) {
    -webkit-animation: particle-animation-7 60s infinite;
    animation: particle-animation-7 60s infinite;
    opacity: 0.13;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s;
    transform: translate3d(42vw, 68vh, 18px);
    background: #6826d9;
  }

@-webkit-keyframes particle-animation-8 {
    100% {
      transform: translate3d(60vw, 51vh, 92px);
    }
  }

@keyframes particle-animation-8 {
    100% {
      transform: translate3d(60vw, 51vh, 92px);
    }
  }

.particles_bg .particle:nth-child(8) {
    -webkit-animation: particle-animation-8 60s infinite;
    animation: particle-animation-8 60s infinite;
    opacity: 0.35;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
    transform: translate3d(38vw, 49vh, 72px);
    background: #d9262f;
  }

@-webkit-keyframes particle-animation-9 {
    100% {
      transform: translate3d(26vw, 21vh, 89px);
    }
  }

@keyframes particle-animation-9 {
    100% {
      transform: translate3d(26vw, 21vh, 89px);
    }
  }

.particles_bg .particle:nth-child(9) {
    -webkit-animation: particle-animation-9 60s infinite;
    animation: particle-animation-9 60s infinite;
    opacity: 0.74;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
    transform: translate3d(49vw, 64vh, 46px);
    background: #d92926;
  }

@-webkit-keyframes particle-animation-10 {
    100% {
      transform: translate3d(84vw, 50vh, 51px);
    }
  }

@keyframes particle-animation-10 {
    100% {
      transform: translate3d(84vw, 50vh, 51px);
    }
  }

.particles_bg .particle:nth-child(10) {
    -webkit-animation: particle-animation-10 60s infinite;
    animation: particle-animation-10 60s infinite;
    opacity: 0.06;
    height: 8px;
    width: 8px;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    transform: translate3d(26vw, 21vh, 69px);
    background: #a626d9;
  }

@-webkit-keyframes particle-animation-11 {
    100% {
      transform: translate3d(27vw, 25vh, 36px);
    }
  }

@keyframes particle-animation-11 {
    100% {
      transform: translate3d(27vw, 25vh, 36px);
    }
  }

.particles_bg .particle:nth-child(11) {
    -webkit-animation: particle-animation-11 60s infinite;
    animation: particle-animation-11 60s infinite;
    opacity: 1;
    height: 8px;
    width: 8px;
    -webkit-animation-delay: -2.2s;
    animation-delay: -2.2s;
    transform: translate3d(32vw, 15vh, 18px);
    background: #26a9d9;
  }

@-webkit-keyframes particle-animation-12 {
    100% {
      transform: translate3d(61vw, 67vh, 20px);
    }
  }

@keyframes particle-animation-12 {
    100% {
      transform: translate3d(61vw, 67vh, 20px);
    }
  }

.particles_bg .particle:nth-child(12) {
    -webkit-animation: particle-animation-12 60s infinite;
    animation: particle-animation-12 60s infinite;
    opacity: 0.56;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
    transform: translate3d(46vw, 71vh, 50px);
    background: #266bd9;
  }

@-webkit-keyframes particle-animation-13 {
    100% {
      transform: translate3d(10vw, 87vh, 67px);
    }
  }

@keyframes particle-animation-13 {
    100% {
      transform: translate3d(10vw, 87vh, 67px);
    }
  }

.particles_bg .particle:nth-child(13) {
    -webkit-animation: particle-animation-13 60s infinite;
    animation: particle-animation-13 60s infinite;
    opacity: 0.38;
    height: 8px;
    width: 8px;
    -webkit-animation-delay: -2.6s;
    animation-delay: -2.6s;
    transform: translate3d(19vw, 77vh, 7px);
    background: #26d9a3;
  }

@-webkit-keyframes particle-animation-14 {
    100% {
      transform: translate3d(49vw, 30vh, 41px);
    }
  }

@keyframes particle-animation-14 {
    100% {
      transform: translate3d(49vw, 30vh, 41px);
    }
  }

.particles_bg .particle:nth-child(14) {
    -webkit-animation: particle-animation-14 60s infinite;
    animation: particle-animation-14 60s infinite;
    opacity: 0.24;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -2.8s;
    animation-delay: -2.8s;
    transform: translate3d(85vw, 76vh, 30px);
    background: #7dd926;
  }

@-webkit-keyframes particle-animation-15 {
    100% {
      transform: translate3d(31vw, 10vh, 90px);
    }
  }

@keyframes particle-animation-15 {
    100% {
      transform: translate3d(31vw, 10vh, 90px);
    }
  }

.particles_bg .particle:nth-child(15) {
    -webkit-animation: particle-animation-15 60s infinite;
    animation: particle-animation-15 60s infinite;
    opacity: 0.86;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    transform: translate3d(1vw, 87vh, 3px);
    background: #d926d0;
  }

@-webkit-keyframes particle-animation-16 {
    100% {
      transform: translate3d(54vw, 35vh, 7px);
    }
  }

@keyframes particle-animation-16 {
    100% {
      transform: translate3d(54vw, 35vh, 7px);
    }
  }

.particles_bg .particle:nth-child(16) {
    -webkit-animation: particle-animation-16 60s infinite;
    animation: particle-animation-16 60s infinite;
    opacity: 0.24;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -3.2s;
    animation-delay: -3.2s;
    transform: translate3d(49vw, 74vh, 99px);
    background: #97d926;
  }

@-webkit-keyframes particle-animation-17 {
    100% {
      transform: translate3d(90vw, 29vh, 48px);
    }
  }

@keyframes particle-animation-17 {
    100% {
      transform: translate3d(90vw, 29vh, 48px);
    }
  }

.particles_bg .particle:nth-child(17) {
    -webkit-animation: particle-animation-17 60s infinite;
    animation: particle-animation-17 60s infinite;
    opacity: 0.04;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -3.4s;
    animation-delay: -3.4s;
    transform: translate3d(26vw, 7vh, 20px);
    background: #d92682;
  }

@-webkit-keyframes particle-animation-18 {
    100% {
      transform: translate3d(40vw, 87vh, 45px);
    }
  }

@keyframes particle-animation-18 {
    100% {
      transform: translate3d(40vw, 87vh, 45px);
    }
  }

.particles_bg .particle:nth-child(18) {
    -webkit-animation: particle-animation-18 60s infinite;
    animation: particle-animation-18 60s infinite;
    opacity: 0.97;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
    transform: translate3d(47vw, 30vh, 94px);
    background: #26d96e;
  }

@-webkit-keyframes particle-animation-19 {
    100% {
      transform: translate3d(69vw, 78vh, 93px);
    }
  }

@keyframes particle-animation-19 {
    100% {
      transform: translate3d(69vw, 78vh, 93px);
    }
  }

.particles_bg .particle:nth-child(19) {
    -webkit-animation: particle-animation-19 60s infinite;
    animation: particle-animation-19 60s infinite;
    opacity: 0.22;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -3.8s;
    animation-delay: -3.8s;
    transform: translate3d(71vw, 28vh, 67px);
    background: #97d926;
  }

@-webkit-keyframes particle-animation-20 {
    100% {
      transform: translate3d(20vw, 43vh, 43px);
    }
  }

@keyframes particle-animation-20 {
    100% {
      transform: translate3d(20vw, 43vh, 43px);
    }
  }

.particles_bg .particle:nth-child(20) {
    -webkit-animation: particle-animation-20 60s infinite;
    animation: particle-animation-20 60s infinite;
    opacity: 0.98;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    transform: translate3d(62vw, 61vh, 92px);
    background: #d9a326;
  }

@-webkit-keyframes particle-animation-21 {
    100% {
      transform: translate3d(56vw, 44vh, 75px);
    }
  }

@keyframes particle-animation-21 {
    100% {
      transform: translate3d(56vw, 44vh, 75px);
    }
  }

.particles_bg .particle:nth-child(21) {
    -webkit-animation: particle-animation-21 60s infinite;
    animation: particle-animation-21 60s infinite;
    opacity: 0.79;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -4.2s;
    animation-delay: -4.2s;
    transform: translate3d(24vw, 21vh, 77px);
    background: #26d956;
  }

@-webkit-keyframes particle-animation-22 {
    100% {
      transform: translate3d(79vw, 85vh, 40px);
    }
  }

@keyframes particle-animation-22 {
    100% {
      transform: translate3d(79vw, 85vh, 40px);
    }
  }

.particles_bg .particle:nth-child(22) {
    -webkit-animation: particle-animation-22 60s infinite;
    animation: particle-animation-22 60s infinite;
    opacity: 0.71;
    height: 8px;
    width: 8px;
    -webkit-animation-delay: -4.4s;
    animation-delay: -4.4s;
    transform: translate3d(16vw, 72vh, 63px);
    background: #82d926;
  }

@-webkit-keyframes particle-animation-23 {
    100% {
      transform: translate3d(39vw, 76vh, 83px);
    }
  }

@keyframes particle-animation-23 {
    100% {
      transform: translate3d(39vw, 76vh, 83px);
    }
  }

.particles_bg .particle:nth-child(23) {
    -webkit-animation: particle-animation-23 60s infinite;
    animation: particle-animation-23 60s infinite;
    opacity: 0.74;
    height: 6px;
    width: 6px;
    -webkit-animation-delay: -4.6s;
    animation-delay: -4.6s;
    transform: translate3d(73vw, 10vh, 34px);
    background: #26d929;
  }

@-webkit-keyframes particle-animation-24 {
    100% {
      transform: translate3d(12vw, 46vh, 73px);
    }
  }

@keyframes particle-animation-24 {
    100% {
      transform: translate3d(12vw, 46vh, 73px);
    }
  }

.particles_bg .particle:nth-child(24) {
    -webkit-animation: particle-animation-24 60s infinite;
    animation: particle-animation-24 60s infinite;
    opacity: 0.01;
    height: 7px;
    width: 7px;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
    transform: translate3d(36vw, 77vh, 20px);
    background: #26d935;
  }

@-webkit-keyframes particle-animation-25 {
    100% {
      transform: translate3d(8vw, 31vh, 94px);
    }
  }

@keyframes particle-animation-25 {
    100% {
      transform: translate3d(8vw, 31vh, 94px);
    }
  }

.particles_bg .particle:nth-child(25) {
    -webkit-animation: particle-animation-25 60s infinite;
    animation: particle-animation-25 60s infinite;
    opacity: 0.87;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    transform: translate3d(10vw, 74vh, 43px);
    background: #d92632;
  }

@-webkit-keyframes particle-animation-26 {
    100% {
      transform: translate3d(12vw, 52vh, 82px);
    }
  }

@keyframes particle-animation-26 {
    100% {
      transform: translate3d(12vw, 52vh, 82px);
    }
  }

.particles_bg .particle:nth-child(26) {
    -webkit-animation: particle-animation-26 60s infinite;
    animation: particle-animation-26 60s infinite;
    opacity: 0.2;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -5.2s;
    animation-delay: -5.2s;
    transform: translate3d(69vw, 56vh, 88px);
    background: #d926d3;
  }

@-webkit-keyframes particle-animation-27 {
    100% {
      transform: translate3d(36vw, 87vh, 71px);
    }
  }

@keyframes particle-animation-27 {
    100% {
      transform: translate3d(36vw, 87vh, 71px);
    }
  }

.particles_bg .particle:nth-child(27) {
    -webkit-animation: particle-animation-27 60s infinite;
    animation: particle-animation-27 60s infinite;
    opacity: 1;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -5.4s;
    animation-delay: -5.4s;
    transform: translate3d(21vw, 87vh, 99px);
    background: #2641d9;
  }

@-webkit-keyframes particle-animation-28 {
    100% {
      transform: translate3d(23vw, 11vh, 38px);
    }
  }

@keyframes particle-animation-28 {
    100% {
      transform: translate3d(23vw, 11vh, 38px);
    }
  }

.particles_bg .particle:nth-child(28) {
    -webkit-animation: particle-animation-28 60s infinite;
    animation: particle-animation-28 60s infinite;
    opacity: 0.52;
    height: 10px;
    width: 10px;
    -webkit-animation-delay: -5.6s;
    animation-delay: -5.6s;
    transform: translate3d(18vw, 50vh, 41px);
    background: #26d9a0;
  }

@-webkit-keyframes particle-animation-29 {
    100% {
      transform: translate3d(38vw, 39vh, 66px);
    }
  }

@keyframes particle-animation-29 {
    100% {
      transform: translate3d(38vw, 39vh, 66px);
    }
  }

.particles_bg .particle:nth-child(29) {
    -webkit-animation: particle-animation-29 60s infinite;
    animation: particle-animation-29 60s infinite;
    opacity: 0.8;
    height: 9px;
    width: 9px;
    -webkit-animation-delay: -5.8s;
    animation-delay: -5.8s;
    transform: translate3d(81vw, 33vh, 78px);
    background: #26d974;
  }

@-webkit-keyframes particle-animation-30 {
    100% {
      transform: translate3d(12vw, 88vh, 42px);
    }
  }

@keyframes particle-animation-30 {
    100% {
      transform: translate3d(12vw, 88vh, 42px);
    }
  }

.particles_bg .particle:nth-child(30) {
    -webkit-animation: particle-animation-30 60s infinite;
    animation: particle-animation-30 60s infinite;
    opacity: 0.27;
    height: 8px;
    width: 8px;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
    transform: translate3d(80vw, 18vh, 81px);
    background: #d926bb;
  }

/* Misc Changes */

.field_type_video iframe{
  height: 360px;
}

.instructor_reviews_wrapper{
  background: var(--contentbg);
  padding: 1rem !important;
}

.fc .fc-view-harness{
  min-height: 60vh;
}

p+.wp-block-button+p{
  margin-top: 1rem;
}

.gutenberg_post_block:hover .post_hover_block{
  display:flex;
}

.post_hover_block {
  position: absolute;
  left: calc(100% + 30px);
  top: 0;
  z-index: 99;
  width:100%;
  background: var(--highlight);
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  border-radius: 1rem;
  display:none;
}

.tax_post_author{
  width:32px;
  height:32px;
  border-radius:50%;
}

.post_hover_block > .p-4:before {
  content: "";
  position: absolute;
  left: calc(-1rem - 5px);
  height: 0;
  background: var(--bordeR);
  display: block;
  border: 10px solid;
  border-color: transparent var(--border) transparent transparent;
}

.taxonomy_swiper .swiper-wrapper > .swiper-slide:last-child .post_hover_block{
  left: calc(-100% - 30px);
}

.taxonomy_swiper  .swiper-wrapper > .swiper-slide:last-child .post_hover_block > .p-4:before {
  left:auto;
  right:calc(-1rem - 5px);
  border-color: transparent transparent transparent var(--border);
}

.member_card{
  height:100%;
}

.member_card .wp-block-columns{
    height:100%;
  }

@media (max-width:480px){
  .gutenberg_post_block:hover .post_hover_block{
    left:0;
    height:100%;
  }
}

/* Demo fixes */

@media (max-width: 1000px){
  .vibebp_member{
    margin-bottom:0;
  }
}

/* Course blocks */

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

.block .block_content{
    position: relative;
    line-height:1.4;
  }

.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{
    margin-bottom:30px;
  }

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

.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: 2px;
      border-bottom-right-radius: 2px;
    }

.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{
        float:left;
        display:flex;
        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 {
      margin-bottom:30px;
}

.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:rgba(255,255,255,0.1);
}

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;
  }

body.minimal{
  --max-container-width: 1140px;
  --bodybg:  #fff;
  --contentbg: transparent;
  --bg-primary: #f62b89;
  --post-content-border:  transparent;
  --post-content-space: 0;
  --bg-content: #fff;
  --sidebbar-widget-padding: 0;
}

.wplms_app_tax_block.course_cat {
  padding: 1rem;
  border-radius: 1rem;
  background-size: cover !important;
}

.wplms_app_tax_block.course_cat strong {
    font-size: 1.1rem;
  }

.wplms_app_tax_block.course_cat strong+span{
      opacity:0.8;
    }

.single-product .wp-block-group__inner-container{
  max-width: var(----max-container-width);
}

body.minimal .entry-content .member_types ul a:after{
    bottom: 0;
  }

body.minimal .login_popup.medium .login_popup_content .button:hover span.vicon,
	body.minimal .login_popup.medium .login_popup_content .button:hover span.vicon+span,
	body.minimal .login_popup.elegance .login_popup_content .button:hover span.vicon+span{
    color: var(--bg-primary) !important;
  }

body.minimal .post_content_wrapper{
    background:var(--bodybg);
  }

body.minimal .vibebp_members_directory_filter{
    background: var(--bg-content);
  }

body.minimal .woocommerce.columns-4,body.minimal .woocommerce.columns-3,body.minimal .woocommerce.columns-2,body.minimal .woocommerce-page.columns-4,body.minimal .woocommerce-page.columns-3,body.minimal .woocommerce-page.columns-2{
      -moz-columns: unset;
           columns: unset;
    }

body.minimal .woocommerce ul.products:before,body.minimal .woocommerce ul.products:after,body.minimal .woocommerce-page ul.products:before,body.minimal .woocommerce-page ul.products:after{
        display: none;
      }

body.minimal .woocommerce ul.products,body.minimal .woocommerce-page ul.products {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
}

body.minimal .woocommerce ul.products li.product,body.minimal .woocommerce-page ul.products li.product{
        border: 1px solid var(--border);
        padding: 0.875rem;
        flex: 1 0 240px;
        max-width: 320px;
        margin: 0 !important;
        background: var(--bg-content);
      }

body.minimal .woocommerce .button,body.minimal .woocommerce-page .button{
      text-align: center;
      background: var(--bg-primary);
      color: var(--color-primary);
      bordeR: 1px solid transparent;
      transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    }

body.minimal .woocommerce .button:hover,body.minimal .woocommerce-page .button:hover{
        transform: translateY(-2px);
        color: var(--bg-primary);
        bordeR: 1px solid var(--bg-primary);
      }

body.minimal .woocommerce .button:hover::after,body.minimal .woocommerce-page .button:hover::after{
          display: none;
        }

body.minimal #comments ol.comment-list{
    margin-bottom: 1.5rem;
  }

body.minimal #comments ol.comment-list > li {
      border-color: var(--border);
      background: rgb(249 250 251 / var(--tw-bg-opacity));
    }

body.minimal #comments ol.comment-list > li article footer{
        margin-bottom: 0;
      }

body.minimal #comments ol.comment-list > li > li:before{
        content: '-';
      }

.woocommerce select{
    border:1px solid var(--border);
  }

.woocommerce .woocommerce-notices-wrapper > *{
      margin-bottom: 1.5rem;
    }

.woocommerce .star-rating span::before {
    color: #f8ad52;
  }

.woocommerce #coupon_code {
    min-width: 240px;
  }

.woocommerce .woocommerce-info {
    background: aliceblue;
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
  }

.woocommerce .shop_countsorter {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 1rem;
  }

.woocommerce .shop_countsorter .woocommerce-notices-wrapper {
      flex: 1 0 100%;
    }

.woocommerce form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
    border: 1px solid var(--border);
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1rem;
  }

.woocommerce form.checkout_coupon.woocommerce-form-coupon > *:first-child {
      flex: 1 0 320px;
    }

.woocommerce form.checkout_coupon.woocommerce-form-coupon input {
      border: 1px solid var(--border);
      padding: 10px;
    }

.woocommerce table.shop_table{
    background: var(--contentbg);
    border-collapse: collapse;
    border: 1px solid var(--border);
  }

.woocommerce table.shop_table thead{
      background: var(--border);
    }

.woocommerce table.shop_table thead th{
        padding:10px;
      }

.woocommerce table.shop_table input[type="number"]{
      width:60px;
    }

.woocommerce table.shop_table tr{
      border-bottom:1px solid var(--border);
    }

.woocommerce table.shop_table td{
      padding:5px;
    }

.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 .price_slider_wrapper .price_slider {
      display: flex;
      height: 5px;
      margin:1rem 1rem 1rem 0;
      border-radius: 10px;
      position: relative;
      align-items: center;
      background: var(--border);
    }

.woocommerce .price_slider_wrapper .price_slider .ui-slider-range {
        display: flex;
        height: 5px;
        width: 100%;
        background: var(--primary);
      }

.woocommerce .price_slider_wrapper .price_slider .ui-slider-handle {
        width: 1rem;
        height: 1rem;
        display: block;
        position: absolute;
        background: var(--primary);
        border-radius: 10px;
      }

.woocommerce .price_slider_wrapper .price_slider_amount {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

.woocommerce .price_slider_wrapper .price_slider_amount .button{
        padding:2px 10px;
      }

.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 .onsale{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.woocommerce .related.products h2{
      font-size: 1.4rem;
    }

.woocommerce ul.products{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }

.woocommerce ul.products:before,.woocommerce ul.products:after{
      display: none;
    }

.woocommerce ul.products li.product{
      flex: 1 0 234px;
      max-width: 240px;
      margin: 0;
      padding: 1rem;
      background: var(--contentbg);
      border: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      justify-content: space-between;
    }

.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 p.price,.woocommerce div.product .woocommerce-product-rating{
      margin-bottom: 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);
    }

.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 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 {
    border: 1px solid var(--border);
    padding: 0.3rem 0.5rem;
  }

.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(--contentbg);
    padding: 1rem;
  }

.woocommerce #reviews #comments h2.woocommerce-Reviews-title{
      font-size: 1.4rem;
      margin-bottom: 1rem;
    }

.woocommerce #reviews #comments ol.commentlist li{
        list-style: none;
        border: 1px solid var(--border);
        padding: 1rem;
        border-radius: 5px;
      }

.woocommerce #reviews #comments ol.commentlist li .comment_container{
          display: flex;
          gap: 1rem;
        }

.woocommerce #reviews #comments ol.commentlist li .comment_container img.avatar,.woocommerce #reviews #comments ol.commentlist li .comment_container img.retina_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(--color-primary);
  }

.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(--bg-primary);
        color: var(--color-primary);
      }

.price{
  color:var(--price_color);
}

.woocommerce ul.products li, 
.woocommerce-page ul.products li {
  list-style: none;
}

.product .entry-summary ul,.product .entry-summary ol{
      list-style:none;
    }

.product .entry-summary ul:not(.block-editor-block-variation-picker__variations) li{
      list-style-type:none !important;
    }

.product .woocommerce-product-gallery__image img{
    border-radius:5px;
  }

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

.product .comment_container .comment-text {
      display: flex;
      flex-direction: column;
    }

.product .comment_container .comment-text .meta {
        display: flex;
        margin: 0;
        gap: 5px;
      }

.product div#review_form_wrapper {
    background: var(--border);
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 5px;
  }

.product div#review_form_wrapper span#reply-title {
      font-size: 1.4rem;
      font-weight: 600;
    }

.product .star-rating {
    position: relative;
    display: flex;
    gap: 1rem;
    width: 80px;
    overflow: hidden;
  }

.product .star-rating:before {
      content: "☆☆☆☆☆";
      display: flex;
      color:var(--border);
    }

.product .star-rating span{
      position: absolute;
      left: 0;
      top: 0;
      overflow:hidden;
    }

.product .star-rating span:before {
        content: "★★★★★";
      }

.product p.stars > span{
    display:flex;
    align-items: center;
    gap:2px;
  }

.product p.stars > span > a{
      padding:2px 8px;
      border-radius: 2px;
    }

.product p.stars > span > a.active{
        background: var(--primary);
        color:var(--primarycolor);
      }

.product p.stars > span > a:before{
        content:"☆";
        padding-right:2px
      }

.product #review_form p {
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

.product #review_form .comment-form-rating {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

.product #review_form p.comment-form-cookies-consent {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 5px;
    }

.product ul.tabs.wc-tabs {
    display: flex;
    list-style: none;
    border-bottom: 1px solid var(--border);
  }

.product ul.tabs.wc-tabs > li {
      margin-bottom: -1px;
    }

.product ul.tabs.wc-tabs > li.active{
        border-bottom: 2px solid var(--primary);
      }

.product ul.tabs.wc-tabs > li > a{
        padding: 1rem;
        display: flex;
      }

.product .woocommerce-tabs.wc-tabs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

.widget_shopping_cart_content {
  border: 1px solid var(--border);
  padding: 1rem;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget {
    margin-bottom: 10px;
  }

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
      padding: 5px 0;
      display: flex;
      gap:5px;
    }

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item img {
        width: 32px;
        height: 32px;
        border-radius: 4px;
      }

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item > a {
        display: flex;
        align-items: center;
        gap: 5px;
      }

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item .quantity {
        display: flex;
        align-items: center;
        font-size: 1rem;
        gap: 5px;
      }

p.woocommerce-mini-cart__total.total {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid var(--border);
}

p.woocommerce-mini-cart__buttons.buttons {
  display: flex;
  justify-content: space-between;
}

p.woocommerce-mini-cart__buttons.buttons > .button {
  padding: 5px 10px;
}

/**
 * Cart page
 */

.woocommerce-cart table.cart .product-thumbnail {
      min-width: 32px;
    }

.woocommerce-cart table.cart img {
      width: 32px;
      border-radius: 5px;
      box-shadow: none;
    }

.woocommerce-cart table.cart th,
        .woocommerce-cart table.cart td {
      vertical-align: middle;
    }

.woocommerce-cart table.cart td.actions {
      padding:10px;
    }

.woocommerce-cart table.cart td.actions .coupon {
        display: flex;
        align-items: center;
        float: left;
      }

.woocommerce-cart table.cart td.actions button.button[name="update_cart"] {
        float: right;
      }

.woocommerce-cart table.cart input {
      margin: 0;
      vertical-align: middle;
      line-height: 1;
    }

.woocommerce-cart .wc-proceed-to-checkout {
    @include clearfix;
  }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      display: block;
      text-align: center;
    }

.woocommerce-cart .cart-collaterals {
    border:1px solid var(--border);
  }

.woocommerce-cart .cart-collaterals .shipping_calculator .button {
        width: 100%;
        float: none;
        display: block;
      }

.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
          @include iconafter( "\e019" );
        }

.woocommerce-cart .cart-collaterals .cart_totals h2{
        background: var(--border);
        padding: 10px;
        font-size: 1.2rem;
        color: var(--text);
      }

.woocommerce-cart .cart-collaterals .cart_totals table{
        width:100%;
      }

.woocommerce-cart .cart-collaterals .cart_totals table th{
          text-align:start;
        }

.woocommerce-cart .cart-collaterals .cart_totals table td{
          text-align:end;
        }

.woocommerce-cart .cart-collaterals .cart_totals p small {
          font-size: 0.83em;
        }

.woocommerce-cart .cart-collaterals .cart_totals table {
        border-collapse: separate;
        margin: 0 0 6px;
        padding: 0;
        border-left: 0;
      }

.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
                    .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td {
            border-top: 0;
          }

.woocommerce-cart .cart-collaterals .cart_totals table th {
          padding: 6px 12px 0 0;
          width: 25%;
        }

.woocommerce-cart .cart-collaterals .cart_totals table td {
          padding: 6px;
        }

.woocommerce-cart .cart-collaterals .cart_totals table td,
                .woocommerce-cart .cart-collaterals .cart_totals table th {
          vertical-align: top;
          border-left: 0;
          border-right: 0;
          padding: 6px;
          line-height: 2em;
        }

.woocommerce-cart .cart-collaterals .cart_totals table small {
          color: $subtext;
        }

.woocommerce-cart .cart-collaterals .cart_totals table select {
          width: 100%;
        }

.woocommerce-cart .cart-collaterals .cart_totals .discount td {
        color: $highlight;
      }

.woocommerce-cart .cart-collaterals .cart_totals tr td,
            .woocommerce-cart .cart-collaterals .cart_totals tr th {
        border-top: 1px solid var(--border);
      }

.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product {
          margin-top: 0;
        }

.woocommerce-billing-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.woocommerce-billing-fields input{
    width:100%
  }

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > *{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.woocommerce-shipping-fields{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,.woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper > * {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.woocommerce-additional-fields__field-wrapper{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.woocommerce-additional-fields__field-wrapper > *{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

.woocommerce-additional-fields__field-wrapper > * textarea{
      width:100%
    }

/**
 * File: bbpress.scss
 * Description : Contains all styling related to BBPress forums
 * Author: Mr.Vibe 
 * Credits: www.VibeThemes.com
 * Project: WPLMS
 * version 2.0
 **/

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

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

/*
/*    01. BUTTONS
/*    02. HEADING
/*    03. SOCIAL ICONS
/*    04. FLEXSLIDER
/*    05. EXTRAS
/*
/*========================================================================*/

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

.bbpress .bbp-breadcrumb{
    font-size:1rem;
  }

.bbpress .bbp-breadcrumb > *{
      display:flex;
      gap:5px;
    }

.bbpress .pagetitle{
    clear:both;
  }

#title.light div.bbp-template-notice a{
  font-weight:600;
}

div.bbp-template-notice, div.indicator-hint{
  padding: 8px 15px;
  border-color: #f0c36d;
  background-color: #f9edbe;
  color:#222;
  border-radius:2px;
}

div.bbp-template-notice .bbp-author-avatar img,div.indicator-hint .bbp-author-avatar img{
      display:none;
    }

#title .bbp-search-form{
    display:block;
    width:100%;
    position:relative;
  }

#title .bbp-search-form #bbp_search{
      width:100%;
      padding:12px;
      font-size:14px;
      border:1px solid $bordercolor;
    }

#title .bbp-search-form #bbp_search_submit{
      display:none;
    }

#title .bbp-search-form:after{
      content:"\e610";
      font-family:'vicon';
      font-size:14px;
      position:absolute;
      right: 15px;
      top: 22px;
      color: $light-text-color;
    }

.pagetitle{
  position:relative;
}

.pagetitle #subscription-toggle{
    position:absolute;
    right:0;
    top:0;
    color:transparent;
  }

.pagetitle #subscription-toggle a{
      font-size:12px;
      line-height:1;
      background:none;
      border:2px solid $primarybg;
      color:$primarybg;
      padding:2px 5px;
      margin:0 0 0 -3px;
      text-transform:uppercase;
      font-weight:600;
      border-radius:2px;
    }

.pagetitle #subscription-toggle a:hover{
        background:$primarybg;
        color:$primarycolor;
      }

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

/*   01. FORUMS
/*========================================================================*/

#bbpress-forums{
  font-size:1rem;
  line-height: 1.14;
}

#bbpress-forums div.bbp-template-notice li, #bbpress-forums div.bbp-template-notice p{
    font-size: 1rem;
    display:flex;
    gap:1rem;
  }

#bbpress-forums .bbp-pagination .bbp-pagination-count{
      font-size: 11px;
      text-transform: uppercase;
      color: $light-text-color;
    }

#bbpress-forums .bbp-pagination .bbp-pagination-links span.current,#bbpress-forums .bbp-pagination .bbp-pagination-links a.page-numbers:hover{
        background:$primarybg;
        color:$primarycolor;
      }

#bbpress-forums .bbp-pagination .bbp-pagination-links a.page-numbers,#bbpress-forums .bbp-pagination .bbp-pagination-links span{
        font-size:12px;
        line-height:1;
        background:$bordercolor;
        border-radius:2px;
        border:1px solid $bordercolor;
        color:#444;
        padding:2px 5px;
        margin:0 3px;
      }

#bbpress-forums .bbp-reply-header {
    background: transparent !important;
    border-color: var(--border) !important;
  }

#bbpress-forums .bbp-reply-header .bbp-meta{
      display:none;
    }

#bbpress-forums .bbp-reply-header:hover .bbp-meta{
        display:flex;
        gap:1rem;
        justify-content:space-between;
        flex-wrap:wrap;
      }

#bbpress-forums #favorite-toggle,
	#bbpress-forums #subscription-toggle{
    float:right;
    color:transparent;
  }

#bbpress-forums #favorite-toggle a,#bbpress-forums #subscription-toggle a{
      font-size:12px;
      line-height:1;
      background:none;
      border:2px solid $primarybg;
      color:$primarybg;
      padding:2px 5px;
      margin:0 0 0 -3px;
      text-transform:uppercase;
      font-weight:600;
      border-radius:2px;
    }

#bbpress-forums #favorite-toggle a:hover,#bbpress-forums #subscription-toggle a:hover{
        background:$primarybg;
        color:$primarycolor;
      }

#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-replies{
    border:none;
  }

#bbpress-forums ul.bbp-forums li.bbp-header,#bbpress-forums ul.bbp-topics li.bbp-header,#bbpress-forums ul.bbp-replies li.bbp-header{
      background:none;
      border:none;
      padding:0 0 15px 0;
      font-size:14px;
      text-transforum:uppercase;
      border-bottom:none;
    }

#bbpress-forums ul.bbp-forums li.bbp-header li:last-child,#bbpress-forums ul.bbp-topics li.bbp-header li:last-child,#bbpress-forums ul.bbp-replies li.bbp-header li:last-child{
        text-align:right;
      }

#bbpress-forums ul.bbp-forums li.bbp-body,#bbpress-forums ul.bbp-topics li.bbp-body,#bbpress-forums ul.bbp-replies li.bbp-body{
      position:relative;
    }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic{
        padding:15px 0;
        background:none;
      }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-title,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-title,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-title,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-title,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-title,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-title{
            font-size:16px;
            font-weight:600;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-forum-info .bbp-forum-content{
            font-size:13px;
            opacity:0.5;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-topic-title,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-topic-title,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-topic-title,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-topic-title,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-topic-title,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-topic-title{
          font-size:16px;
        }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-topic-title a.bbp-topic-permalink,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-topic-title a.bbp-topic-permalink,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-topic-title a.bbp-topic-permalink,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink{
            padding-top: 15px;
            display: inline-block;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination{
            margin:0;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination .page-numbers,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination .page-numbers,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination .page-numbers,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination .page-numbers,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum li.bbp-topic-title .bbp-topic-pagination .page-numbers,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-pagination .page-numbers{
              margin: 0;
              padding: 0;
              background: none;
              border: none;
              color:$primarybg;
            }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-topic-voice-count,#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-topic-reply-count,#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-topic-freshness,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-topic-voice-count,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-topic-reply-count,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-topic-freshness,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-topic-voice-count,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-topic-reply-count,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-topic-freshness,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-topic-voice-count,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-topic-reply-count,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-topic-freshness,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-topic-voice-count,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-topic-reply-count,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-topic-freshness,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-topic-voice-count,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-topic-reply-count,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-topic-freshness{
          padding-top:15px;
        }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-topic-meta img.avatar,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-topic-meta img.avatar,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-topic-meta img.avatar,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-topic-meta img.avatar,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-topic-meta img.avatar,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-topic-meta img.avatar{
            width: 48px;
            border: none;
            border-radius: 50%;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-forum-freshness a,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-forum-freshness a,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-forum-freshness a,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-forum-freshness a,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-forum-freshness a,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-forum-freshness a{
            font-size:14px;
            font-weight:600;
          }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-forum-freshness a span,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-forum-freshness a span,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-forum-freshness a span,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-forum-freshness a span,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-forum-freshness a span,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-forum-freshness a span{
              display:block;
              color:$light-text-color;
              font-size:11px;
            }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum .bbp-forum-freshness .bbp-topic-meta a,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-forum-freshness .bbp-topic-meta a,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum .bbp-forum-freshness .bbp-topic-meta a,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-forum-freshness .bbp-topic-meta a,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum .bbp-forum-freshness .bbp-topic-meta a,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-forum-freshness .bbp-topic-meta a{
              font-weight:400;
              font-size:11px;
            }

#bbpress-forums ul.bbp-forums li.bbp-body ul.forum:hover li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-forums li.bbp-body ul.topic:hover li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-topics li.bbp-body ul.forum:hover li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic:hover li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-replies li.bbp-body ul.forum:hover li.bbp-forum-info .bbp-forum-content,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic:hover li.bbp-forum-info .bbp-forum-content{
              opacity:1;
            }

#bbpress-forums ul.bbp-forums li.bbp-body ul.topic .bbp-topic-meta,#bbpress-forums ul.bbp-topics li.bbp-body ul.topic .bbp-topic-meta,#bbpress-forums ul.bbp-replies li.bbp-body ul.topic .bbp-topic-meta{
          font-size:0;
          float:left;
          margin-right:15px;
        }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry,#bbpress-forums ul.bbp-forums li.bbp-body .reply,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry,#bbpress-forums ul.bbp-topics li.bbp-body .reply,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry,#bbpress-forums ul.bbp-replies li.bbp-body .reply{
        padding:15px 0;
        background:none;
        border-top:1px solid $bordercolor;
        position:relative;
      }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-header,#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-header,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-header,#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-header,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-header,#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-header{
          border:none;
          padding:0;
          background:none;
          opacity:0;
          font-size: 11px;
          text-transform: uppercase;
          color: $light-text-color;
        }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links,#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-header .bbp-admin-links,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links,#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-header .bbp-admin-links,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links,#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-header .bbp-admin-links{
            position:absolute;
            bottom:15px;
            right:0;
          }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links z-index:99
				    	a,#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-header .bbp-admin-links z-index:99
				    	a,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links z-index:99
				    	a,#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-header .bbp-admin-links z-index:99
				    	a,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links z-index:99
				    	a,#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-header .bbp-admin-links z-index:99
				    	a{
              font-size:11px;
            }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-author img.avatar,#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-author img.avatar,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-author img.avatar,#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-author img.avatar,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-author img.avatar,#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-author img.avatar{
            border-radius:50%;
            margin-bottom:5px;
          }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-author .bbp-author-name,#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-author .bbp-author-name,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-author .bbp-author-name,#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-author .bbp-author-name,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-author .bbp-author-name,#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-author .bbp-author-name{
            font-size:14px;
            text-transform:none;
          }

#bbpress-forums ul.bbp-forums li.bbp-body div.hentry:hover .bbp-reply-header,#bbpress-forums ul.bbp-forums li.bbp-body .reply:hover .bbp-reply-header,#bbpress-forums ul.bbp-topics li.bbp-body div.hentry:hover .bbp-reply-header,#bbpress-forums ul.bbp-topics li.bbp-body .reply:hover .bbp-reply-header,#bbpress-forums ul.bbp-replies li.bbp-body div.hentry:hover .bbp-reply-header,#bbpress-forums ul.bbp-replies li.bbp-body .reply:hover .bbp-reply-header{
            opacity:1;
          }

#bbpress-forums ul.bbp-forums li.bbp-footer,#bbpress-forums ul.bbp-topics li.bbp-footer,#bbpress-forums ul.bbp-replies li.bbp-footer{
      background:none;
      border:none;
      font-size:14px;
      padding:15px 0;
      text-transforum:uppercase;
      border-top:1px solid $bordercolor;
    }

#bbpress-forums ul.bbp-forums li.bbp-footer li:last-child,#bbpress-forums ul.bbp-topics li.bbp-footer li:last-child,#bbpress-forums ul.bbp-replies li.bbp-footer li:last-child{
        text-align:right;
      }

#bbpress-forums ul.bbp-replies li.bbp-header{
      padding-top:15px;
    }

#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content{
  font-size:1rem;
}

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

/*   01. TOPICS
/*========================================================================*/

#bbpress-forums fieldset.bbp-form{
    border:none;
    padding:0;
    margin:0;
  }

#bbpress-forums fieldset.bbp-form legend{
      padding: 5px;
      font-size: 16px;
      font-weight: 600;
    }

#bbpress-forums fieldset.bbp-form br{
      line-height:2;
    }

#bbpress-forums fieldset.bbp-form p,#bbpress-forums fieldset.bbp-form textarea,#bbpress-forums fieldset.bbp-form select,#bbpress-forums fieldset.bbp-form input[type="text"]{
      width:100%;
    }

#bbpress-forums fieldset.bbp-form input[type="text"]{
      padding:12px;
    }

#bbpress-forums fieldset.bbp-form #bbp_topic_subscription{
      float: left;
      width: auto;
      margin-right: 10px;
      margin-top: 3px;
    }

#bbpress-forums fieldset.bbp-form div.bbp-submit-wrapper{
      float:left;
      margin:10px 0;
    }

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

/*   01. REPLIES
/*========================================================================*/

.bbpress_sidebar{
  margin-top:30px;
}

.bbpress_sidebar .widget .bbp-logged-in,
		.bbpress_sidebar .widget .bbp-login-form{
      background: #FFF;
      padding: 30px;
    }

.bbpress_sidebar .widget .bbp-logged-in input[type="text"],
		    .bbpress_sidebar .widget .bbp-logged-in input[type="password"],
		    .bbpress_sidebar .widget .bbp-login-form input[type="text"],
		    .bbpress_sidebar .widget .bbp-login-form input[type="password"]{
        width:100%;
      }

.bbpress_sidebar .widget .bbp-logged-in label,.bbpress_sidebar .widget .bbp-login-form label{
        font-size:11px;
        text-transform:uppercase;
      }

.bbpress_sidebar .widget .bbp-logged-in .bbp-submit-wrapper,.bbpress_sidebar .widget .bbp-login-form .bbp-submit-wrapper{
        float:left;
        margin:0;
      }

.bbpress_sidebar .widget .bbp-logged-in .bbp-login-links,.bbpress_sidebar .widget .bbp-login-form .bbp-login-links{
        font-size: 11px;
        text-transform: uppercase;
      }

.bbpress_sidebar .widget .bbp-logged-in img.avatar,.bbpress_sidebar .widget .bbp-login-form img.avatar{
        border-radius:2px;
      }

.bbpress_sidebar .widget .bbp-logged-in h4,.bbpress_sidebar .widget .bbp-login-form h4{
        margin:0;
      }

.bbpress_sidebar .widget .bbp-logged-in .button.logout-link,.bbpress_sidebar .widget .bbp-login-form .button.logout-link{
        padding: 2px 10px;
        font-size: 11px;
        text-transform: uppercase;
      }

.bbpress_sidebar .widget .bbp-logged-in .button,.bbpress_sidebar .widget .bbp-login-form .button{
        margin:0;
      }

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

/*   01. MISC.
/*========================================================================*/

.topic-edit.bbpress #content .bbp-breadcrumb {
  display:none;
}

#message-thread .message-content iframe.wp-embedded-content {
  position:relative !important;
}

a.bbp-author-link {
  display: flex;
  gap:5px;
  border:none !important;
  flex-direction: column;
}

a.bbp-author-link img{
    border-radius: 5px;
    width: 48px;
  }

.bbp-topic-description{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

.bbp-topic-description .bbp-author-link {
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 20px;
    padding: 5px;
    flex-direction:row;
  }

span.bbp-author-avatar img {
  width: 48px;
  border-radius: 5px;
}

span.bbp-admin-links{
  display: flex;
  margin: 0 -5px;
}

span.bbp-admin-links > *{
    margin:0 5px;
  }

div.bbp-reply-content {
  position:static !important;
}

body{
  overflow: visible;
  width: 100vw;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-family: var(--body_font_family);
  font-size:var(--body_font_size);
  color:var(----body_font_color);
}

.swiper-container {
  overflow: hidden;
}

.member_action .button {
  padding: 2px 12px;
}

h1,h2,h3,h4,h5,h6{
  font-family: var(--heading_font_family);
}

img.custom-logo {
  width: 120px;
}

.amount,.amount strong,.course_pricing{
  color:var(--price_color);
}

.mobile_navigation li>a {
  padding: 0.5rem 0;
  display: flex;
}

#vibebp_member #content > .container,
.single-course #buddypress > .container{
  max-width:none;
}

.loginpopup_wrapper{
  background:var(--login_dark);
}

.loginpopup_wrapper .login_popup{
    background:var(--login_light);
  }

.loginpopup_wrapper .login_popup .login_popup_content{
      color:var(--login_light_color);
    }

.hide{
  display: none;
}

.primary-color,.has-primary-color{
  color: var(--bg-primary);
}

.primary-color a,.has-primary-color a{
    color: var(--bg-primary);
  }

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

.has-white-color{
  color: #fff;
}

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

.bg-primary a{
    color: var(--color-primary);
  }

.primary-border{
  border:1px solid var(--bg-primary);
}

.swiper-button-prev, .swiper-button-next {
  opacity: 0;
  transition:all 0.2s;
}

.disabled_swiper_button {
  display: none;
}

.sub-menu .sidebar .widget{
  border:none;
  background:none;
}

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

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

.wp-block-columns{
  margin-bottom: 0px;
}

.w-vw,.w-vw img{
  width:100vw;
}

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

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

.react_portal_modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.react_portal_modal > span {
    z-index: 1;
    background: var(--border);
    width: 100;
  }

.react_portal_modal .ve_modal-content {
    max-width: 800px;
    max-height: 90vh;
    background: var(--highlight);
    padding: 1rem;
    border-radius: 5px;
    z-index: 99;
    overflow: auto;
    border: 1px solid var(--border);
    box-shadow: 0 2px 10px var(--shadow);
  }

.react_portal_modal .ve_modal-content .ve_modal-header {
      display: flex;
      justify-content: space-between;
    }

.react_portal_modal .ve_modal-content .gif_wrap {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-top: 1rem;
    }

.react_portal_modal .ve_modal-content .gif_wrap .input_field_wrapper {
        border: 1px solid var(--border);
        padding: 5px;
        border-radius: 5px;
        display: flex;
        align-items: center;
      }

.react_portal_modal .ve_modal-content .gif_wrap .input_field_wrapper input {
          flex: 1;
          border: none;
        }

.react_portal_modal .ve_modal-content .gif_wrap .gif_wrapper {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
      }

.widget_bp_core_whos_online_widget img{
  width:32px;
  height:32px;
  border-radius:50%
}

.moving_bg{
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: gradient 15s ease infinite;
          animation: gradient 15s ease infinite;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

img.attachment-post-thumbnail {
  border-radius: 1rem;
}

#content > main{
  margin:2rem 0;
}

.rotating-text {
  font-weight: 600;
  font-size: 1em;
  transform: translateX(-80px);
}

.rotating-text p {
    display: inline-flex;
    margin: 0;
    vertical-align: top;
  }

.rotating-text p .word {
      position: absolute;
      display: flex;
      opacity: 0;
    }

.rotating-text p .word .letter {
        transform-origin: center center 0.67em;
      }

.rotating-text p .word .letter.out {
          transform: rotateX(90deg);
          transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
        }

.rotating-text p .word .letter.in {
          transition: 0.38s ease;
        }

.rotating-text p .word .letter.behind {
          transform: rotateX(-90deg);
        }

.alizarin {
  color: #e74c3c;
}

.wisteria {
  color: #8e44ad;
}

.peter-river {
  color: #3498db;
}

.emerald {
  color: #2ecc71;
}

.sun-flower {
  color: #f1c40f;
}

@media (max-width:480px){
  header.site-header {
    padding: 15px 0;
    border-bottom: 1px solid var(--border);
  }
}

.hover\:visible:hover {
  visibility: visible;
}

.hover\:flex:hover {
  display: flex;
}

.hover\:decoration-blue-500\/50:hover {
  -webkit-text-decoration-color: rgb(59 130 246 / 0.5);
          text-decoration-color: rgb(59 130 246 / 0.5);
}

.hover\:decoration-\[0\.5rem\]:hover {
  text-decoration-thickness: 0.5rem;
}

.focus\:decoration-\[0\.5rem\]:focus {
  text-decoration-thickness: 0.5rem;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .motion-safe\:duration-200 {
    transition-duration: 200ms;
  }
}

@media (min-width: 782px) {
  .md\:visible {
    visibility: visible;
  }

  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

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

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:flex-none {
    flex: none;
  }

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

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 960px) {
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}