/*
 * #7C0C0F logo maroon
 */
body {
    background: #FFF;
    font-size:140%
}

.event-list {
    /*background: #0F0F0F;*/
}

.ui.maroon.button, .ui.maroon.buttons .button {
    background-color: #7C0C0F;
    color: #FFF;
}

h1.ui.header {
    font-size: 2em;
}

h1.white {
    color:white;
}

.print-address,
.print-address a {
    color:#7C0C0F !important;
}


/* Visibility */
@media only screen and (min-width: 767px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (min-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile { display: none !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: inline-block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
    .show-on-mobile { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (min-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 767px) {
    .show-on-mobile { display: inline-block !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: none !important; }
}

/* BLOCK Visibility */
@media only screen and (min-width: 767px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (min-width: 1058px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-tablet-block { display: block !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 1058px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-tablet-block { display: none !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile-block { display: none !important; }
    .hide-on-tablet-block { display: none !important; }
    .hide-on-desktop-block { display: block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (min-width: 1058px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-tablet-block { display: none !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 1058px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-tablet-block { display: block !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 767px) {
    .show-on-mobile-block { display: block !important; }
    .show-on-tablet-block { display: block !important; }
    .show-on-desktop-block { display: none !important; }
}



.event-item {
    clear: both;
    margin-top: 10px;
}
.event-item .primary.button {
    margin: 1em auto;
}
.event-item .date-and-button {
    float: left;
    padding-top: 4px;
    width: 100px;
}
.event-item .date-box {
    background: transparent url("/images/u/events/date-box.png") no-repeat scroll 0 0 / 100px 125px;
    color: #08284f;
    min-width: 100px;
    padding-bottom: 12px;
    text-align: center;
}
.event-item .date-box .day-number {
    font-size: 46px;
    line-height: 42px;
    margin-bottom: 7px;
    margin-top: 8px;
}
.event-item .date-box .month-year {
    font-size: 10px;
    line-height: 9px;
    margin-bottom: 7px;
    margin-top: 4px;
}
.event-item .date-box .day-name {
    color: #7C0C0F;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
}
.event-item .date-box .time {
    font-size: 15px;
    line-height: 15px;
}
.event-item .data-box {
    float: left;
    margin-left: 0;
}
.event-item .data-box table {
    margin-bottom: 0;
}
.event-item .text-box {
    float: left;
    margin-left: 10px;
    width: 359px;
}
.event-item .title-box {
}
.event-item .title-box .flag {
    margin-top: -5px;
    width: 48px;
}
.event-item .title-box .book-now {
    margin-top: -4px;
    width: 48px;
}
.event-item .title-box .title-text {
    color: #002964;
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin-left: 5px;
}
.event-item .title-box .event-type {
    color: #009;
}
.event-item .title-box .download-title {
}
.date-and-city {
    font-weight: bold;
}
.event-item .date-and-city a {
    clear: both;
    color: #002964;
    font-size: 13px;
    margin-bottom: 5px;
}
.event-item .snippet {
    color: #002964;
}
.event-item .icon-box {
    float: left;
    height: 100%;
    width: 31px;
}
.event-item .info-item {
    clear: both;
}
.event-item .info-item .label {
    float: left;
    width: 70px;
}
.event-item .info-item .data {
    color: #002964;
    float: left;
    width: 280px;
}