/*----------------------------------------------------------------------------*/
/*#RESPONSIVE STYLE*/
/*----------------------------------------------------------------------------*/

@media only screen and (max-height: 805px) {
    /* Popup
      --------------------------------------------- */
    .popup__content ul { height: 100%; }

    .fancybox__slide { padding: 20px; }
}

@media only screen and (min-width: 480px) {
    /* Table
      --------------------------------------------- */
    table {
        table-layout: auto;
        word-break: normal;
    }
}
@media only screen and (min-width: 576px) and (max-width: 992px) {

    /* Tooltip
    --------------------------------------------- */
    .card-wrapper [class*="col-"]:nth-child(2n) .info-item__tooltip::before {
        left: inherit;
        bottom: inherit;
        -webkit-transform: translate(-90%, 0) rotate(270deg);
            -ms-transform: translate(-90%, 0) rotate(270deg);
                transform: translate(-90%, 0) rotate(270deg);
    }
    .card-wrapper [class*="col-"]:nth-child(2n) .info-item__tooltip::after {
        left: inherit;
        bottom: inherit;
        -webkit-transform: translate(-105%, 0);
            -ms-transform: translate(-105%, 0);
                transform: translate(-105%, 0);
    }
}
@media only screen and (min-width: 992px) {

    .full-width-content .site-container > .wp-block-table.alignwide { width: calc(100% + 360px); }

    .full-width-content .site-container > .wp-block-table.alignfull {
        margin-left:  calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        width: 100vw;
    }

    .full-width-content .entry-content > .alignwide {
        margin-left:  -150px;
        margin-right: -150px;
        max-width: calc(100% + 300px); /* 300 equals sum of left and right margin */
        width: auto;
    }

    .alignfull .alignwide,
    .alignwide .alignwide {
        max-width: 1062px;
        margin: 0 auto;
    }


    /* Author Box
    --------------------------------------------- */

    .author-box {
        background-color: var(--soft-gray);
        padding: 30px;
    }

    /* After Entry
    --------------------------------------------- */

    .after-entry { padding: 40px 60px; }

    .after-entry .enews {
        padding-left:  30px;
        padding-right: 30px;
    }

    /* Column Classes
    --------------------------------------------- */

    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
    }

    .one-half,
    .three-sixths,
    .two-fourths {
        width: 48.717948717948715%;
    }

    .one-third,
    .two-sixths { width: 31.623931623931625%; }

    .four-sixths,
    .two-thirds { width: 65.81196581196582%; }

    .one-fourth { width: 23.076923076923077%; }

    .three-fourths { width: 74.35897435897436%; }

    .one-sixth { width: 14.52991452991453%; }

    .five-sixths { width: 82.90598290598291%; }

    .first {
        clear: both;
        margin-left: 0;
    }

    /* Footer Widgets
    --------------------------------------------- */

    .footer-widgets .wrap { max-width: 1140px; }

    .footer-widget-area {
        float: left;
        margin-bottom: 0;
        width: calc(100% / 3);
    }

    .full-width-content .entry-content > .alignwide {
        margin-left:  -180px;
        margin-right: -180px;
        max-width: calc(100% + 360px);
        width: auto;
    }

    /* Tooltip
    --------------------------------------------- */

    .card-wrapper [class*="col-"]:nth-child(3n) .info-item__tooltip::before {
        left:   inherit;
        bottom: inherit;
        -webkit-transform: translate(-90%, 0) rotate(270deg);
            -ms-transform: translate(-90%, 0) rotate(270deg);
                transform: translate(-90%, 0) rotate(270deg);
    }
    .card-wrapper [class*="col-"]:nth-child(3n) .info-item__tooltip::after {
        left:   inherit;
        bottom: inherit;
        -webkit-transform: translate(-105%, 0);
            -ms-transform: translate(-105%, 0);
                transform: translate(-105%, 0);
    }

}
@media only screen and (min-width: 1200px) {

    .full-width-content .entry-content > .alignwide {
        margin-left:  -180px;
        margin-right: -180px;
        max-width: calc(100% + 360px); /* 360 equals sum of left and right margin */
        width: auto;
    }

    /* Horizontal filter
    --------------------------------------------- */
    .filter-horizontal {
        min-width: initial;
        max-width: initial;
        width: 100%;
    }

    .filter-horizontal .filter-dropdown__current { display: none; }

    .filter-horizontal .filter-dropdown__list {
        position: relative;
        top:  auto;
        left: auto;
        background: transparent;
        padding: 0;
        max-height: initial;
        overflow-y: initial;
        opacity: 1;
        pointer-events: auto;
        border-top: none;
        border-bottom-left-radius:  0;
        border-bottom-right-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }

    .filter-horizontal .filter-dropdown__list li {
        min-width: initial;
        margin-bottom: 0;
    }

    /* Site Header
    --------------------------------------------- */
    .site-header {
        display: block;
        width: 100%;
        max-width: 300px;
        border-right: 1px solid var(--border-gray);
    }

    .topbar,
    .site-header .dropdown { display: none; }

    /* Breadcrumbs
    --------------------------------------------- */

    .breadcrumb {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }

    .breadcrumb .last {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        width: calc(100% - 400px);
    }

    /* Menu
    --------------------------------------------- */

    .genesis-responsive-menu {
        display: block;
        padding-top: 15px;
    }

    .menu-toggle {
        display: none;
        visibility: hidden;
    }

    .nav-primary .menu {
        height: calc(100vh - 80px);
        overflow: auto;
    }
}
@media only screen and (max-width: 1199px) {

    /* General structure
    --------------------------------------------- */

    body { background-color: var(--soft-gray); }

    .site-header {
        position: fixed;
        top:     0;
        left: -100%;
        bottom:  0;
        z-index: 99996;
        max-width: 270px;
        width: 100%;
        background: var(--main-bg);
        padding-top: 75px;
        -webkit-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }

    .site-inner  { padding-left: 0; }
    .site-container__header { padding-left: 15px; }

    .custom-logo {
        max-height: 40px;
    }

    /* Login Background
    --------------------------------------------- */
    .login::before {
        top:   -50vw;
        right: -55vw;
    }
    .login::after {
        top:   -50vw;
        right: -80vw;
    }

    /* Main row/col gutters
    --------------------------------------------- */

    .site-inner .container .row {
        margin-left:  -15px;
        margin-right: -15px;
    }
    .site-inner .container .row > [class*="col-"]{
        padding-left:  15px;
        padding-right: 15px;
    }

    .site-footer { padding-left: 0; }

    .card--margin-sm { margin-bottom: 30px; }

    /* CPD Tracker info table columns
    --------------------------------------------- */

    .table-info .table__row .table__column:nth-child(1) { width: 20%; } /*title*/
    .table-info .table__row .table__column:nth-child(2) { width: 15%; } /*type*/
    .table-info .table__row .table__column:nth-child(3) { width: 15%; } /*date and time*/
    .table-info .table__row .table__column:nth-child(4) { width: 15%; } /*cpd hours*/
    .table-info .table__row .table__column:nth-child(5) { width: 20%; } /*status*/
    .table-info .table__row .table__column:nth-child(6) { width: 15%; } /*actions*/


    /* Responsive menu
       --------------------------------------------- */

    .site-header .title-area,
    .site-container__header { height: inherit; }

    .site-header .title-area { display: none; }

    .site-header .dropdown { display: block; }

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

    .site-header .dropdown__btn::after { right: 25px; }

    .site-header .dropdown__btn,
    .nav-primary .genesis-nav-menu a {
        padding-right: 50px;
    }

    .nav-primary .genesis-nav-menu .menu-item-icon > a { padding-left: 50px; }
    .nav-primary .genesis-nav-menu .menu-item-icon > a::before { left: 15px; }
    .site-header .dropdown__item,
    .nav-primary .genesis-nav-menu a { padding-left: 20px; }

    .genesis-nav-menu .sub-menu { display: none; }

    .sub-menu-toggle {
        right: 10px;
        -webkit-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }

    .site-header .dropdown__content {
        position: relative;
        top:  inherit;
        left: inherit;
        width: 100%;
        background-color: var(--soft-pink);
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .site-header .dropdown__item:not(:last-child) { border-bottom: 1px solid var(--border-gray); }

    .site-container__header .dropdown { display: none; }

    .site-container__header {
        max-width: calc(100% - 30px);
        width: 100%;
        padding-top:    15px;
        padding-bottom: 15px;
        margin: 0 auto 20px;
        border-bottom: none;
        border-radius: 5px;
        -webkit-box-shadow: var(--box-shadow);
                box-shadow: var(--box-shadow);
    }

    .site-container__title { width: 100%; }

    .site-inner { padding-top: 0; }

    /* Responsive menu - Topbar
      --------------------------------------------- */

    .topbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
        -webkit-box-pack: justify;
           -ms-flex-pack: justify;
         justify-content: space-between;
        position: fixed;
        top:   0;
        left:  0;
        right: 0;
        background-color: var(--main-bg);
        padding: 10px 15px;
        z-index: 99999;
        min-height: 60px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
                box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    }

    .page-template-login .topbar { display: none; }

    /* Responsive menu - Menu Toggle
      --------------------------------------------- */

    .menu-overlay {
        position: fixed;
        left:   0;
        top:    0;
        right:  0;
        bottom: 0;
        background-color: var(--primary);
        z-index: 99994;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: .3s ease-in-out;
             -o-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
    }

    .menu-toggle {
        position: relative;
        width:  25px;
        height: 20px;
    }

    .menu-toggle span {
        position: absolute;
        width: 100%;
        height: 3px;
        right: 0;
        background-color: var(--primary);
        -webkit-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }

    .menu-toggle span:first-child  { top: 3px; }
    .menu-toggle span:nth-child(2) { top: 10px; }
    .menu-toggle span:nth-child(3) { top: 17px; }


    /* Responsive menu - Menu Triggered
     --------------------------------------------- */

    body.menu-triggered { overflow: hidden; }

    .menu-triggered .menu-toggle span:first-child {
        top: 10px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

    .menu-triggered .menu-toggle span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
    }

    .menu-triggered .menu-toggle span:nth-child(2) {
        right: -50%;
        opacity: 0;
    }

    .menu-triggered .menu-overlay {
        opacity: .4;
        pointer-events: auto;
    }

    .menu-triggered .site-header { left: 0; }

    /* Templates overrides
       --------------------------------------------- */
    .error404 .site-container__header { display: none; }

    .site-container__body { padding-top: 90px; }
    .logged-in.admin-bar .site-container__body { padding-top: 60px; }
    .page-template-login .site-container__body { padding-top: 0!important; }

}
@media only screen and (max-width: 991px)  {

    /* Login background
    --------------------------------------------- */

    .login::before {
        top:   -50vw;
        right: -50vw;
    }
    .login::after {
        top:   -50vw;
        right: -80vw;
    }

    /* Popup
    --------------------------------------------- */
    .box-club__right,
    .popup__sidebar {
        width: 100%;
        height: auto;
    }

    .fancybox__slide { padding-top: 8px; }
    .fancybox__slide::before { display: none; }

    .popup { max-height: 100%; }

    .popup__content {
        height: 100%;
        overflow: auto;
    }

    .popup__content ul,
    .popup__list {
        width: 100%;
        height: auto;
        overflow: visible;
        margin-bottom: 20px;
    }

    /* CPD Tracker info table columns
     --------------------------------------------- */

    .table-info .table__row .table__column:nth-child(1) { width: 20%; } /*title*/
    .table-info .table__row .table__column:nth-child(2) { width: 15%; } /*type*/
    .table-info .table__row .table__column:nth-child(3) { width: 15%; } /*date and time*/
    .table-info .table__row .table__column:nth-child(4) { width: 15%; } /*cpd hours*/
    .table-info .table__row .table__column:nth-child(5) { width: 20%; } /*status*/
    .table-info .table__row .table__column:nth-child(6) { width: 15%; } /*actions*/

    /* General style
    --------------------------------------------- */

    [class^='container'] {
        padding-left:  15px;
        padding-right: 15px;
    }

    .row.gutters-md {
        margin-left:  -15px;
        margin-right: -15px;
    }

    .row.gutters-md [class*='col'] {
        padding-left:  15px;
        padding-right: 15px;
    }

    .btn--download { font-size: 16px; }

    .page-template-club article.entry,
    .page-template-default:not(.page-template-pgcert) article.entry,
    .error404 article.entry,
    .box--padding,
    .box--padding-lg { padding: 15px; }

    .sidebar-primary {
        max-width: 400px;
        width: 100%;
        margin: auto;
    }

    .dropdown__btn--padding {
        padding-top:    15px;
        padding-bottom: 15px;
    }

    /* Cards
      --------------------------------------------- */

    .items-wrapper {
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
        grid-template-columns: repeat(4, 1fr);
    }

    .card__img { height: 250px; }

    /* Templates overrides
     --------------------------------------------- */

    .site-header { padding-top: 75px; }

    .logged-in.admin-bar .site-header {
        padding-top: 60px;
        top: 47px;
    }

    .logged-in.admin-bar .topbar { top: 33px; }
    .logged-in.admin-bar .site-container__body { padding-top: 90px; }

    /*error*/
    .error404 .site-container__header { display: none; }
}
@media only screen and (max-width: 781px) {

    .site-container .wp-block-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left:  0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {

    /* General style
   --------------------------------------------- */

    .site-container__body { padding-top: 90px; }

    /* Banner
   --------------------------------------------- */

    .banner { margin-top: -22px; }

    /* Cards
   --------------------------------------------- */

    .items-wrapper {
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .card__img { height: 200px; }

    .card__category { font-size: 75%; }

    /* Footer
   --------------------------------------------- */

    .site-footer {
        padding-top:    10px;
        padding-bottom: 10px;
    }

    .site-footer > .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        gap: 10px;
    }

    .footer-menu li a { position: relative; }

    .footer-menu li:not(:first-child) a::before {
        content: "";
        display: block;
        position: absolute;
        top:    0;
        bottom: 0;
        left: -10px;
        width: 1px;
        background-color: var(--light-gray);
        opacity: .7;
    }


    /* Filter
    --------------------------------------------- */

    .filter-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .filter-wrapper .input-field {
        width: 100%;
        margin-bottom: 0;
    }
    .filter-wrapper .dropdown { width: calc(50% - 7.5px); }

    /* Login background
    --------------------------------------------- */

    .login::before,
    .login::after { border-radius: 50px; }

    /* Tabs
    --------------------------------------------- */

    .tabs__btn { padding: 10px; }

    .tabs__btn__title { font-size: 18px; }

    /* CPD Tracked table info columns
    --------------------------------------------- */

    .table-info .table__head { display: none; }
    .table-info .table__body { border-top: 2px solid var(--border-gray); }

    /*title*/
    .table-info .table__row .table__column:nth-child(1) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
                 order: 4;
        width: 100%;
        padding-top:    0;
        padding-bottom: 0;
    }

    /*type*/
    .table-info .table__row .table__column:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
                 order: 2;
        width: inherit;
        color: var(--light-gray);
    }

    /*date and time*/
    .table-info .table__row .table__column:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
                 order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: right;
        color: var(--light-gray);
        padding-left: 0;
    }

    /*cpd hours*/
    .table-info .table__row .table__column:nth-child(4) {
        position: relative;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
                 order: 5;
        width: inherit;
    }

    .table-info .table__row .table__column:nth-child(4)::before {
        content: "CPD HOURS";
        font-size: 14px;
        color: var(--dark-gray);
        margin-right: 10px;
    }

    /*status*/
    .table-info .table__row .table__column:nth-child(5) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
                 order: 1;
        width: inherit;
        line-height: 1;
    }

    /*actions*/
    .table-info .table__row .table__column:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
                 order: 6;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: right;
    }

    .table__actions {
        padding-top:    0;
        padding-bottom: 10px;
        -webkit-box-pack: end;
           -ms-flex-pack: end;
         justify-content: flex-end;
    }

    .table__actions .btn-icon { min-width: 100px; }

    .table__column {
        padding-left:  20px;
        padding-right: 20px;
    }

    /* Template overrides
    --------------------------------------------- */
    .logged-in.admin-bar .topbar { top: 45px; }
    .logged-in.admin-bar .site-header { top: 59px; }

    /* PG Cert
    --------------------------------------------- */
    .wp-block-button.is-style-image-button .wp-block-button__text { padding-right: 20px; }

    .wp-block-button.is-style-image-button .wp-block-button__link { font-size: 16px; }

    /* QA CARDS
    --------------------------------------------- */
    .qa-popup {
        width: 100%;
    }

}
@media only screen and (max-width: 600px) {

    .wp-block-media-text.is-stacked-on-mobile figure { margin-bottom: 20px; }

    .wp-block-button.home-contact,
    .wp-block-buttons.home-contact {
        float: left;
        margin-left: 0;
    }

    #wpadminbar { position: fixed!important; }
}
@media only screen and (max-width: 575px) {

    /* General style
   --------------------------------------------- */

    .menu-primary {  max-width: 100%; }

    .page-template-default:not(.page-template-pgcert) article.entry,
    .box--padding {
        padding-left:  15px;
        padding-right: 15px;
    }

    .alignright,
    .alignleft {
        display: block;
        text-align: center;
        float: none;
        margin: 0 auto 20px;
    }

    .sidebar__wrap { gap: 20px; }

    .card--margin-sm { margin-bottom: 15px; }

    /* Typography
    --------------------------------------------- */

    h1,
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }

    label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    textarea { font-size: 16px; }

    .txt--lg { font-size: 18px; }


    /* Header
    --------------------------------------------- */

    .custom-logo { height: 35px; }

    .topbar {
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 50px;
    }

    .sidemenu__header,
    .sidemenu__content { padding: 15px; }

    .sidemenu__header { padding-right: 50px; }


    /* Popup
   --------------------------------------------- */
    .popup__list,
    .popup__content ul { padding-left: 5px; }

    .popup__content { padding: 15px; }

    .popup__content h2,
    .popup__header {
        padding-left:  15px;
        padding-right: 40px;
        margin: -15px 0 20px;
    }

    .fancybox__slide {
        padding-top:    15px;
        padding-bottom: 15px;
    }

    .popup__sidebar__img,
    .popup__content .img-overlay { margin-bottom: 20px; }

    /* QA Cards
  --------------------------------------------- */
    .qa-popup { padding: 25px 15px 15px; }

    .qa__buttons { flex-wrap: wrap; }
    .qa__buttons__txt {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    /* Tabs
    --------------------------------------------- */

    .tabs__btn { padding: 10px; }

    .tab__content { padding: 15px; }

    .tabs__btn__title { text-align: center; }


    /* Cards
   --------------------------------------------- */

    .items-wrapper {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }

    .card--margin { margin-bottom: 15px; }

    .card__category { font-size: 95%; }

    .card__img { height: 350px; }

    /* Dashboard Banner
   --------------------------------------------- */

    .banner {
        font-size: 16px;
        padding: 10px;
    }
    .banner i { font-size: 18px; }

    /* Login
   --------------------------------------------- */

    .login {
        padding-top:    20px;
        padding-bottom: 20px;
    }
    .login__logo { margin-bottom: 15px; }
    .login__logo img { height: 70px; }

    .login::before { right: -40vw; }

    .form-wrapper { padding-top: 10px; }

    .page-template-login input[type=submit] { padding: 15px; }

    .i4w_login_remember, .lost-password { font-size: 16px; }



    /* Tables
   --------------------------------------------- */

    .table-annual .table__row .table__column:nth-child(1),
    .table-annual .table__row .table__column:nth-child(2) { width: 50%; }

    .tab__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 10px;
    }

    .tab__actions__buttons,
    .tab__actions .input-field,
    .tab__actions .input-field input[type=text] {
        max-width: 100%;
        width: 100%;
    }
    .tab__actions__buttons {
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }

    .table__column:last-child,
    .table__column:first-child,
    .table__column {
        padding: 10px;
    }

    .table__row { padding: 0; }

    .status {
        font-size: 10px;
        padding: 3px 10px 3px 20px;
    }
    .status::before {
        width:  5px;
        height: 5px;
    }

    /* Blockquote
   --------------------------------------------- */

    blockquote { padding: 70px 20px 20px; }
    blockquote::after {
        top:   15px;
        right: 15px;
    }

    /* Tooltip
   --------------------------------------------- */

    .info-item__tooltip::before {
        left:   inherit;
        bottom: inherit;
        -webkit-transform: translate(-90%, 0) rotate(270deg);
            -ms-transform: translate(-90%, 0) rotate(270deg);
                transform: translate(-90%, 0) rotate(270deg);
    }
    .info-item__tooltip::after {
        left:   inherit;
        bottom: inherit;
        -webkit-transform: translate(-105%, 0);
            -ms-transform: translate(-105%, 0);
                transform: translate(-105%, 0);
    }

    /* Template overrides
   --------------------------------------------- */
    .site-container__body { padding-top: 70px; }
    .logged-in.admin-bar .site-container__body { padding-top: 70px; }

    .site-header { padding-top: 50px; }
    .logged-in.admin-bar .site-header { padding-top: 35px; }

    .page-template-login h1 { font-size: 30px; }

    /* Overriddes
       --------------------------------------------- */
    .bc-player-Hk18QTmrl_default-index-0 {
        width: 100%;
        height: 230px;
    }

    /* PG Cert Pages
    --------------------------------------------- */
    .page-template-pgcert .wp-block-group { padding: 15px; }

    .page-template-pgcert .accordion .accordion__content { padding: 15px; }

    .page-template-pgcert .accordion.accordion--video .accordion__head--text p { 
        font-size: 16px; 
        line-height: 1.3;
    }

    .page-template-pgcert .accordion .accordion__head--text p { font-size: 18px; }

    .page-template-pgcert .wp-block-buttons {
        flex-direction: column;
        row-gap: 15px;
    }

    .page-template-pgcert .wp-block-buttons .wp-block-button.is-style-image-button { width: 100%; }

    .navigation a { 
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .navigation a.navigation__prev { 
        padding-right: 15px; 
    }

    .navigation a.navigation__next { 
        padding-left: 15px; 
    }

    /* Pagination
    --------------------------------------------- */

    .pagination__wrapper {
        row-gap: 10px;
        flex-direction: column;
        justify-content: center;
    }

    /* Margins
    --------------------------------------------- */

    .mb--xs-20 { margin-bottom: 20px; }
}
@media only screen and (max-width: 510px) {

    .ab-block-container.alignfull::before {
        content: " ";
        display: table;
    }

    .ab-block-container.alignfull::after {
        clear: both;
        content: " ";
        display: table;
    }
}
@media only screen and (max-width: 480px) {

    /* Filter
   --------------------------------------------- */

    .filter-wrapper { margin-bottom: 20px; }

    .filter-wrapper .dropdown { width: 100%; }

    .filter-wrapper .dropdown-options { margin-bottom: 0; }

    /* Table
   --------------------------------------------- */

    .table__column:first-child { padding-left:  10px; }
    .table__column:last-child  { padding-right: 10px; }
    .table__footer,
    .table__column {
        padding-left:  10px;
        padding-right: 10px;
    }

    .table__row {
        padding-top:    0;
        padding-bottom: 0;
    }

    /*type*/
    .table-info .table__row .table__column:nth-child(2),
        /*date and time*/
    .table-info .table__row .table__column:nth-child(3),
        /*cpd hours*/
    .table-info .table__row .table__column:nth-child(4) { font-size: 14px; }

    .status,
    .table-info .table__row .table__column:nth-child(4)::before { font-size: 12px; }

    /*type*/
    .table-info .table__row .table__column:nth-child(2) { padding-left: 0; }

    /* Tabs
   --------------------------------------------- */

    .tab__actions {
        padding-left:  10px;
        padding-right: 10px;
    }

    .tab__actions .btn-icon { width: calc(50% - 5px); }

    /* Cards
    --------------------------------------------- */

    .card__img { height: 270px; }

    .qa__buttons__txt { text-align: right; }

}
@media only screen and (max-width: 400px) {

    /* General Style
    --------------------------------------------- */

    .fasc-button,
    .webinar_button,
    .btn:not(.qa-btn) {
        max-width: 100%;
        width: 100%;
    }

    /* Header
   --------------------------------------------- */
    .site-header { max-width: 100%; }

    /* Pagination
   --------------------------------------------- */

    .pagination__txt { font-size: 14px; }

    /* Login background
   --------------------------------------------- */
    .login::before {
        top:   -40vw;
        right: -35vw;
    }
    .login::after { top: -40vw; }

    /* Table
   --------------------------------------------- */

    .tabs--table .tabs__btn__title { font-size: 16px; }

    .table__actions .btn-icon {
        width: 60px;
        min-width: inherit;
    }

    /* Cards
   --------------------------------------------- */

    .card__img { height: 220px; }

    /* Sidemenu
   --------------------------------------------- */
    .sidemenu .btn {
        width: inherit;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
        border-radius: 5px;
    }

    /* QA Cards
  --------------------------------------------- */
    .qa-btn span { display: none; }
}

@media all and (max-width: 350px) {

    /* Cards
   --------------------------------------------- */

    .card__category { font-size: 80%; }

    /* Tabs
   --------------------------------------------- */

    .tabs__btn__title { font-size: 16px; }


    /* Table
    --------------------------------------------- */

    /*type*/
    .table-info .table__row .table__column:nth-child(2),
    /*date and time*/
    .table-info .table__row .table__column:nth-child(3) { font-size: 12px; }
    /*buttons*/
    .table__actions .btn-icon { font-size: 15px; }


    /* PG Cert
    --------------------------------------------- */
    .navigation a span { font-size: 12px; }

    .navigation a { font-size: 14px; }

}
/*media query for IE 10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}
/* Print Styles
---------------------------------------------------------------------------- */
@media print {

    *,
    *::before,
    *::after {
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #333 !important;
        text-shadow: none !important;
    }

    a,
    a:visited { text-decoration: underline; }

    a[href]::after { content: " (" attr(href) ")"; }

    abbr[title]::after { content: " (" attr(title) ")"; }

    a[href^="javascript:"]::after,
    a[href^="#"]::after,
    .site-title > a::after { content: ""; }

    thead { display: table-header-group; }

    img,
    tr { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 2cm 0.5cm; }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .content,
    .content-sidebar { width: 100%; }

    button,
    input,
    select,
    textarea,
    .breadcrumb,
    .comment-edit-link,
    .comment-form,
    .comment-list .reply a,
    .comment-reply-title,
    .edit-link,
    .entry-comments-link,
    .entry-footer,
    .genesis-box,
    .header-widget-area,
    .hidden-print,
    .home-top,
    .nav-primary,
    .nav-secondary,
    .post-edit-link,
    .sidebar { display: none !important; }

    .title-area {
        text-align: center;
        width: 100%;
    }

    .site-title > a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }

    .site-inner {
        padding-top: 0;
        position: relative;
    }

    .author-box { margin-bottom: 0; }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }


    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }

    dl,
    ol,
    ul {
        page-break-before: avoid;
    }
}