.arlo#arlo .bg-primary {
    background-color: #80217e;
}

.arlo#arlo .event-card.has-thumbnail .event-content .date {
    background-color: #80217e;
}

.arlo#arlo:not(.arlo-xs) .events-1 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-2 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-3 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-4 .event .event-container {
    z-index: 0;
}

.arlo#arlo .arlo-timezone select {
    opacity: 1.0 !important;
}

.arlo#arlo .arlo-timezone-selector P {
    opacity: 1.0;
    color: #000000
}

.arlo#arlo:not(.arlo-sm) .event-card.has-thumbnail .image-thumbnail img {
    width: 100%;
}

.arlo#arlo .date {
    background-color: #80217e
}

.arlo#arlo:not(.arlo-sm) .event-card .card-back .date {
    font-size: larger;
    font-weight: bold;
}

.arlo#arlo:not(.arlo-sm) .catalogue-item.has-thumbnail .image-thumbnail img {
    width: 100%;
}

.arlo#arlo:not(.arlo-md) .event-card.has-thumbnail .card-back .summary {
    margin-bottom: 20px;
}

.arlo#arlo .truncate-1, {
    line-height: 2.0
}

.arlo#arlo a {
    color: #80217e;
}

.arlo#arlo .text-primary {
    color: #80217e !important;
}

.arlo#arlo .page-numbers.current:not(.next):not(.prev):not(.dots), .arlo#arlo .page-numbers:not(.next):not(.prev):not(.dots):hover {
    background-color: #80217e;
}

.arlo#arlo .bg-grey {
    background: #ECECEC;
}

.arlo#arlo .arlo-color1, .arlo#arlo a:hover, .arlo#arlo a.arlo-template-name, .arlo#arlo a.arlo-template-name:hover, .arlo#arlo .page-numbers:not(.next):not(.prev):hover, .arlo#arlo .page-numbers.current:not(.next):not(.prev), .arlo#arlo .upcoming .arlo-places-remaining, .arlo#arlo .button.arlo-waiting-list:hover, .arlo#arlo .arlo-event_tags-list>li, .arlo#arlo .arlo-event-offers .discount, .arlo#arlo .arlo-social-media a:hover, .arlo-widget-upcoming a:hover, .arlo-categories-widget li a:hover, .arlo#arlo a, .arlo#arlo a.next.page-numbers:hover, .arlo#arlo .arlo-list.event-search .arlo-next-running a:hover, .arlo#arlo .arlo-list.catalogue .arlo-next-running a:hover, .arlo#arlo .upcoming .arlo-event-name a:hover {
    color: #80217e;
}

.arlo#arlo .arlo-background-color1, .arlo#arlo .arlo-list.catalogue .arlo-next-running a.arlo-register, .arlo#arlo .arlo-category-list a, .arlo#arlo .button.arlo-register, .arlo#arlo .arlo-button, .arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register, .arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link a.arlo-register, .arlo#arlo .arlo-list.schedule .arlo-next-running a.arlo-register {
    background-color: #80217e;
}

.arlo#arlo .btn-secondary-alt, .arlo#arlo .btn-secondary-alt:focus {
    color: #80217e;
}

.arlo#arlo .btn-secondary, .arlo#arlo .btn-secondary:focus, .arlo#arlo.arlo-sm .event-card .arlo-register, .arlo#arlo .event .arlo-register, .arlo#arlo .arlo-show-more-link, .arlo#arlo .arlo-show-more-link:focus, .arlo#arlo .event .button.arlo-register, .arlo#arlo .online-activity .arlo-register, .arlo#arlo .arlo-single-show-wrapper .arlo-show-more, .arlo#arlo .btn-secondary.hover, .arlo#arlo .btn-secondary:hover, .arlo#arlo .open .dropdown-toggle.btn-secondary, .arlo#arlo .arlo-show-more-link:hover, .arlo#arlo .event .button.arlo-register:hover,.arlo#arlo .arlo-no-results a,.arlo#arlo .arlo-no-results a:hover
 {
    background-color: #80217e;
    border-color: #e2e907b3;
}

.arlo#arlo .btn-primary:after, .arlo#arlo .button:after, .arlo#arlo .arlo-show-more-link:after, .arlo#arlo .arlo-no-results a:after, .arlo#arlo .arlo-online-activity a.button:after, .arlo#arlo .arlo-online-activity a.button:focus:after {
    content: none;
}

.arlo#arlo .selectize-control.single .selectize-input.full, .arlo#arlo .arlo-filters select, .arlo#arlo .arlo-filters-buttons .button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #FFB700;
    color: #80217e;
}

.arlo#arlo {
    padding: 30px 0;
}

.arlo#arlo h1, .arlo#arlo h2, .arlo#arlo h3, .arlo#arlo h4, .arlo#arlo h5, .arlo#arlo h6, .arlo .dark-tooltip, .arlo .dark-tooltip h1, .arlo .dark-tooltip h2, .arlo .dark-tooltip h3, .arlo .dark-tooltip h4, .arlo .dark-tooltip h5, .arlo .dark-tooltip h6, .tingle-modal.arlo h1, .tingle-modal.arlo h2, .tingle-modal.arlo h3, .tingle-modal.arlo h4, .tingle-modal.arlo h5, .tingle-modal.arlo h6 {
    font-weight: 500;
}

.arlo#arlo p {
    font-weight: 400;
}

.arlo#arlo .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Filters */

.arlo#arlo .filter-toggle div {
    color: #80217e;
}

.arlo#arlo .arlo-event-template-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.arlo#arlo.arlo-sm .arlo-filters select, .arlo#arlo.arlo-sm .arlo-filters-buttons .button, .arlo#arlo.arlo-sm .arlo-filters-buttons {
    width: auto;
}

.arlo#arlo #filters .arlo-filters, .arlo#arlo .arlo-timezone-selector {
    margin: 0 0 10px;
}

.arlo#arlo .arlo-timezone-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arlo#arlo .arlo-timezone-selector p {
    margin-bottom: 0;
}

.arlo#arlo.arlo-xs .arlo-filters select {
    margin-right: 5px;
}

.arlo#arlo .checkbox-filter label, .arlo#arlo .radio-filter label, .arlo#arlo .arlo-category-list li a {
    color: #80217E;
}

@media screen and (max-width: 768px) {
    .arlo#arlo .arlo-event-template-filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .arlo#arlo.arlo-xs .arlo-filters select {
        width: 100%;
        margin-right: 0;
    }
    .arlo#arlo .arlo-timezone-selector {
        padding: 10px;
    }
    .arlo#arlo.arlo-sm .arlo-timezone-selector form select {
        height: auto;
    }
}

/* Catalogue */

.arlo#arlo .catalogue-item .template-details {
    border-left-color: #80217e;
}

.arlo#arlo .template-details .name a {
    font-weight: 600;
}

.arlo#arlo .catalogue-item .button {
    padding: 0;
    background: transparent;
    color: #80217e;
    border: none;
    line-height: 1.5;
}

.arlo#arlo .catalogue-item .button a {
    color: #80217e;
}

.arlo#arlo.arlo-xs .catalogue-item .template-details .btn-expand.mobile {
    visibility: visible !important;
}

/* Event list */

.arlo#arlo .event-card {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.arlo#arlo .btn, .arlo#arlo .button {
    line-height: 1;
    border-width: 2px;
}

.arlo#arlo .event-card .card-back .btn {
    padding: 12px 24px;
}

.arlo#arlo .event-card .card-back .arlo-event-registration .arlo-register {
    background: white;
    color: #80217e;
}

.arlo#arlo .event-card .card-back .arlo-event-registration .arlo-waiting-list {
    padding: 12px;
    background: white;
    color: #80217e;
}

.arlo#arlo .event-card .card-back .arlo-event-registration .arlo-register, .arlo#arlo .event-card .card-back .arlo-event-registration .arlo-waiting-list, .arlo#arlo .event-card .card-back .arlo-event-registration .arlo-register:hover, .arlo#arlo .event-card .card-back .arlo-event-registration .arlo-waiting-list:hover {
    border: 2px solid white;
}

.arlo#arlo .event-card .card-back .buttons .btn {
    padding: 12px 24px;
}

.arlo#arlo .event-card .card-back a.btn:hover {
    color: #80217e;
}

.arlo#arlo .event-card .card-front .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.arlo#arlo .event-card .card-front .arlo-event-registration {
    margin-bottom: 0;
    margin-right: 10px;
}

.arlo#arlo .event-card .card-front .btn {
    width: auto;
    padding: 12px 24px;
}

.arlo#arlo .event-card .card-front .button:hover {
    border: 2px solid #80217e;
}

.arlo#arlo .event-card .card-front .btn:hover {
    border: 2px solid #f0f0f0;
    color: #80217e;
}

.arlo#arlo .event-card .card-front .location .icon {
    padding-top: 0;
}

.arlo#arlo .btn-secondary-alt:after {
    content: none;
}

/* Event template */

.arlo#arlo h2.arlo-title {
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
}

.arlo#arlo .arlo-header {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 40px;
    padding: 20px;
    background-image: -o-linear-gradient(260deg, #80217E 19%, #000000 100%);
    background-image: linear-gradient(190deg, #80217E 19%, #000000 100%);
    color: white;
}

.arlo#arlo .arlo-header .arlo-header-summary, .arlo#arlo .arlo-header .arlo-header-content {
    max-width: 1000px;
    margin: auto;
    font-size: 15px;
    font-weight: 400;
}

.arlo#arlo .arlo-header .arlo-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.arlo#arlo .arlo-header .arlo-header-content .arlo-event-template-thumbnail {
    max-width: 60%;
    margin-bottom: 20px;
}

.arlo#arlo .arlo-header .arlo-header-content .arlo-event-template-summary-and-al {
    padding: 0 20px;
}

.arlo#arlo .arlo-header .arlo-advertised-duration, .arlo#arlo .arlo-header .arlo-advertised-price {
    line-height: 1.5;
}

.arlo#arlo .arlo-header .arlo-advertised-duration, .arlo#arlo .arlo-header .arlo-advertised-price, .arlo#arlo .arlo-header .arlo-advertised-presenters, .arlo#arlo .arlo-header .arlo-event-template-credits .banner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.arlo#arlo .arlo-header .arlo-header-content .fas {
    width: 32px;
    font-size: 26px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .arlo#arlo .arlo-header .arlo-header-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .arlo#arlo .arlo-header .arlo-header-content .arlo-event-template-thumbnail, .arlo#arlo .arlo-header .arlo-header-content .arlo-event-template-summary-and-al {
        width: 100%;
        max-width: 100%;
    }
}

.arlo#arlo .arlo-body {
    max-width: 1000px;
    margin: auto;
}

.arlo#arlo .arlo-filters select {
    padding: 12px 24px !important;
    line-height: 1.6;
}

.arlo#arlo .arlo-filters-buttons .button {
    display: none;
}

.arlo#arlo .arlo-timezone-selector {
    background: #fafafa;
    color: #626262;
}

.arlo#arlo .arlo-timezone-selector p {
    padding-right: 0;
    font-size: 14px;
}

.arlo#arlo .arlo-timezone select {
    color: #800080;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5;
}

.arlo#arlo .arlo-template-events-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.arlo#arlo .event {
    height: auto !important;
}

.arlo#arlo.arlo-event-template .arlo-template-events-list .event {
    padding: 10px;
}

@media screen and (min-width: 769px) {
    .arlo#arlo.arlo-event-template .arlo-template-events-list .event {
        flex: 1 0 30%;
    }
}

.arlo#arlo .event>.event-container {
    height: 100%;
    min-height: 1px !important;
}

.arlo#arlo:not(.arlo-xs) .events-1 .event:hover>.event-container, .arlo#arlo:not(.arlo-xs):not(.arlo-xs) .events-2 .event:hover>.event-container, .arlo#arlo:not(.arlo-xs) .events-3 .event:hover>.event-container, .arlo#arlo:not(.arlo-xs) .events-4 .event:hover>.event-container, .arlo#arlo:not(.arlo-xs) .online-activity:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 0;
}

.arlo#arlo.arlo-xs .events-1 .event .event-container, .arlo#arlo.arlo-xs .events-2 .event .event-container, .arlo#arlo.arlo-xs .events-3 .event .event-container, .arlo#arlo.arlo-xs .events-4 .event .event-container {
    padding: 35px !important;
}

.arlo#arlo:not(.arlo-xs) .events-1 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-2 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-3 .event .event-container, .arlo#arlo:not(.arlo-xs) .events-4 .event .event-container {
    z-index: 0;
}

.arlo#arlo:not(.arlo-xs) .events-1 .event.expanded .event-container, .arlo#arlo:not(.arlo-xs) .events-2 .event.expanded .event-container, .arlo#arlo:not(.arlo-xs) .events-3 .event.expanded .event-container, .arlo#arlo:not(.arlo-xs) .events-4 .event.expanded .event-container {
    z-index: 0;
    position: relative;
    width: auto;
    height: 100%;
    min-height: 100%;
}

.arlo#arlo .event-content {
    font-size: 15px;
    line-height: 1.8;
}

.arlo#arlo .event-content .event-date {
    margin-top: 0;
    margin-bottom: 15px;
    color: #80217e;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
}

.arlo#arlo .event-content .event-labels {
    position: absolute;
    z-index: 1;
    top: 0;
    left: auto;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 150px;
    overflow: hidden;
    height: 150px;
}

.arlo#arlo .event-content .arlo-event-label {
    position: absolute;
    text-align: center;
    left: 0;
    width: 200%;
    -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    margin-top: 35px;
    font-size: 13px;
    line-height: 2;
    font-weight: 800;
    text-transform: uppercase;
    background: #ffb700;
    color: #fff;
}

.arlo#arlo .event-content .arlo-event-label:nth-of-type(2) {
    -webkit-transform: translateY(20%) translateX(-20%) translateX(-35px) rotate(-45deg);
    -ms-transform: translateY(20%) translateX(-20%) translateX(-35px) rotate(-45deg);
    transform: translateY(20%) translateX(-20%) translateX(-35px) rotate(-45deg)
}

.arlo#arlo .event .arlo-list.arlo-event-offers li {
    padding-left: 0;
}

.arlo#arlo .discount, .arlo#arlo .original-price {
    color: #80217e;
}

.arlo#arlo .event .arlo-event-registration {
    text-align: center;
}

.arlo#arlo .event .arlo-event-registration p {
    text-align: center;
}

.arlo#arlo .event .arlo-event-registration .arlo-event-full {
    text-align: center;
}

.arlo#arlo .button {
    padding: 12px 24px;
    font-size: 15px;
}

.arlo#arlo.arlo-sm .arlo-event-registration .button {
    width: auto;
}

.arlo#arlo .btn-danger, .arlo#arlo .btn-danger:focus, .arlo#arlo.arlo-sm .button.arlo-waiting-list, .arlo#arlo.arlo-xs .button.arlo-waiting-list:focus, .arlo#arlo .event .arlo-waiting-list {
    color: #80217e;
    background: transparent;
    border: 1px solid #80217e;
}

.arlo#arlo .arlo-suggest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 20px 0;
    border: 1px solid #80217E;
    color: #808080;
}

.arlo#arlo .arlo-suggest-private-datelocation, .arlo#arlo .arlo-links {
    margin: 0;
    padding: 10px 30px;
    background: transparent;
}

.arlo#arlo .arlo-template-content {
    max-width: 950px;
    margin: auto;
    padding: 10px;
}

.arlo#arlo .arlo-template-content .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0;
    overflow: hidden;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field {
    position: relative;
    margin-bottom: 0;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid transparent;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field.active {
    border-color: #d4d4d4;
    border-bottom: none;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field.active:before, .arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field.active:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 999em;
    border: 1px #d4d4d4;
    border-bottom-style: solid;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field.active:before {
    right: 100%;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field.active:after {
    left: 100%;
}

.arlo#arlo .arlo-template-content .nav-tabs .arlo-content-field-name {
    font-weight: 700;
    font-size: 15px;
}

.arlo#arlo .arlo-template-content .nav-tabs :not(.active) .arlo-content-field-name a {
    color: #7e7e7e;
}

.arlo#arlo .arlo-template-content .tab-content {
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-top: none;
}

/*Support changes (ad hoc)*/

.arlo#arlo .arlo-region-selector .arlo-filter-region {
    float: none;
    border: 2px solid #FFB700;
    min-width: 1px;
}

#arlo .arlo-template-events-list .arlo-event_tags-list {
    position: absolute;
    right: -45px;
    top: 28px;
    transform: rotate(45deg);
    background: #FFB700;
    color: #fff;
    font-weight: bold;
    padding: 0 40px;
    text-transform: uppercase;
    text-align: center;
}

.arlo#arlo #courseincludes table tr td {
    padding-bottom: 10px;
}

.arlo#arlo #courseincludes table tr td img {
    padding-right: 10px;
}

.arlo#arlo .arlo-fair-pricing {
    flex: 1 0 90%;
    text-align: center;
    margin: 10px 0;
    font-weight: 700;
}

/* Testimonials */

.arlo .testimonials-block {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 10px 5px #eee
}

.arlo .testimonials-block li, .arlo .testimonials-block ul {
    list-style-type: none;
    margin: 0;
}

.arlo .testimonials-block img {
    max-width: 100px;
    text-align: center;
}

.arlo#arlo .arlo-purple-text {
    color: #80217e;
}

/* JK Testing Testimonial Styles */

.arlo .carousel-inner img {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    width: 150px;
    margin-top: 15px;
}

.arlo#arlo .carousel-inner ul>li, .arlo#arlo .carousel-inner ol>li {
    padding-left: 0px;
    margin-left: 0px;
}

.arlo#arlo .carousel-inner p {
    margin-left: 55px;
    margin-right: 55px;
}

.arlo#arlo .carousel-inner h2 {
    color: #80217e;
}

.arlo#arlo .carousel-control.right, .arlo#arlo .carousel-control.left {
    background-image: none;
}

.arlo#arlo .glyphicon-chevron-right:before, .arlo#arlo .glyphicon-chevron-left:before {
    color: #80217e;
}

/* Icon list */

.arlo#arlo #icon-list img {
    max-width: 40px;
    margin-right: 10px;
}