@media print,screen and (max-width:435px){
.staffDirectoryLister .lister-item {
        align-items: center;
        flex-flow: column;
    }
.staffDirectoryLister .lister-image {
        margin-right:0;
    }
.staffDirectoryLister .lister-content {
        text-align:center;
    }
}

@media print,screen and (max-width:465px){
    .eventsModule .right {
        display: none;
    }
    
    .lister-item.event .lister-action {
        margin: 0 auto;
    }
    .footer {
        text-align:center;
    }
    .footer .socialMenu .menu {
        justify-content:center;
    }
}
/*.expandingBoxes { justify-content: flex-start}*/
.expandingBoxes .photoBox { margin-left: auto; margin-right: auto;}
.activeBox .expandingBox  .photoBox-content .photoBox-action {
transform: translateY(0); margin-top: 0;
}

.photoBox>.photoBoxBg:after {
    background: none;
}
.photoBox:hover>.photoBoxBg:after {
    background-image: linear-gradient(180deg,transparent,#001f46);
}

@media screen and (min-width: 60em) {
    .programsModule .photobox {
        height: 40vh;
        width: 40vh;
        max-height: 350px;
        max-width: 350px;
    }
}
/*BLUE STYLES*/
table.noTableBorder  {
    border-collapse: inherit;
    border:none;
}
.noTableBorder  tbody, tr, td{
    border:none;
}

a.sea, button.sea {background:#00aeba;color:#fff;}
a.agate, button.agate {background:#00b44e;color:#fff}
a.lime, button.lime {background:#6ed549;color:#fff}
a.poppy, button.poppy {background:#ff5859;color:#fff}
a.garnet, button.garnet {background:#d7106d;color:#fff}
a.amethyst, button.amethyst {background:#b416ab;color:#fff}
a.brown, button.brown {background:#716258;color:#fff}
a.iris, button.iris {background:#a97ac8;color:#fff}



.myAccountLinks .myAccountBox {background:#f9f9f9;}
.myAccountLinks .myAccountBox h5 {color:#222;}
#freedomCompanySelect {
    font-size:2rem; 
    font-family:acumin-pro-condensed,sans-serif;
    background-color:#fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28155, 155, 155%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 11px 8px;
border: none;
width: auto;
height: auto;
border-bottom: 1px solid #ddd;
padding-left: 0;
margin: 0px 0 6px 10px;
}

.data-table th {background:#001f46; color:#fff; text-align:left; font-size:14px;}
.data-table td {font-size:13px;}
.data-table td.date {font-weight:400;}
.data-table tr:nth-child(odd) td {background:#f2f2f2;}
.reveal .table-wrapper {width:100%;overflow:scroll;}
.reveal.wider {max-width:860px; width:100%;}
.no-course, .no-res, .no-voucher {display:none;}
@media screen and (max-width: 700px) {
    .data-table td {display:block; width:100%;}
    .data-table th {display:none;}
    .data-table td:before {content:''; margin-right:5px; display:inline-block; font-weight:bold;}
    .data-table td.name:before {content:'Name:';}
    .data-table td.email:before {content:'Email:';}
    .data-table td.course:before {content:'Course:';}
    .data-table td.ticket:before {content:'Ticket Type:';}
    .data-table td.price:before {content:'Price:';}
    .data-table td.status:before {content:'Status:';}
    .data-table td.date:before {content:'Date:';}
    .data-table td.reservation:before {content:'Reservation:';}
}