:root{
    --sidebarWidth:80dvw;
}
@media (max-width: 768px) {

    .wp-site-blocks{
        overflow-x:hidden;
    }

    .wp-block-cover {
      padding-left: var(--wp--style--root--padding-left);
      padding-right: var(--wp--style--root--padding-right);
    }

    .wp-block-cover__inner-container {
        width: 100%;
    }

    .wp-block-columns {
        min-width: 100%;
    }

    .is-layout-grid {
        grid-template-columns: 1fr !important;
    }

    .cover-grid > .wp-block-group {
      padding: 0 !important;
      border: none !important;
    }

    .wp-block-cover__inner-container > .wp-block-group > .wp-block-group {
      max-width: 100% !important;
    }

    .training-modules > .wp-block-group {
      border: none !important;
      border-bottom: 1px solid var(--wp--preset--color--accent-6) !important;
    }

    .training-modules > .wp-block-group:last-child {
      border-bottom: none !important;
    }

    .mb-flex-wrap {
      flex-wrap: wrap !important;
    }

    .wp-block-cover__inner-container .wp-block-buttons.is-content-justification-right {
      justify-content: center !important;
    }

    .img-card figure.wp-block-image img {
      width: 300px !important;
    }

    .img-card figure, .img-card .back, .img-card {
      width: 300px !important;
      height: 300px !important;
    }

    .review-question {
      flex-direction: column;
      gap: 0.5em !important;
    }

    form input.wpcf7-form-control, form textarea.wpcf7-form-control {
      width: calc(100% - 3em);
    }

    .wpcf7-form .container {
      grid-template-columns: unset !important;
      gap: unset !important;
    }

    header h2 {
      font-size: 20px !important;
    }
}


aside#sidebar {
  position: fixed;
  height: 100dvh;
  z-index: 999;
  left: 0;
  top: 0;
  min-width: 80dvw;
  transform: translateX(calc(var(--sidebarWidth) * -2));
  transition: all 0.25s;
  padding: 0 !important;
}

aside#sidebar.open {
  transform: translate(0);
  z-index: 999;
}

aside#sidebar .btn-close-menu {
    width: 100%
}

aside#sidebar .wp-block-getwid-megamenu {
    margin: 0!important
}

aside#sidebar .gw-mm__content{
  flex-direction: column;
  align-items: flex-start;
}

aside#sidebar nav.gw-mm__wrapper .wp-block-getwid-megamenu-item{
  width:100%;
}

aside#sidebar nav.gw-mm__wrapper .wp-block-getwid-megamenu-item .gw-mm-item__link > a{
  padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  flex:1;
}

aside#sidebar .gw-mm-item__dropdown-wrapper {
    position: fixed;
    top: 0!important;
    left: 0!important;
    transition: all 0.25s;
    transform: translateX(-110%);
    height: 100dvh!important;
    max-height: 100dvh;
    overflow-y: hidden;
    z-index: 999;
    max-width: var(--sidebarWidth)!important
}

aside#sidebar .gw-mm-item__dropdown-wrapper>.gw-mm-item__dropdown {
    height: 100dvh;
    margin-top: 0!important;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:0;
    border-radius:0;
}

aside#sidebar .gw-mm-item__toggle{
  width:12%;
  text-align:right;
  padding-right:var(--wp--preset--spacing--30);
}


aside#sidebar .gw-mm-item__toggle span{
  transform: rotate(-90deg);
}

aside#sidebar .pos-fixed{
  top:unset;
  bottom: 0;
  left: -1rem;
}

aside#sidebar .gw-mm-item__dropdown-wrapper.is-opened {
    transform: translateX(0)
}

aside#sidebar .gw-mm-item__dropdown-content .wp-block-group{
  flex-direction:column;
}

aside#sidebar .gw-mm-item__dropdown-content .wp-block-group.is-layout-grid{
  grid-template-columns:  1fr;
}

body.sidebar-open {
  margin: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

body.sidebar-open:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 991;
  background-color: rgba(0, 0, 0, 0.5);
}