.arlo-event-template {
    margin-top: 15px;
    max-width: 700px;
}

table.event-templates {
    margin-top: 35px;
}

form.arlo-filters {
    margin-top: 2em !important;
}

.oga-postcontent ul.arlo-list {
    margin: 0;
}

.arlo-show-more-link-container {
    text-align: center;
}

.oga-postcontent a.arlo-show-more-link,
.oga-postcontent a.arlo-show-more-link:link {
    background: #ededed;
    color: black;
    padding: 0.7em 2.8em;
    display: inline-block;
    font-size: 125%;
    margin-bottom: 20px;
    box-sizing: border-box;
    margin-top: 15px;
}

.oga-postcontent a.arlo-show-more-link:hover {
    text-decoration: none;
    background: #d72637;
    color: white;
}

.oga-postcontent .arlo-list.events {
    margin: 40px 0 0;
}

.arlo-list.upcoming {
    list-style: none;
    margin: 0;
    margin-top: 28px;
}

.arlo-list.upcoming .arlo-left {
    max-width: 75%;
}

.oga-postcontent .arlo-list>li:before,
.oga-post .arlo-list>li:before,
.oga-textblock .arlo-list>li:before {
    content: '';
}

.oga-postcontent .arlo-list ul>li,
.oga-post .arlo-list ul>li,
.oga-textblock .arlo-list ul>li {
    padding-left: 0;
}

.arlo-list.events>li,
.arlo-list.upcoming>li {
    border: none;
    margin-bottom: 30px;
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 2em;
}

.arlo-list.upcoming li {
    height: 0;
}

.arlo-list.upcoming li.arlo-cf {
    margin-bottom: 35px;
    border: 1px solid #ededed;
    padding: 25px;
    height: auto;
}

.arlo-list.upcoming li.arlo-cf.arlo-group-divider {
    font-size: 1.8em;
    color: white;
    border: 0;
    margin-bottom: 25px;
    background: #0E619B;
    display: inline-block;
    padding: 8px 25px;
    margin-top: 35px;
    text-transform: uppercase;
}

.arlo-cf {
    position: relative;
    padding-left: 0;
    display: block;
    padding: 10px 2px;
    margin-top: 1em;
}

.arlo-event-heading {
    color: #0E619B;
}

.oga-postcontent .arlo-event-heading h4 a {
    font-size: 24px;
    color: #0E619B;
}

.oga-postcontent li .arlo-cal p {
    margin: 0 !important;
}

.arlo-start-date {
    font-size: 115%;
}

.arlo-event-time {
    color: #d72637;
    font-size: 115%;
    line-height: 1;
}

a.oga-button.arlo-register,
a.oga-button.arlo-register:link,
a:link.oga-button.arlo-register:link {
    padding: .3em 1.5em;
    font-size: 1.5em;
}

.arlo-event-registration>span.arlo-places-remaining {
    font-size: 1.2em;
    margin-top: 20px;
    color: #BA212F;
}

.arlo-suggest {
    margin-top: 10px;
}

.arlo-event-location {
    font-size: 115%;
    clear: both;
    margin-top: 10px;
}

.arlo-summary {
    margin-top: 16px !important;
    font-size: 110%;
}

.arlo-amount {
    font-size: 265%;
    color: #BA212F;
}

.arlo-upcoming-offer {
    margin-top: 30px;
}

.arlo-list.upcoming li.arlo-cf {
    margin-bottom: 25px;
}

.oga-postcontent .arlo-list.upcoming .arlo-event-registration a,
.oga-postcontent .arlo-list.upcoming .arlo-event-registration a:link {
    padding: .3em 5.5em .3em 1em;
    font-size: 1.5em;
    background-image: url("/wp-content/themes/ClassTraining2/images/whitearrow.png");
    background-repeat: no-repeat;
    background-position: 90% center;
}

.arlo-filters select {
    padding: 8px 90px 8px 15px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 0;
    margin-right: 10px;
    box-sizing: border-box;
    font-size: 115%;
}

.arlo-filters a.oga-button,
.arlo-filters a.oga-button:link,
.arlo-filters a:link.oga-button:link {
    font-size: 120%;
}

span.arlo-cal-month,
div.arlo-cal-month {
    width: 55px;
    background-color: #d72637;
    border: none;
    padding: 5px;
    font-weight: normal;
    font-size: 15px;
}

span.arlo-cal-day,
div.arlo-cal-day {
    width: 55px;
    padding: 15px 5px;
    border: none;
    background: #efefef;
    font-size: 20px;
}

div.arlo-year {
    font-size: 15px;
    margin-top: 6px;
}

span.amount {
    font-size: 160%;
    margin-top: 6px;
    display: inline-block;
}

h3.arlo-similar-courses {
    margin-top: 30px;
    margin-bottom: 10px;
}

.oga-article .arlo_suggest_templates td {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}

table.event-templates tr.arlo-group-divider:hover,
table.event-templates tr.arlo-table-headings:hover {
    background-color: transparent;
}

.arlo-field-items {
    margin-top: 40px;
}

.arlo .oga-article th {
    font-size: 120%;
    font-weight: normal;
    padding: 14px 7px 0px 2px;
}

.arlo .oga-article .arlo-table-headings th {
    padding: 6px 9px;
    background: #3a3a3a;
    color: white;
}

.oga-article .event-templates td {
    padding: 6px 10px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #ededed;
}

.oga-article .event-templates td a {
    color: #0e0e0e;
}

.oga-article .event-templates td a:hover {
    text-decoration: none;
}

.oga-article .event-templates td.arlo-next-running {
    color: white;
}

.arlo-next-running a:not(.arlo-register),
.arlo-next-running a:link.arlo-register span {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 90% center;
    border: 1px solid #3a3a3a;
    margin-bottom: 2px;
}

.arlo-next-running a:not(.arlo-register) {
    padding: 3px 9px;
    background-color: transparent;
    color: #3a3a3a;
}

.arlo-next-running a:link.arlo-register span,
.arlo-next-running a:focus.arlo-register span,
.arlo-next-running a:visited.arlo-register span,
.arlo-next-running a.arlo-register span {
    color: white;
    background-color: #d72637;
    padding: 3px 7px;
    border-color: #d72637;
}

.arlo-next-running a.arlo-register span.WAGGA {
    background-color: #0000FF;
    border-color: #0000FF;
}

.arlo-next-running a.arlo-register span.SHEPPARTON {
    background-color: #00B400;
    border-color: #00B400;
}

.arlo-next-running a.arlo-register span.Online {
    background-color: #6D6E71;
    border-color: #6D6E71;
}

.arlo-next-running a:hover.arlo-register,
.arlo-next-running a:hover {
    color: white;
    text-decoration: none;
}

.oga-article .event-templates td.arlo-next-running a:hover.arlo-register span {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
}

.oga-article .event-templates td.arlo-next-running a:hover {
    background-color: #d72637;
    border-color: #d72637;
    color: white;
}

.arlo-category-heading,
.arlo-table-headings>th {
    background: #ededed;
    padding: 8px 10px;
    text-transform: uppercase;
    box-sizing: border-box;
}

.arlo-table-headings>th {
    border: none;
}

.arlo-category-heading {
    width: 100%;
    margin-top: 20px;
}

.arlo-event-registration>span.arlo-places-remaining {
    display: none;
}

p.arlo-no-results {
    font-size: 1.1em;
    padding: 12px 0 !important;
}

@media (max-width: 630px) {
    .oga-article .event-templates td {
        display: block;
        border-bottom: 0;
    }
    .oga-article .event-templates tr {
        display: block;
    }
    .oga-article .event-templates td:last-child {
        border-bottom: 1px solid #efefef;
        padding-bottom: 20px;
    }
    .arlo .oga-article .arlo-group-divider th {
        display: block;
    }
    .arlo .oga-article .arlo-table-headings th {
        display: none;
    }
    .arlo-next-running a:link {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .oga-article .event-templates td.arlo-next-running {
        line-height: .5;
    }
    .oga-article .event-templates td:first-child a {
        font-size: 1.2em;
    }
    .arlo-event-template .arlo-right {
        max-width: 30%;
    }
}

@media (max-width: 515px) {
    .arlo-left.arlo-event-details {
        max-width: none;
        width: 70%;
    }
    .arlo-event-template .arlo-right {
        max-width: none;
        width: 100%;
    }
    .arlo-event-template .arlo-right .arlo-event-registration {
        margin-top: 20px;
    }
    .arlo-event-template .arlo-right a.button.arlo-register {
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }
}

.oga-article .event-templates td.arlo-next-running>span span {
    display: inline-block;
    background-color: #c7c7c7;
    padding: 3px 7px;
    border: 1px solid #c7c7c7;
}

.arlo-hidden-location {
    display: none;
}

.arlo-list>li.WAGGA a,
.arlo-list>li.WAGGA .arlo-event-time {
    color: #0000FF;
}

.arlo-list>li.WAGGA .arlo-cal-month,
.arlo-list>li.WAGGA a.oga-button.arlo-register,
.arlo-list>li.WAGGA a.oga-button.arlo-waiting-list,
.arlo-list>li.WAGGA a.oga-button.arlo-register:link,
.arlo-list>li.WAGGA a.oga-button.arlo-register:link:link {
    background-color: #0000FF;
}

.arlo-list>li.SHEPPARTON a,
.arlo-list>li.SHEPPARTON .arlo-event-time {
    color: #00B400;
}

.arlo-list>li.SHEPPARTON .arlo-cal-month,
.arlo-list>li.SHEPPARTON a.oga-button.arlo-register,
.arlo-list>li.SHEPPARTON a.oga-button.arlo-waiting-list,
.arlo-list>li.SHEPPARTON a.oga-button.arlo-register:link,
.arlo-list>li.SHEPPARTON a.oga-button.arlo-register:link:link {
    background-color: #00B400;
}

.arlo-list>li.Online a,
.arlo-list>li.Online .arlo-event-time {
    color: #6D6E71;
}

.arlo-list>li.Online .arlo-cal-month,
.arlo-list>li.Online a.oga-button.arlo-register,
.arlo-list>li.Online a.oga-button.arlo-waiting-list,
.arlo-list>li.Online a.oga-button.arlo-register:link,
.arlo-list>li.Online a.oga-button.arlo-register:link:link {
    background-color: #6D6E71;
}

.arlo-list>li a.oga-button.arlo-register,
.arlo-list>li a.oga-button.arlo-register:link,
.arlo-list>li a.oga-button.arlo-register:link:link {
    color: white;
}

.arlo-list>li a.oga-button.arlo-register:hover,
.arlo-list>li a.oga-button.arlo-register:link:hover,
.arlo-list>li a.oga-button.arlo-register:link:link:hover {
    background-color: black;
}


/* Fix rich snippet paragraph issue on catalogue page */

.arlo-filters p,
.arlo-filters~p {
    display: none;
    margin-bottom: 0 !important;
}


/* New recent event dates on event page */

.oga-postcontent ul.arlo-event-dates {
    margin-top: 20px;
}

.oga-postcontent ul.arlo-list.arlo-event-dates li::before {
    content: none;
}

ul.arlo-event-dates>li.arlo-cf {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: 0;
    padding: 15px 10px 5px;
    border-bottom: 4px solid #666;
    box-sizing: border-box;
}

.arlo-event-dates>li.arlo-cf:first-of-type {
    border-top: 4px solid #666;
}

@media (max-width: 768px) {
    ul.arlo-event-dates>li.arlo-cf {

    }
}

.arlo-event-dates br {
    display: none;
}

.arlo-event-dates .arlo-cal {
    width: 65px;
    max-width: 100%;
}

.arlo-event-dates .arlo-cal-month,
.arlo-event-dates .arlo-cal-day {
    display: block;
    width: 55px;
}

.arlo-event-dates .arlo-event-details {
    width: calc(100% - 80px);
    max-width: 100%;
}

.arlo-event-dates .arlo-event-registration {
    text-align: left;
}

.arlo-event-dates ul.arlo-event-offers {
    margin-top: 6px;
}

.arlo-price-tax {
    display: none;
}

.arlo-event-dates ~ .arlo-show-more {
    text-align: center;
}

.arlo-event-dates ~ .arlo-show-more a {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 30px;
    background: #efefef;
    color: black;
    font-size: 14px;
}