/* Customer specific overrides - should be as minimal as possible, e.g. images and colours */

body {
    color: #6f7072;
    background-color: #EBEBEB;
}

a {
    color: #fabb00;
}

h1, h2, h3, h4, h5, h6 {
    color: #6f7072;
}

.toggle-menu {
    background-color: #333333;
}

.section-wrapper.header .section {
    background: transparent url('../../images/custom/hoge/hoge-header-xl.png') no-repeat top center;
    height: 210px;
}

.marketing-website-link {
    float: right;
    margin: 9px 10px 0 0;
    text-align: right;
}

    .marketing-website-link a {
        text-transform: uppercase;
        color: #FFF;
    }

@media only screen and (max-width: 995px) {
    .section-wrapper.header .section {
        background: transparent url('../../images/custom/hoge/hoge-header-lg.png') no-repeat top center;
        height: 176px;
    }
}

@media only screen and (max-width: 767px) {
    .section-wrapper.header .section {
        background: transparent url('../../images/custom/hoge/hoge-header-md.png') no-repeat top center;
        height: 115px;
    }

    .marketing-website-link {
        margin-top: 7px;
        max-width: 50%;
    }

        .marketing-website-link a {
            font-size: 13px;
        }
}

@media only screen and (max-width: 480px) {
    .section-wrapper.header .section {
        background: transparent url('../../images/custom/hoge/hoge-header-sm.png') no-repeat top center;
        height: 112px;
    }

    .marketing-website-link {
        max-width: 60%;
    }
}

.section-wrapper.top-menu {
    display: none;
}

.section-wrapper.content {
    background-color: #EBEBEB;
}

    .section-wrapper.content .section {
        background-color: #FFFFFF;
        padding: 0 10px;
        min-height: 400px;
        border-radius: 4px;
    }

.section-wrapper.footer {
    background-color: #EBEBEB;
}

    .section-wrapper.footer .section {
        background-color: #2B2B2B;
        border-top: 5px solid #fabb00;
        color: #7d7d7d;
        text-align: center;
        font-size: 13px;
        padding: 10px 0;
    }

.side-menu {
    background-color: #6f7072;
    border-radius: 4px;
}

    .side-menu ul {
        /*margin: 10px;*/
    }

        .side-menu ul li {
        }

            .side-menu ul li a {
                padding: 10px 0 10px 20px;
                color: #ffffff;
                text-transform: uppercase;
                font-size: 14px;
            }

            .side-menu ul li a:hover {
                background-color: #333333;
            }

.bordered-box {
    background-color: #FFF;
    border-radius: 4px;
}

.error-text,
.info-text {
    border-radius: 4px;
}

.form-fieldset-legend {
    background-color: #6F7072;
    border-radius: 4px;
}

/*
.event-listing
  .event-item
    .event-heading
    .performance-listing
      .performance-item
        .buy-tickets
.event-listing-xs
  .event-item-xs
    .event-heading-xs
.event-image-xs
*/

.performance-listing {
    margin-left: 10px;
}

.event-item-xs {
    margin-bottom: 20px;
}

.event-image-xs {
    border-radius: 5px;
}

.LabelMenu {
    /*background-color: #6F7072;*/
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 4px;
}

input[type="button"],
input[type="submit"],
.button-primary,
.button-secondary {
    background-color: #333333;
    color: #FFF;
}

.standard_grid th {
    background-color: #6F7072;
    color: #FFF;
}

.standard_grid td {
    background-color: #FFF;
}

.standard_grid .alt td {
    background-color: #F8F8F8;
}

@media only screen and (max-width: 767px) {
    .standard_grid.responsive td:before {
        background-color: #6F7072;
        color: #FFF;
    }
}

.search-by-day .ui-datepicker .ui-widget-header {
    background: none #333333;
}

.search-by-day table.ui-datepicker-calendar thead {
    background-color: #333333;
}

.search-by-dialog,
.search-by-dialog .ui-dialog-content,
.search-by-dialog .ui-widget-content {
    background: none #333333 !important;
}

.cookieAlertBox {
    background-color: #EBEBEB;
}