body {
    background-color: #fff;
    /* Suppress any default background image in the main css */
    background-image: none;
}

#embed-calendar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#embed-title {
    margin-top: 20px;
}

#embed-title a:hover {
    text-decoration: none;
}

#embed-title img {
    width: 200px;
    height: auto;
}

/* Override heights for the larger calendar view. We set max-height as well to
   override the value coming from the standard css file. */

.calendar-entity-field .details {
    height: 230px !important;
    max-height: 230px !important;
}

@media (min-width: 1200px) {
    .calendar-entity-field .details {
        height: 403px !important;
        max-height: 403px !important;
    }
}

.calendar-event-details {
    height: 465px;
}

/* Placeholder - Fits a 6 week month-view calendar */
.calendar-placeholder {
    min-height: 514px;
}