.hpsection.hpblue, .row_cell.blueblock {
    background: #8fcce1 !important;
}
.row_cell.blue, .hpopendays {
    background: #89c5d8!important;
    color: black;
}
.row_cell.orange2 {
    background: #f1b26d!important;
    color: black;
}
.row_cell.green {
    background: #89ca8a!important;
    color: black;
}
.timeline a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.hpopendays li a:before, .hpopendays li a, .hpopendays li:before{
    color: black!important;
}
.btn.btn-main{
    background: #89c5d8!important;
    border-color: #89c5d8!important;
    color: black;
}
.btn.btn-main:hover{
    color: black;
}
.gradientBorder {
    background: linear-gradient(45deg, rgb(244,170,115), rgb(137,205,228), rgb(0,143,104));
    height: 20px;
    width: 100%;
    display: block;
}
.timeline-text.finish{
    opacity: 0.5;
}
.timeline-text a{
    color:#4c7c8b!important;
    text-decoration: underline;
}
.gradientBorder.small {
    height: 10px;
}
a .text-colour {
    text-decoration: underline;
}
#classof .row_cell h2{
    font-size: 16px;
}
#classof .row_cell h2 span{
    font-size: 14px;
    font-weight: 400;
}
.scroller img{
    max-width: 150px;
    margin: 10px;
}
.exhibitor-box{
    border: 1px solid #E5E3E1;
    margin-top: 15px;
}
.exhibitor-box p, .exhibitor-desc p{
    text-align: left!important;
}
.exhibitor-desc{
    background: #E5E3E1;
    padding: 15px 20px 15px 20px;
}

.exhibitor-desc p{
    margin-bottom: 0;
}

.exhibitor-box {
    display: none;
    position: relative;
}
.exhibitor-box.show {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}
.pre-recorded h4{
    color: white;
}
.exhibitor-logo img{
    max-width: 180px;
    margin-bottom: 5px;
}

.exhibitor-logo a:hover{
    transform: scale(1.10);
    transition: 0.2s ease-in;
}

.subject-row ul{
    margin: 0 0 20px 0;
    padding: 0;
}

.subject-row ul li{
    display: inline;
    font-size: 12px;
}

.subject-row ul li.label{
    padding: 3px 5px;
    margin: 0 2px;
}

.subject-row ul li.label.all{
    background: #89c5d8;
}

.subject-row ul li.label.engineering{
    background: #6c2787;
    color: white;
}
.subject-row ul li.label.tuibs{
    background: #08213d;
    color: white;
}
.subject-row ul li.label.shls{
    background: #04767e;
    color: white;
}
.subject-row ul li.label.ssshl{
    background: #086faf;
    color: white;
}
.subject-row ul li.label.default{
    background: #867537;
    color: white;
}
.subject-row ul li.label.creative{
    background: #ff6132;
    color: black;
}
@media only screen and (min-width: 45em){
    .subject-row ul{
        margin: 5px 0;
        padding: 0;
        text-align: right;
    }
}

.subject-row p{
    margin-bottom: 0;
}

.exhibitor-title{
    margin-bottom: 0; 
}

.exhibitor-title h3{
    margin-bottom: 5px; 
    margin-top: -5px;
    display: flex;
}

.exhibitor-title h3 a{
    text-decoration: underline;
}

.exhibitor-title h3 a:hover{
    text-decoration: underline;
    opacity: 0.8;
}

.exhibitor-info p{
    margin-bottom: 0;
}
.row.exhibitor-info .row{
    margin-bottom: 5px!important;
}
.exhibitor-info p span{
    background: #E5E3E1;
    font-size: 14px; 
    padding: 1px 7px;
    margin: 0;
}
/* filter sections 
================================================== */

.filter-section{
    background-color: #333333;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

.filter-section .overview-bar__header {
    display: none;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: 100%;
    min-width: 0;
}

.filter-section .overview-bar__header h3{
    margin: 8px;
    font-size: 1.6rem;
    padding-top: 2px;
    padding-right: 15px;
}

.filters__content .filter-item {
    position: relative;
    border: 1px solid rgba(160,143,125,0.4);
    cursor: pointer;
    margin: 10px 0;
    background: #f3f3f3;
}

.filter-item__options{
    width: 100%;
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    background: #f3f3f3;
    z-index: 10000000;
    padding: 2px;
    box-sizing: border-box;
}

.filter-item:hover .filter-item__options{
    display: block;
}

.filter-item__heading{
    font-weight: 100;
    padding: 11px 20px;
    margin-bottom: 0!important;
    font-size: 1.6rem!important;
}

.filter-item__heading i.orange{
    color: #26235D;
    float: right;
}

/* Style the buttons */
.filter-item__options .btn {
    border: none;
    outline: none;
    padding: 5px 8px;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 100;
    cursor: pointer;
    background: transparent;
    color: #181818!important;
    border-bottom: 1px solid rgba(160,143,125,0.4);
    margin: 0;
}

.filter-item__options .btn.active{
    background: #26235D;
    color: white!important;
}

.filter-item__options .btn:last-child{
    border:none;
}

/* Add a light grey background on mouse-over */
.filter-item__options .btn:hover {
    color: #333!important;
    background: #E5E3E1;
}

@media only screen and (min-width: 45em){
    .filters__content .filter-item {
        width: 32.5%;
        display: inline-block;
        margin: 0;
    }

    .filters__content .filter-item.item-business {
        width: 49%;
    }
}