.mec-wrap {
    color: #11171f
}

.mec-wrap:not(:first-child) {
    margin: 3.667rem auto 0
}

.upcoming-training-events .wrapper-calendar {
    margin: 3.667rem auto 0
}

.upcoming-training-events .wrapper-calendar .mec-wrap .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 3.667rem
}

.upcoming-training-events .wrapper-calendar .mec-wrap .row:last-child {
    margin-bottom: 0
}

.upcoming-training-events .wrapper-calendar .mec-event-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0 auto;
    padding: 0 3.667rem 0 0;
    text-transform: capitalize
}

.upcoming-training-events .mec-event-grid-minimal .mec-event-article {
    margin: 0 auto
}

.post-type-archive-mec-events .wrapper-calendar .mec-wrap {
    margin: 0 auto 3.667rem
}

.mec-event-list-minimal .mec-event-article {
    border: none;
    border-radius: .389rem;
    margin: 0 0 .25rem 0;
    padding: .33rem .5rem
}

.header-menu .mec-event-article::before,
.training-featured-events .mec-load-more-wrap,
.sub-menu .event-color,
.mec-event-list-minimal .mec-event-date::after,
.event-color,
.training-featured-events .mec-time-comment,
.mec-related-events-wrap h3.mec-rec-events-title::before,
.mec-single-event .mec-event-meta dd a i,
.mec-single-event .mec-event-meta dd a i::before,
.sidebar .mec-single-event-location .location,
.sidebar-events .mec-event-label-captions {
    display: none
}

.mec-container,
.mec-wrap .col-md-9,
.single .mec-container {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.mec-event-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mec-event-list-minimal .mec-event-date span.month {
    color: #005596;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 999
}

.mec-event-list-minimal .mec-event-date span.dates {
    font-size: .88rem;
    margin: 0 auto;
    white-space: nowrap;
    word-break: keep-all
}

.mec-event-list-minimal .mec-event-date,
.mec-wrap.colorskin-custom .mec-bg-color {
    background-color: unset;
    border-radius: unset;
    border-right: 1px solid #cecece;
    color: #005596;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: unset;
    margin: 0 .5rem 0 0;
    min-width: 3.7rem;
    padding: 0 .5rem 0 0;
    text-align: center;
    text-transform: capitalize;
    width: auto
}

.mec-event-list-minimal .mec-event-date:not(:last-child) {
    border: none
}

.mec-event-list-minimal .mec-event-title {
    font-size: .889rem;
    font-weight: 700;
    height: auto;
    letter-spacing: 0;
    line-height: 1.2rem;
    margin: .25rem 0 .6rem 0;
    padding: 0;
    text-transform: unset
}

.header-menu .sub-menu li ul.sub-menu li .mec-event-title a {
    padding: 0;
    text-wrap: balance
}

.mec-event-list-minimal .mec-event-detail,
.mec-event-list-minimal .mec-time-details {
    color: #11171F;
    letter-spacing: 0;
    line-height: 1;
    font-size: .8rem;
    font-weight: 400
}

.mec-wrap .col-md-3 {
    padding: 0
}

.header-menu .sub-menu li ul.sub-menu li .mec-event-list-minimal .btn-wrapper .mec-detail-button,
.wrapper-calendar .btn-wrapper .mec-detail-button,
.home .wrapper-calendar .mec-load-more-button,
.mec-load-more-button {
    background-color: transparent;
    border: .111rem solid #005596;
    border-radius: .333rem;
    color: #005596;
    display: inline-block;
    font: 600 .75rem/1 "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    height: auto;
    letter-spacing: 0;
    margin: .3rem auto;
    padding: .5rem .75rem;
    text-transform: capitalize;
    width: auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.header-menu .sub-menu li ul.sub-menu li .mec-event-list-minimal .btn-wrapper .mec-detail-button:hover,
.wrapper-calendar .btn-wrapper .mec-detail-button:hover,
.home .wrapper-calendar .mec-load-more-button:hover {
    background-color: #F7911D;
    border-color: #F7911D;
    color: #11171F;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.wrapper-calendar .btn-wrapper .mec-detail-button {
    font-size: 1.5rem;
    padding: 1rem 2rem
}

.mec-event-list-minimal .btn-wrapper {
    margin: 0 0 0 3.667rem;
    padding: 0
}

.mec-container [class*="col-"] img {
    height: auto;
    max-width: unset
}

.wrapper-calendar .mec-month-divider {
    text-align: left;
    margin: 3.667rem auto 1.833rem
}

.wrapper-calendar .mec-month-divider:first-child {
    margin-top: 0
}

.wrapper-calendar .mec-event-title {
    display: block;
    font: 700 1.5rem/2rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: .167rem auto .4rem;
    padding: 0;
    text-wrap: balance;
}

.wrapper-calendar .mec-month-divider span {
    border: none;
    color: #11171F;
    font: 700 2.5rem/1 "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0 0 .333rem 0;
    text-transform: capitalize;
}

.wrapper-calendar .mec-month-divider span::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(17, 23, 31, 1)), to(rgba(17, 23, 31, 0)));
    background: -webkit-linear-gradient(left, rgba(17, 23, 31, 1) 0%, rgba(17, 23, 31, 0) 100%);
    background: linear-gradient(to right, rgba(17, 23, 31, 1) 0%, rgba(17, 23, 31, 0) 100%);
    border: none;
    bottom: 0;
    content: "";
    height: .167rem;
    left: 0;
    margin: 0;
    text-align: left;
    width: 100%
}

.wrapper-calendar .mec-event-list-minimal .mec-event-article {
    border-radius: unset;
    margin: 0 auto 1.5rem;
    padding: 1.5rem 0 0 0
}

.wrapper-calendar .mec-event-list-minimal .mec-event-article:last-child {
    margin-bottom: 0
}

.mec-month-divider+.mec-event-article {
    padding-top: 0 !important;
    position: relative
}

.wrapper-calendar .mec-event-list-minimal .mec-event-article:hover {
    box-shadow: none;
    background-color: transparent
}

.mec-event-article+.mec-event-article::before {
    background: -webkit-linear-gradient(left, rgba(209, 210, 212, 1) 0%, rgba(209, 210, 212, 0) 100%);
    background: linear-gradient(to right, rgba(209, 210, 212, 1) 0%, rgba(209, 210, 212, 0) 100%);
    border: none;
    content: "";
    height: .056rem;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

.wrapper-event-details {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.container .wrapper-event-details.post-id-18137,
.container .wrapper-event-details.post-id-17958,
.container .wrapper-event-details.post-id-17968 {
    background: #eaf4e2;
    border-radius: 1rem;
    padding: 1rem;
    border: 1px solid rgb(116, 178, 59)
}

.wrapper-calendar .mec-event-date.mec-bg-color,
.upcoming-training-events .mec-event-grid-minimal .mec-event-date {
    background-color: #005596;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2311171F' fill-opacity='.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    border-radius: .5rem;
    border: none;
    color: #fff;
    margin: 0 1.5rem 0 0;
    padding: .666666rem;
    width: auto
}

.wrapper-calendar .mec-event-list-minimal .mec-event-date span.month,
.upcoming-training-events .wrapper-calendar .mec-event-grid-minimal .mec-event-date span {
    color: #fff;
    margin-bottom: 0;
}

.wrapper-calendar .mec-event-list-minimal .mec-event-date span.dates {
    line-height: 1;
    margin: .2rem auto 0;
    padding: 0
}

.wrapper-calendar .mec-event-list-minimal .mec-event-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto
}

.wrapper-calendar .mec-event-list-minimal .mec-event-detail,
.wrapper-calendar .mec-event-list-minimal .mec-time-details,
.wrapper-calendar .mec-event-list-minimal .mec-time-comment {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1
}

.wrapper-calendar .mec-event-list-minimal .mec-time-details {
    border-left: 1px solid #D1D2D4;
    margin: 0 0 0 1rem;
    padding: 0 0 0 1rem
}

.wrapper-calendar .mec-event-list-minimal .mec-time-comment {
    margin: 0 0 0 1rem
}

.wrapper-calendar .mec-event-dates {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.wrapper-calendar .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
    left: 108%;
    top: 45%
}

.mec-wrap .col-md-8 {
    width: 60%;
    padding: 0;
    margin: 0 6.66666666666666% 0 0
}

.mec-wrap .col-md-4 {
    width: 33.33333333333333%;
    padding: 0
}

.mec-wrap h2,
.mec-related-events-wrap h3.mec-rec-events-title {
    border: none;
    display: inline-block;
    font: 600 2rem/3rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto 1rem;
    padding: 0;
    text-transform: capitalize
}

.mec-single-event-description h3 {
    font: 600 1.33rem/1.66rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto 1rem
}

.mec-single-event .mec-event-content {
    margin: 0 auto;
    padding: 0
}

.mec-event-content p {
    font: 400 1rem/1.556rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif
}

.mec-events-event-image {
    float: right;
    margin: 0 0 1.833rem 3.33333%;
    max-width: 30%
}

.mec-single-event .mec-frontbox {
    background-color: #fff;
    border: .056rem solid rgba(209, 210, 212, .333);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
    border-radius: 1.533rem;
    margin-bottom: 1.833rem;
    padding: 1.833rem
}

.mec-single-event-category:last-child,
.mec-single-event .mec-single-event-location i,
.mec-single-event .mec-event-meta .mec-location-description,
.mec-single-event .mec-single-event-location dl dd i {
    margin: 0 auto
}

.mec-single-event .mec-single-event-location dd span {
    padding-left: 0
}

.mec-event-cost,
.mec-event-more-info,
.mec-event-website,
.mec-events-meta-date,
.mec-single-event-additional-organizers,
.mec-single-event-category,
.mec-single-event-date,
.mec-single-event-label,
.mec-single-event-location,
.mec-single-event-time {
    background: transparent;
    display: block;
    margin: 0 auto 1rem;
    padding: 0 0 0 2.389rem;
    position: relative
}

.mec-event-meta i {
    position: absolute;
    left: 0
}

.mec-event-meta i::before,
.mec-event-meta .mec-single-event-location i::before {
    font-size: 1.833rem;
    vertical-align: top
}

.mec-single-event .mec-event-meta dd a i {
    margin: 0 .556rem 0 0;
    position: relative
}

.mec-single-event .mec-event-meta dd.mec-events-event-categories:first-of-type {
    line-height: unset;
    margin: 0 auto;
    min-height: unset;
    padding: 0
}

.mec-single-event .mec-event-meta h3,
.mec-single-event .mec-event-meta dt,
.mec-single-event .mec-event-meta h3,
.single-mec-events .mec-location-url h6 {
    color: #11171F;
    display: block;
    font: 900 1rem/1 "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif !important;
    margin: 0 auto;
    padding: 0 !important;
    text-transform: capitalize
}

.mec-single-event .mec-event-meta span,
.mec-single-event .mec-event-meta abbr,
.mec-single-event .mec-event-meta .mec-events-event-cost,
.mec-single-event .mec-event-meta dd,
.mec-single-event .mec-event-meta .mec-events-event-categories a,
.mec-single-event .mec-event-meta dd p {
    color: #11171F;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    padding: 0
}

.sidebar .mec-event-meta .sold-out {
    background: #F7911D;
    border-radius: .889rem .889rem 0 0;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: 900;
    left: 0;
    margin: 0 auto -33px;
    padding: 1rem 1rem 2.7rem 1rem !important;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.mec-single-event-location .mec-location-url {
    margin: 1rem 0 0 0 !important
}

.mec-single-event .mec-event-meta span.mec-holding-status.mec-holding-status-ongoing,
.mec-single-event .mec-event-meta span.mec-holding-status.mec-holding-status-expired {
    color: #1bbd2e;
    font: 700 italic 1rem/1 "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif
}

.mec-holding-status-expired,
.mec-related-event-content span.mec-holding-status-expired,
.mec-single-event .mec-event-meta span.mec-holding-status.mec-holding-status-expired {
    color: red
}

.mec-single-event .mec-event-meta dt {
    padding: 0
}

.nav-categories-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-categories ul,
.nav-categories-events ul {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    width: 100%
}

.nav-categories li,
.nav-categories-events li {
    font: 700 1.222rem/1.778rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.page-faq .nav-categories li,
.page-faq .nav-categories-events li {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.nav-categories .icon {
    display: block
}

.nav-categories li a {
    background-color: #00477d;
    color: #fff;
    display: block;
    height: 100%;
    padding: 1rem 0;
    width: 100%;
    -webkit-transition: background-color .2s ease-out, color .2s ease-out;
    transition: background-color .2s ease-out, color .2s ease-out
}

.nav-categories li.active a {
    color: #F7911D
}

.nav-categories li:nth-child(2) a {
    background-color: #003863
}

.nav-categories li:nth-child(3) a {
    background-color: #002a4a
}

.nav-categories li:nth-child(4) a {
    background-color: #001b30
}

.nav-categories li a:hover {
    background-color: #fff;
    color: #005596;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in
}

.nav-categories svg {
    max-height: 32px;
    width: auto;
    margin: 0 auto
}

.nav-categories svg path {
    fill: #fff
}

.nav-categories li a:hover svg path {
    fill: #005596
}

.nav-categories li.active svg path {
    fill: #F7911D
}

.nav-categories-events li {
    -ms-flex-preferred-size: 14.28571429%;
    border: .056rem solid #dedede;
    flex-basis: 14.28571429%;
    font-size: .75rem;
    line-height: 1rem
}

.nav-categories-events li a {
    -webkit-transition: background-color .2s ease-in;
    background-color: #f2f2f2;
    color: #11171F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: .7rem .5rem .5rem .5rem;
    transition: background-color .2s ease-in
}

.nav-categories-events li a:hover {
    background-color: #fff;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.nav-categories-events li .icon {
    display: block
}

.nav-categories-events li .icon svg {
    height: 32px;
    margin: 0 auto;
    width: auto
}

.nav-categories-events li .icon svg path {
    fill: #005596
}

.nav-categories-events li .icon {
    display: block;
    height: 32px;
    margin: 0 auto .25rem
}

.nav-categories-events ul li.current a {
    background-color: #F7911D;
    border-bottom: 3px solid #F7911D;
    border-bottom-color: #F7911D;
    color: #11171F !important
}

.nav-categories-events ul li.current a:hover {
    background-color: inherit
}

.nav-categories-events ul li.current .icon svg path {
    fill: #11171F !important
}

.single .mec-wrap .row {
    margin: 0 auto
}

.single .mec-single-event .mec-events-meta-group-countdown {
    border-radius: 1.533rem;
    border: .056rem solid rgba(209, 210, 212, .333);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
    color: #11171F;
    overflow: hidden;
    padding: 1rem 1.833rem;
    position: relative
}

.single .mec-events-meta-group-countdown .countdown-w {
    padding: 0
}

.single .mec-events-meta-group-countdown .countdown-w span {
    font: 600 2rem/3rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    padding: 0
}

.single .mec-countdown-details .countdown-w .clockdiv li p {
    color: #005596 !important;
    font-weight: 900 !important;
    margin: 0 auto !important;
}

.single .mec-events-meta-group-countdown .countdown-w .block-w,
.single .mec-events-meta-group-countdown .countdown-w .block-w li {
    font-size: unset;
    height: auto
}

.colorskin-custom .mec-events-meta-group-countdown .mec-end-counts h3 {
    color: #bd1b21;
    font: 900 1.5rem/2.5rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto
}

.mec-related-events {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-column-gap: 1.833rem;
    -moz-column-gap: 1.833rem;
    column-gap: 1.833rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 auto
}

.mec-related-events article.col-md-3 {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 30%
}

.mec-related-events a {
    display: block
}

.mec-related-event-content {
    background-color: transparent;
    border-radius: unset;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    position: relative
}

.mec-related-event-post figure img,
.swiper-course-photos a.gallery>img {
    border-radius: 1.533rem;
    border: .056rem solid rgba(209, 210, 212, .333);
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.mec-related-event-post figure img:hover,
.swiper-course-photos a.gallery>img:hover {
    opacity: .66;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.mec-related-event-content span {
    color: #005596;
    display: block;
    font: 700 1rem/1.5rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto .25rem
}

.mec-wrap .mec-related-event-content h5 {
    font: 400 1rem/1.2rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto
}

.mec-related-event-content h5 a {
    font: 400 .8rem/1rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif
}

.swiper-course-photos a.gallery>img {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto
}

.mec-single-event-organizer {
    padding: 1.833rem
}

.mec-single-event .mec-event-meta .mec-single-event-organizer .mec-events-single-section-title {
    color: #005596;
    margin: 0 auto 1rem;
    padding: 0
}

.mec-single-event-organizer {
    background: rgb(255, 255, 255);
    background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 33%, rgba(242, 242, 242, 1) 100%);
    border-radius: .7665rem;
    border: .056rem solid rgba(209, 210, 212, .333);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
    margin: 1.833rem auto 0;
    padding: .9165rem
}

.mec-single-event-organizer .mec-img-organizer {
    display: block;
    height: auto;
    margin: 0 0 1rem;
    max-width: 100%;
    padding: 0;
    width: auto
}

.mec-single-event .mec-events-meta-date i,
.mec-single-event .mec-single-event-additional-organizers i,
.mec-single-event .mec-single-event-organizer dl dd i {
    margin: .1rem 0 0 .9165rem
}

.mec-single-event .mec-event-meta h6 {
    color: #11171F;
    display: block;
    font: 700 .8rem/1.1rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 auto .25rem;
    padding: 0 0 0 1.5rem;
    text-transform: capitalize
}

.mec-single-event .mec-events-meta-date dd span,
.mec-single-event .mec-single-event-additional-organizers dd span,
.mec-single-event .mec-single-event-organizer dd span,
.mec-single-event .mec-event-meta dd.mec-organizer-email a {
    color: #11171F;
    display: inline;
    font-size: .8rem;
    line-height: 1;
    padding: 0
}

.mec-single-event .mec-event-meta dd a,
.mec-single-event .mec-event-meta dd.mec-organizer-email a {
    color: #005596 !important;
    font-weight: 400;
    margin: 0;
    text-decoration: underline dotted;
    padding: 0 !important;
    white-space: wrap;
}

.mec-single-event .mec-event-meta dd a:hover {
    color: #0091ff
}

.mec-event-meta .mec-single-event-additional-organizers i::before,
.mec-event-meta .mec-single-event-location i:not(.meta-title-i)::before,
.mec-event-meta i::before,
.mec-event-meta .meta-title-i::before {
    font-size: 1.833rem !important;
    vertical-align: top
}

.mec-event-meta .mec-single-event-organizer i::before {
    font-size: .9165rem;
    vertical-align: top
}

.mec-organizer-url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mec-single-event .mec-single-event-organizer dd {
    margin: 0 0 .75rem;
    min-height: 1.1rem
}

.mec-single-event .mec-single-event-organizer dd:last-child {
    margin: 0
}

.mec-event-meta .cta-button {
    display: block;
    margin: 0 auto 1.833rem;
    padding: 1rem 1.833rem
}

.mec-event-meta .cta-button .icon {
    height: .944rem;
    margin: .367rem 0 0 .5rem;
    vertical-align: baseline
}

.mec-wrap p,
.mec-wrap:not(.elementor-widget-container)>p {
    color: #11171f !important;
    font: 400 1rem/1.556rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif !important;
    margin: 0 auto 1.556rem !important;
}

.mec-event-content ul.shopify-products {
    margin: 1rem auto 0
}

.mec-single-event-description .shopify-products h3 {
    font-size: .8rem;
    line-height: 1rem;
    min-height: unset
}

.mec-event-list-minimal span.mec-event-label-captions,
.mec-event-grid-minimal span.mec-event-label-captions {
    border-radius: .2rem;
    font-size: .75rem;
    letter-spacing: unset;
    line-height: 1rem;
    margin: .5rem auto 0;
    min-width: 80px;
    padding: 2px 5px;
    position: relative;
    right: unset;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    text-transform: none;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
    width: 100%
}

.training-featured-events .mec-event-list-minimal span.mec-event-label-captions {
    margin: 0 auto
}

.training-featured-events .mec-event-title {
    margin: 0 auto 9px
}

.mec-single-event-label {
    font-weight: 700
}

.event-location-map {
    display: inline-block;
    margin: 0 auto 3.667rem;
    width: 100%
}

.sidebar-events .row {
    margin: 0 auto 1rem
}

.sidebar-events .col-md-12 {
    padding: 0
}

.sidebar-events .mec-event-article {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    min-height: unset;
    padding: 0;
    width: 100%
}

.sidebar-events .mec-event-date {
    background-color: #005596;
    border: unset;
    border-radius: 0.5rem;
    box-shadow: unset;
    margin: 0;
    padding: 10px;
    width: 100%
}

.sidebar-events .mec-event-date span {
    color: #fff;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.sidebar-events .mec-event-date span.mec-event-label-captions {
    display: none
}

.sidebar-events h3.mec-event-title {
    border: unset;
    display: block;
    margin: 0 0 0 5%;
    padding: 0 1rem 0 0;
    text-transform: unset;
    text-wrap: balance;
    width: 100%;
}

.sidebar-events .mec-event-date {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    min-width: 20%;
    width: 20%
}

.sidebar-events .event-detail-wrap {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    min-width: 80%;
    width: 80%
}

.sidebar-events .mec-wrap {
    margin: 0 auto
}

.sidebar-events h3.mec-event-title a {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.2rem;
    white-space: pre-wrap;
    word-wrap: break-word
}

.sidebar-events h3.mec-event-title a:hover {
    color: #F7911D !important;
}

.sidebar .mec-time-comment {
    display: block;
    font-size: .8rem;
    font-style: normal;
    line-height: 1.2rem;
    position: relative
}

.wrapper-event-details .event-details {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.mec-wrap .mec-totalcal-box {
    background-color: #f2f2f2;
    border: .056rem solid #dedede;
    margin-bottom: 1.833rem;
    padding: 1rem;
}

.mec-wrap .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select {
    margin: 0 auto !important;
}

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

    .header-menu .mec-event-list-minimal .btn-wrapper,
    .header-menu .mec-event-list-minimal .mec-event-article:nth-last-child(-n+2),
    .header-menu .mec-event-list-minimal .mec-event-detail,
    .header-menu .mec-event-list-minimal .mec-time-details,
    .header-menu .sub-menu li ul.sub-menu li a.view-calendar {
        display: none
    }

    .header-menu .mec-event-list-minimal .mec-event-date span.month {
        font-size: 1.1rem;
        font-weight: 500
    }

    .header-menu .mec-event-list-minimal .mec-event-date span.dates {
        font-size: .75rem;
        font-weight: 400
    }

    .header-menu .mec-event-list-minimal .mec-event-date,
    .header-menu .mec-wrap.colorskin-custom .mec-bg-color {
        padding: 0 .5rem 0 0;
        margin: 0 .5rem 0 0
    }

    .header-menu .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
        height: .1rem;
        top: 21%;
        width: .5rem
    }

    .header-menu .mec-event-list-minimal .mec-event-title {
        font-size: .75rem;
        font-weight: 400;
        margin: .25rem auto .4rem
    }

    .header-menu .mec-event-list-minimal .btn-wrapper {
        margin: 0 0 0 .5rem;
        padding: 0 0 0 1rem
    }

    .header-menu .mec-event-list-minimal .mec-event-detail,
    .header-menu .mec-event-list-minimal .mec-time-details {
        font-size: .66666rem
    }
}

@media only screen and (max-width:1366px) {
    .wrapper-calendar {
        padding: 0 1.833rem
    }

    .home .wrapper-calendar {
        padding: 0
    }
}

@media only screen and (max-width:1260px) {
    .header-menu .sub-menu li ul.sub-menu li .mec-event-list-minimal .btn-wrapper .mec-detail-button {
        padding: .33333rem .5rem
    }

    .header-menu .mec-event-list-minimal .mec-event-title {
        margin: 0 auto .25rem
    }

    .header-menu .mec-event-dates {
        margin: 0 .15rem 0 0
    }

    .header-menu .mec-event-list-minimal .mec-event-date {
        margin: 0
    }

    .header-menu .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
        width: .33333rem
    }

    .wrapper-calendar .mec-month-divider span {
        font: 700 2rem/1 "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif
    }

    .wrapper-calendar .mec-event-title {
        font-size: 1.75rem
    }

    .wrapper-calendar .mec-event-date.mec-bg-color {
        margin: 0 1rem 0 0
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
        left: 105%;
        top: 48%;
        width: .5rem
    }

    .home .wrapper-calendar .mec-event-title {
        font-size: 1.25rem
    }

    .nav-categories-events li {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media only screen and (max-width:1080px) {
    .header-menu .mec-event-list-minimal .mec-event-article {
        padding: .6rem .5rem .6rem .5rem
    }

    .home .wrapper-calendar .mec-event-title {
        font-size: 1rem
    }

    .home .mec-event-grid-minimal .mec-event-date {
        margin: 0 .5rem 0 0
    }
}

@media only screen and (max-width:1024px) {
    .wrapper-calendar .mec-event-title {
        font-size: 1.5rem;
        margin: .5rem auto
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-detail,
    .wrapper-calendar .mec-event-list-minimal .mec-time-details {
        font-size: 1rem
    }

    .wrapper-calendar .btn-wrapper .mec-detail-button {
        font-size: 1rem;
        padding: 1rem 2rem
    }

    .mec-event-meta .cta-button {
        padding: 1rem
    }
}

@media only screen and (max-width:960px) {
    .single-mec-events .wrapper-content-inner {
        margin: 1.833rem auto
    }

    .single-mec-events .wrapper-swiper {
        margin: 0 auto 1.833rem
    }

    .single-mec-events .mec-wrap:not(:first-child) {
        margin: 1.833rem auto 0
    }

    .wrapper-calendar .mec-month-divider span {
        font-size: 1.5rem
    }

    .wrapper-calendar .mec-event-title {
        font-size: 1.25rem;
        margin: .75rem auto .5rem
    }

    .wrapper-calendar .btn-wrapper .mec-detail-button {
        padding: 1rem 1.5rem
    }

    .nav-categories-events li {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .mec-wrap .col-md-8 {
        margin: 0 auto 3.667rem;
        width: 100%
    }

    .mec-wrap .col-md-4 {
        margin: 0 auto;
        width: 100%
    }

    .upcoming-training-events .wrapper-calendar .mec-wrap .row {
        display: block;
        margin: 0 auto
    }

    .upcoming-training-events .mec-event-grid-minimal .mec-event-article {
        margin: 0 auto 1.833rem;
        width: 100%;
        display: block
    }

    .single .mec-wrap .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 auto
    }

    .single .mec-wrap .col-md-8,
    .single .mec-wrap .col-md-4 {
        display: block;
        margin: 0 auto 3.667rem;
        width: 100%
    }

    .single .mec-wrap .row.mec-related-events-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:840px) {
    .wrapper-calendar {
        margin: 1.833rem auto
    }

    .wrapper-calendar .mec-month-divider {
        margin: 2.5rem auto 1rem
    }

    .wrapper-calendar .mec-event-date.mec-bg-color {
        margin: 0 .5rem 0 0;
        padding: .33333rem
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date span.month {
        font-size: 1.25rem
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date span.dates {
        font-size: 1rem
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
        left: 100%;
        top: 50%;
        width: 1rem
    }

    .wrapper-calendar .mec-event-title {
        font-size: 1rem;
        line-height: 1.2rem;
        margin-top: 0
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-detail,
    .wrapper-calendar .mec-event-list-minimal .mec-time-details,
    .wrapper-calendar .mec-event-list-minimal .mec-time-comment {
        font-size: .66666rem
    }

    .wrapper-calendar .mec-event-list-minimal .mec-time-details {
        margin: 0 0 0 .5rem;
        padding: 0 0 0 .5rem
    }

    .mec-event-list-minimal .btn-wrapper {
        margin: 0
    }

    .wrapper-calendar .btn-wrapper .mec-detail-button {
        padding: .5rem 1.5rem;
        margin: 0 auto
    }

    .wrapper-calendar .mec-wrap .col-md-4 {
        margin: 0 auto 2.5rem;
        width: 100%
    }

    .home .mec-event-grid-minimal .mec-event-article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0 1rem;
        margin: 0 auto;
        min-height: unset;
        text-align: center;
        width: 100%
    }

    .home .upcoming-training-events .mec-event-grid-minimal .mec-event-date {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .home .mec-event-grid-minimal .event-detail-wrap {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .home .wrapper-calendar .mec-event-title {
        padding: 0;
        text-align: left
    }

    .home .wrapper-calendar .mec-wrap .col-md-4:last-child {
        margin: 0 auto
    }

    .home .mec-event-grid-minimal .event-detail-wrap {
        display: block
    }

    .mec-wrap h2,
    .mec-related-events-wrap h3.mec-rec-events-title {
        font: 600 1.75rem/2rem "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif
    }

    .mec-single-event-description .shopify-products h3 {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width:640px) {
    .wrapper-calendar .mec-event-list-minimal .mec-event-article {
        margin: 0 auto 1.5rem;
        padding: 1.5rem 0 0 0
    }

    .wrapper-calendar .mec-month-divider {
        margin: 2.5rem auto 1.5rem
    }

    .wrapper-calendar .mec-month-divider span {
        font-size: 2rem;
        text-align: center
    }

    .wrapper-calendar .mec-month-divider span::before {
        background: -webkit-linear-gradient(left, rgba(17, 23, 31, 0) 3%, rgba(17, 23, 31, .26) 15%, rgba(17, 23, 31, 1) 50%, rgba(17, 23, 31, .26) 85%, rgba(17, 23, 31, 0) 97%);
        background: linear-gradient(to right, rgba(17, 23, 31, 0) 3%, rgba(17, 23, 31, .26) 15%, rgba(17, 23, 31, 1) 50%, rgba(17, 23, 31, .26) 85%, rgba(17, 23, 31, 0) 97%);
    }

    .wrapper-event-details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .wrapper-calendar .mec-event-dates {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        width: 100%
    }

    .wrapper-calendar .mec-event-date.mec-bg-color {
        margin: 0 0 1rem 0;
        padding: .66666rem 1rem;
        min-width: 25%;
        width: auto;
        z-index: 1000
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date:not(:last-child)::after {
        left: 0;
        top: 50%;
        width: 200%
    }

    .wrapper-calendar .mec-event-list-minimal .mec-event-date span.month {
        font-size: 2rem
    }

    .wrapper-calendar .mec-event-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin: 0 auto .75rem
    }

    .event-details,
    .wrapper-calendar .mec-event-list-minimal .mec-event-detail,
    .wrapper-calendar .mec-event-list-minimal .mec-time-details,
    .wrapper-calendar .mec-event-list-minimal .mec-time-comment {
        font-size: 1rem;
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 0;
        border: none;
        text-align: center
    }

    .mec-event-location {
        margin: 0 auto .5rem
    }

    .mec-event-list-minimal .btn-wrapper {
        margin: 1rem auto 0;
        text-align: center;
        width: 100%
    }

    .mec-event-article+.mec-event-article::before {
        background: -webkit-linear-gradient(left, rgba(209, 210, 212, 0) 3%, rgba(209, 210, 212, .26) 15%, rgba(209, 210, 212, 1) 50%, rgba(209, 210, 212, .26) 85%, rgba(209, 210, 212, 0) 97%);
        background: linear-gradient(to right, rgba(209, 210, 212, 0) 3%, rgba(209, 210, 212, .26) 15%, rgba(209, 210, 212, 1) 50%, rgba(209, 210, 212, .26) 85%, rgba(209, 210, 212, 0) 97%);
    }

    .nav-categories-events li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .mec-related-events {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mec-related-events article.col-md-3,
    .mec-wrap .mec-related-events .mec-related-event-post {
        display: block;
        margin: 0 auto 3.667rem;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .mec-related-events article.col-md-3:last-child,
    .mec-wrap .mec-related-events .mec-related-event-post:last-child {
        margin: 0 auto
    }

    .upcoming-training-events .wrapper-calendar .mec-event-title {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 0 1rem
    }

    .upcoming-training-events .mec-event-grid-minimal .mec-event-date {
        display: block;
        margin: 0 auto .5rem;
        width: 100%
    }

    .mec-event-grid-minimal .event-detail-wrap {
        display: block;
        text-align: center
    }

    .nav-categories-events li,
    .page-faq .nav-categories-events li {
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }
}

@media only screen and (max-width:428px) {
    .post-type-archive-mec-events .nav-categories {
        margin: 0 auto
    }

    .nav-categories ul {
        display: block
    }

    .nav-categories li {
        border: none
    }
}