#arlo {
  padding: 100px 0;
}

.arlo-day {
  color: white !important;
}

/* Colour 1 */
/* Main colour used for buttons, links and headlines. Default: green */

.arlo#arlo .arlo-color1,
.arlo#arlo a,
.arlo#arlo a.arlo-template-name:hover,
.arlo#arlo .upcoming .arlo-places-remaining,
.arlo#arlo .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .button.arlo-waiting-list,
.arlo#arlo .button.arlo-waiting-list:hover,
.arlo#arlo .prev.page-numbers,
.arlo#arlo .next.page-numbers,
.arlo#arlo .upcoming .arlo-button.arlo-waiting-list,
.arlo#arlo .button.arlo-waiting-list,
.arlo#arlo .arlo-button.arlo-waiting-list,
.arlo#arlo .arlo-show-more-link,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a,
.arlo .arlo-widget-upcoming a:hover,
.arlo#arlo .upcoming .button.arlo-waiting-list:hover, 
.arlo#arlo .upcoming .button.arlo-waiting-list, 
.arlo#arlo .arlo-list.event-search .arlo-next-running a,
.arlo#arlo a.arlo-template-name,
.arlo .arlo-widget-upcoming * {
    color: #1569a3;
}

.arlo#arlo .arlo-background-color1,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-category-list a,
.arlo#arlo .button.arlo-register,
.arlo#arlo .arlo-button.arlo-register,
.arlo#arlo .upcoming .arlo-cf.arlo-group-divider:after,
.arlo#arlo .catalogue .arlo-cf.arlo-group-divider:after,
.arlo#arlo .upcoming .arlo-event-subhead > div:after,
.arlo#arlo .prev.page-numbers:hover,
.arlo#arlo .next.page-numbers:hover,
.arlo#arlo .upcoming .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .button.arlo-waiting-list:hover,
.arlo#arlo .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-list.event-search .arlo-next-running a:hover,
.arlo#arlo .arlo-event_tags-list > li,
.arlo .arlo-widget-upcoming .arlo-cal-month,
.arlo .arlo-categories-widget li a:hover,
.arlo#arlo .arlo-search-button {
    background-color: #1569a3;
}

.arlo#arlo .arlo-border-color1,
.arlo#arlo .arlo-list.catalogue .arlo-cf.arlo-catalogue-event,
.arlo#arlo .arlo-list.event-search .arlo-next-running a:hover,
.arlo#arlo .arlo-list.event-search .arlo-next-running a,
.arlo#arlo .upcoming .arlo-button.arlo-waiting-list:hover, 
.arlo#arlo .arlo-button.arlo-waiting-list,
.arlo#arlo .upcoming .button.arlo-waiting-list:hover, 
.arlo#arlo .button.arlo-waiting-list:hover,
.arlo#arlo .upcoming .button.arlo-waiting-list:hover, 
.arlo#arlo .upcoming .button.arlo-waiting-list, 
.arlo#arlo .prev.page-numbers:hover, 
.arlo#arlo .next.page-numbers:hover,
.arlo#arlo .arlo-show-more-link:hover {
    border-left-color: #1569a3;
    border-right-color: #1569a3;
    border-top-color: #1569a3;
    border-bottom-color: #1569a3;
}



/* Colour 2 */
/* Dark colour used for text and some backgrounds. Default: navy */

.arlo#arlo .arlo-color2 {
    color: #0E7C89;
}

.arlo#arlo .arlo-background-color2,
.arlo#arlo .arlo-event .arlo-event-full,
.arlo#arlo .arlo-filters-buttons a {
    background-color: #0E7C89;
}

.arlo#arlo .arlo-border-color2 {
    border-color: #0E7C89;
}



/* Colour 3 */
/* Medium colour used for some buttons. Default: grey */

.arlo#arlo .arlo-color3,
.arlo#arlo select {
    color: #0E7C89;
}

.arlo#arlo .arlo-background-color3,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list,
.arlo#arlo .arlo-list.catalogue .arlo-next-running span,
.arlo#arlo .arlo-list.event-search .arlo-next-running span,
.arlo#arlo .arlo-event-credits li {
    background-color: #0E7C89;
}



/* Colour 4 */
/* Light colour used to contrast coloured backgrounds and buttons. Default: white */

.arlo#arlo .arlo-button,
.arlo#arlo .button,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-list.catalogue .arlo-next-running span,
.arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-list.event-search .arlo-next-running span,
.arlo#arlo .arlo-category-list a,
.arlo#arlo .arlo-category-list a:hover,
.arlo#arlo .arlo-filters-buttons a,
.arlo#arlo .arlo-button.arlo-register:hover,
.arlo#arlo .button.arlo-register:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-contrast-color,
.arlo#arlo .upcoming .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .prev.page-numbers:hover, 
.arlo#arlo .next.page-numbers:hover,
.arlo#arlo .button.arlo-waiting-list:hover,
.arlo#arlo .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a:hover,
.arlo#arlo .arlo-list.event-search .arlo-next-running a:hover,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link a:hover,
.arlo#arlo .arlo-advertised-duration,
.arlo#arlo .arlo-event_tags-list > li,
.arlo#arlo .arlo-event-credits li,
.arlo .arlo-widget-upcoming .arlo-cal-month,
.arlo .arlo-categories-widget li a:hover {
    color: white;
}

.arlo#arlo .arlo-contrast-background,
.arlo#arlo .upcoming .arlo-cal .arlo-day:after {
    background-color: white;
}



/* Colour 4 */


/* Highlight colour used for important imformation. Default: yellow */

.arlo#arlo .arlo-color4,
.arlo#arlo a:hover,
.arlo#arlo .arlo-event-name a:hover,
.arlo#arlo a.arlo-template-name:hover,
.arlo#arlo .arlo-event-provider a:hover,
.arlo#arlo .arlo-event-location a:hover,
.arlo#arlo .arlo-event-presenters a:hover,
.arlo#arlo .arlo-places-remaining,
.arlo#arlo .arlo-event-full,
.arlo#arlo .arlo-event-offers .discount,
.arlo#arlo .arlo-tooltip-button,
.arlo#arlo .arlo-event .arlo-event-full,
.arlo#arlo .page-numbers.current:not(.next):not(.prev),
.arlo#arlo .page-numbers:not(.next):not(.prev):hover {
    color: #567C00;
}

.arlo#arlo .arlo-button:not(.arlo-search-button):hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-next-running>a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration>a:hover,
.arlo#arlo .arlo-event-registration>a:hover,
.arlo#arlo .arlo-buttons .arlo-event-registration>a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list:hover,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a:hover {
    background: #567C00;
    border-color: #567C00;
}


/* Colour 5 */


/* Light colour used for general links. Default: light blue */

.arlo#arlo .arlo-color5 {
    color: #0E7C89;
}

.arlo#arlo .arlo-event-registration>a.arlo-waiting-list {
    background: #0E7C89;
    border-color: #0E7C89;
}

/* Transparent Background*/

.arlo#arlo .arlo-search-field,
.arlo#arlo .arlo-list .arlo-group-divider,
.arlo#arlo .arlo-suggest-templates a {
 background-color: transparent;
}

/* Button */
.arlo#arlo .arlo-button, .arlo#arlo .arlo-list.catalogue .arlo-next-running a, .arlo#arlo .arlo-list.catalogue .arlo-next-running span, .arlo#arlo .arlo-list.schedule .arlo-next-running a, .arlo#arlo .arlo-list.schedule .arlo-next-running span, .arlo#arlo .arlo-list.event-search .arlo-next-running a, .arlo#arlo .arlo-list.event-search .arlo-next-running span, .arlo#arlo .prev.page-numbers, .arlo#arlo .next.page-numbers, .arlo#arlo .arlo-category-list a, .arlo#arlo select, .arlo#arlo .arlo-filters-buttons a, .arlo#arlo .arlo-show-more-link, .arlo#arlo .arlo-oa-registration .arlo-register {
    letter-spacing: 0;
}

.arlo#arlo .arlo-button:after, .arlo#arlo .arlo-list.catalogue .arlo-next-running a:after, .arlo#arlo .arlo-list.schedule .arlo-next-running a:after, .arlo#arlo .prev.page-numbers:after, .arlo#arlo .next.page-numbers:after, .arlo#arlo .arlo-category-list a:after, .arlo#arlo .arlo-show-more-link:after, .arlo#arlo .arlo-list.event-search .arlo-next-running a:after, .arlo#arlo .arlo-oa-registration .arlo-register:after {
    content: none;
    position: static;
}

.arlo#arlo .upcoming .arlo-cf.arlo-group-divider:after, .arlo#arlo .catalogue .arlo-cf.arlo-group-divider:after, .arlo#arlo .arlo-online-activities .arlo-cf.arlo-group-divider:after, .arlo#arlo .schedule .arlo-cf.arlo-group-divider:after {
    content: none;
}

.arlo#arlo {
    color: #4e4a47;
}

/* Upcoming list */

.arlo#arlo .arlo-list.upcoming>li {
    border: none;
  position: relative;
}

.arlo#arlo .arlo-cal {
    background-color: #1569a3;
    width: 100px;
    color: white;
}

.arlo#arlo .arlo-cal .arlo-day {
    font-weight: 400;
    font-size: 1.6em;
}

.arlo#arlo .arlo-cal .arlo-month {
    font-size: .6em;
    opacity: .8;
    background: #166fad;
}

.arlo#arlo .upcoming .arlo-event-name a {
    font-weight: 500;
    line-height: 1.4em;
}


.arlo#arlo .upcoming .arlo-event-info {
    margin-left: 140px;
}

@media (max-width: 650px) {
    .arlo#arlo .arlo-cal {
        width: 100%;
        margin-bottom: 15px;
    }
    .arlo#arlo .upcoming .arlo-event-info {
        margin-left: 0;
    }
}

@media (min-width: 769px) {

    .arlo#arlo .upcoming .arlo-event-details {
        float: left;
        width: 70%;
    }
    
    .arlo#arlo .upcoming .arlo-event-registration {
        float: left;
        width: 30%;
        text-align: right;
    }
}

.arlo#arlo .upcoming .arlo-event-subhead {
    color: #4e4a47;
}

.arlo#arlo .upcoming .arlo-event-subhead>div {
    letter-spacing: 0;
}

.arlo#arlo .arlo-list.events .discount:before, 
.arlo#arlo .arlo-list.upcoming .arlo-event-offers li:first-child:before {
    content: none;
}

.arlo#arlo .arlo-list .arlo-event-credits ul {
	display: inline-block;
}
.arlo#arlo .arlo-list .arlo-event-credits li {
  position: static;
  padding-left: 5px;
  padding-right: 5px;
  background: none;
  color: #4e4a47;
}

.arlo#arlo .arlo-event-offers li {
    margin-bottom: 0;
    border-bottom: none;
}

.arlo#arlo .arlo-list.arlo-event-offers span:not(.discount) .amount:before {
    content: "\f102";
    display: inline-block;
    margin-right: 5px;
    font-family: "WP---WC-Demo-Themes";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.arlo#arlo .arlo-event-registration .button, .arlo#arlo .arlo-oa-registration .button {
    padding: 16px 20px;
}

.arlo#arlo .upcoming .arlo-event-full, .arlo#arlo .upcoming .arlo-places-remaining {
    display: block;
}

.arlo#arlo .arlo-list.upcoming>li:nth-child(2n), .arlo#arlo .arlo-list.catalogue>li:nth-of-type(2n), .arlo#arlo .arlo-list.arlo-online-activities>li:nth-child(2n), .arlo#arlo .arlo-list.venues>li:nth-child(2n), .arlo#arlo .arlo-list.presenters>li:nth-child(2n), .arlo#arlo .arlo-suggest-templates li:nth-child(2n), .arlo#arlo ul.presenter-events>li:nth-child(2n), .arlo#arlo ul.schedule>li:nth-child(2n) {
    background: transparent;
}

.arlo .dark-tooltip {
    max-width: 400px !important;
}

.arlo .dark-tooltip h5 {
    color: #ababab;
}

.arlo .dark-tooltip h6 {
    letter-spacing: 0;
}

/* Event template */
.arlo#arlo .arlo-template-head {
    text-align: left;
}

.arlo#arlo .arlo-filters select {
    background: white;
    border: 2px solid #1875B6;
    color: #1569a3;
    letter-spacing: 0;
    cursor: pointer;
}

.arlo#arlo select {
    height: auto;
}

.arlo#arlo .arlo-filters .arlo-filters-buttons a {
    background: #1569a3;
    border: 1px solid #1569a3;
}

@media (min-width: 651px) {
    .arlo#arlo .arlo-timezone-toggle select, .arlo#arlo .arlo-timezone-toggle select:focus {
        float: right;
    }
}

.arlo#arlo .arlo-list.events .arlo-event {
    margin-top: 0;
    padding-top: 15px;
    background: #f5f5f5;
}

.arlo#arlo .arlo-list.events>li:nth-of-type(2n) {
    background: #f5f5f5;
}
.arlo#arlo .arlo-list.events .arlo-event:hover, .arlo#arlo .arlo-list.events .arlo-online-activity:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
}

.arlo#arlo .arlo-date {
    padding: 0;
    background-color: transparent;
    color: #567C00;
    font-size: 16px;
}

.arlo#arlo .arlo-list.events .arlo-event-details i {
    color: #4e4a47;
}

.arlo#arlo .arlo-list.events .arlo-event-time {
    padding-top: 0;
}

.arlo#arlo .arlo-list.events .arlo-event-location {
    font-weight: 400;
}
.arlo#arlo .arlo-list.events .arlo-event-credits i,
.arlo#arlo .arlo-list.events .arlo-event-credits li {
	color: #4e4a47;
}

.arlo#arlo .arlo-list.events .arlo-event-details {
    margin-left: 0;
}

.arlo#arlo .arlo-list.events .arlo-event-full {
    position: static;
    background: transparent;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    text-align: left;
    color: #567C00;
}

.arlo#arlo .arlo-list.events .arlo-oa-registration {
    line-height: 1.2;
}

.arlo#arlo .arlo-list.events .arlo-oa-registration .arlo-register:after {
    position: static;
}
.arlo#arlo .arlo-oa-registration .arlo-register:hover:after {
    background: transparent;
}

@media (max-width: 650px) {
    .arlo#arlo .arlo-oa-registration .arlo-registration {
        width: 100%;
        max-width: 100%;
    }
}

.arlo#arlo .arlo-content-field {
    margin-top: 3em;
}

.arlo#arlo .arlo-content-field h3 {
    color: inherit;
}

.arlo#arlo .arlo-suggest-templates {
    width: 100%;
}

.arlo#arlo .arlo-suggest-templates tr td {
    padding: 10px 20px;
}

.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link {
    font-size: 1em;
}

.arlo#arlo .arlo-suggest-template-event-link .button {
    background: #0E7C89;
}
.arlo#arlo .arlo-suggest-template-event-link .button.arlo-register {
    background: #1569a3;
}
.arlo#arlo .arlo-suggest-template-event-link .button:hover {
    background: #567C00;
}


.arlo#arlo .arlo-online-activities {
    clear: both;
}
/* Catalgue */

.arlo#arlo .arlo-category-list li a {
    padding: 20px 56px;
    background: #1569a3;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
}

.arlo#arlo .arlo-category-list li a:hover {
    background: #567C00;
}

.arlo#arlo .catalogue .arlo-cf.arlo-group-divider,
.arlo#arlo .arlo-online-activities .arlo-cf.arlo-group-divider {
    margin-top: 3em;
    margin-bottom: 2em;
}

.arlo#arlo .upcoming .arlo-cf.arlo-group-divider {
    margin-bottom: 2em;
}

.arlo#arlo .catalogue .arlo-cf.arlo-group-divider h3,
.arlo#arlo .upcoming .arlo-cf.arlo-group-divider h3,
.arlo#arlo .arlo-online-activities .arlo-cf.arlo-group-divider h3 {
    font-size: 34px;
    text-transform: none;
}

.arlo#arlo .arlo-list.catalogue .arlo-cf.arlo-catalogue-event, .arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates {
    background: #f5f5f5;
}

.arlo#arlo .arlo-list.catalogue .arlo-cf.arlo-catalogue-event:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
}

.arlo#arlo .arlo-list.arlo-cols-3>li {
    width: 31.5%;
    margin-right: 1.8%;
}

.arlo#arlo .arlo-list.arlo-cols-2>li {
    width: 47.5%;
    margin-right: 2.5%;
}

.arlo#arlo .arlo-list.arlo-cols-1>li {
    width: 100%;
}

.arlo#arlo .arlo-list.catalogue .arlo-cf.arlo-catalogue-event h4 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.arlo#arlo .arlo-advertised-duration {
    padding: 0;
    color: #567C00;
    font-weight: 500;
}

.arlo#arlo .arlo-next-running>a, .arlo#arlo .arlo-next-running>span {
    margin-left: 0;
    margin-right: .5em;
}

/* Online activity */
.arlo#arlo .arlo-list.arlo-online-activities > li:not(.arlo-group-divider) {
    margin-bottom: 20px;
    padding: 1.5em;
    background: #f5f5f5;
}

.arlo#arlo .arlo-online-activity .arlo-oa-details h4 {
    font-size: 20px;
}

@media (min-width: 651px) {
    .arlo#arlo .arlo-online-activity .arlo-oa-details {
        width: 75%
    }
    
    .arlo#arlo .arlo-online-activity .arlo-registration {
        width: 25%;
    }
    .arlo#arlo .arlo-online-activity .arlo-registration .arlo-oa-registration {
        float: right;
    }
}


/* Venue */
.arlo#arlo .arlo-venue-details label {
    display: block;
    margin: 20px 0;
}

/* Presenter */
.arlo#arlo .presenter-events li {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 10px 20px;
    -webkit-transition: none;
    transition: none;
}

.arlo#arlo .presenter-events li:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
}

.arlo#arlo .presenter-events li a {
    font-weight: 400;
}

.arlo#arlo .arlo-presenter-details > label {
    display: block;
    margin: 30px 0 15px;
}

.arlo#arlo .arlo-social-media {
    margin-top: 0;
}
.arlo#arlo .arlo-social-media a {
    margin-right: 10px;
}

.arlo#arlo .arlo-pagination {
    text-align: center;
}

.arlo#arlo .page-numbers {
    float: none;
    display: inline-block;
    vertical-align: middle;
}


.arlo#arlo .arlo-powered-by img {
 	max-width: 30px; 
}

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

.upcoming-list {
  list-style-type: none;
  margin: 20px 0;
}
.upcoming-list li {
  background-color: rgba(165, 156, 148, .12);
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 3px 0;
  padding: 12px 20px;
}
.title-div {
  width: 80%;
}
.button-div .button.arlo-register:hover, .button-div .button.arlo-register:active, .button-div .button.arlo-register:focus {
  background: #567C00 !important;
  border-color: #567C00 !important;
}

@media screen and (max-width: 700px) {
  .upcoming-list li {
    -webkit-flex-flow: wrap;
    flex-wrap: wrap;
    padding: 15px 20px;
  }
  .title-div {
  	width: 100%;
  }
  .button-div {
	margin-top: 15px;
  }
}