/* ======================================================= */
/* ==== CUSTOM CSS FOR CALENDAR SECTION HOME BLUNOTE ==== */
/* ===================================================== */
#home-calendar{
    padding-top: 60px;
}
#home-calendar h2 {
    text-transform: inherit !important;
    font-size: 1.5em !important;
}
#home-calendar h2 a {
    color: #CCA94D !important;
}
#home-calendar h2 a:hover {
    color: #123551 !important;
}
.row.content.box.blue {
    /*background-color: #E2DDD7 !important;*/
}
.calendar-compact > ul:after {
    content: ".";
    display: block;
    visibility: hidden;
}
.calendar-compact {
    /*width: 99%;
    margin: 0.5%;*/
    background-color: #E2DDD7 !important;
    padding:10px;
}
.calendar-compact > ul.clearfix {
    list-style: none outside none;
    padding: 0;
    margin-bottom: 2px;
    background: #f7f4ed !important;
}
.calendar-compact > ul, .calendar-compact > ul li {
    list-style: none;
}
.calendar-compact > ul li{
    float: left;
}
.day-name {
    background: none repeat scroll 0 0 white;
    color: #123551 !important;
    font-family: 'Playfair Display',serif !important;
    font-size: 2.7em;
    height: 110px;
    line-height: 1;
    margin-right: 2px;
    padding: 1%;
    text-align: center;
    text-transform: lowercase;
    width: 12%;
}
.calendar-compact .day-name span {
    display: block;
    text-align: center;
}
span.today-label{
    color: #cca94d !important;
    font-size: 2rem;
}
.today {
    border: solid 6px #cca94d !important;
}
.day-name > span {
    color: #666;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 0.4em;
    text-align: center;
    text-transform: uppercase;
}
.calendar-compact .sunday {
    border: 3px solid;
    color: #920000 !important;
}
.calendar-compact .sunday .week{
    color: #920000 !important;
}
.day-name > span.week {
    color: #123551;
    font-family: 'Playfair Display', serif !important;
    text-align: center;
    text-transform: lowercase;
}
.event-item {
    text-align: left;
    font-family: 'Playfair Display', serif !important;
}
.event-item.one {
    width: 80%;
}
.event-item.two {
    width: 45%;
}
.event-item.three {
    width: 30%;
}
.attachment-thumbnail-small.wp-post-image {
    height: 110px;
    margin-right: 10px;
    width: auto;
}
.event-item a {
    display: block;
    float: left;
    font-family: 'Playfair Display', serif !important;
    color: #444444;
    text-transform: capitalize;
    font-size: 1.7rem;
}
.event-item h3 a:hover {
    color: #CCA94D !important;
}
.event-item a .bnm-calendar-compact-time{
    color: #cca94d !important;
}
span.bnm-calendar-compact-time {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #444444 !important;
    display: block;
    margin: 0 0 4px;
    padding: 2px;
    text-align: left;
    width: auto !important;
    font-family: 'Playfair Display', serif !important;
}
.event-item .event-thumb {
    float: left;
    max-width: 40%;
}
.event-item h3 {
    float: left;
    width: 59%;
    margin-bottom: 0;
    padding: 0 0 0 1%;
}

/****************************************************************/
/*                       ANIMATED ARROW                        */
/**************************************************************/

@-webkit-keyframes wave{
    0% {-webkit-transform: translate(0, 0);}
    50% {-webkit-transform: translate(0, 10px); -webkit-animation-delay:2s; }
    100% {-webkit-transform: translate(0, 0);}
}
@keyframes wave{
    0% {transform: translate(0, 0);}
    50% {transform: translate(0, 10px); animation-delay:2s;}
    100% {transform: translate(0, 0);}
}
@-moz-keyframes wave{
    0% {-moz-transform: translate(0, 0);}
    50% {-moz-transform: translate(0, 10px); -moz-animation-delay:2s;}
    100% {-moz-transform: translate(0, 0);}
}
@-o-keyframes wave {
    0% {-o-transform: translate(0, 0);}
    50% {-o-transform: translate(0, 10px); -o-animation-delay:2s;}
    100% {-o-transform: translate(0, 0);}
}
.wave{
    animation: 2.5s ease-out 0s normal none infinite wave;
    -o-animation: 2.5s ease-out 0s normal none infinite wave;
    -webkit-animation: 2.5s ease-out 0s normal none infinite wave;
    -moz-animation: 2.5s ease-out 0s normal none infinite wave;
    text-align: center;
    z-index: 75;
    display: block;
    margin: 5px auto;
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Page Programmazione */
.page-program .pagetitle strong {
    display: block;
    font-size: 4rem;
}
.page-program #today-link{
    display: inline-block;
    border: solid;
    padding: 1%;
}
.page-program .bnm-calendar-toolbar {
    padding: 0 !important;
}
.page-program .bnm-calendar-toolbar a {
    border: 3px solid #cdaa4e;
    /*float: left;*/
    line-height: 2;
    list-style: none outside none;
    margin: 0 20px 0 0;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}
.calendarNavigation{
    text-align: center;
    margin: 30px 0;
}
.calendarNavigation a{
    border: 1px solid;
    font-family: 'Playfair Display',serif !important;
    font-size: 0.7em;
    padding: 3px 5px;
    text-transform: uppercase;
}
.calendarNavigation a.arrow {
    background: none repeat scroll 0 0 #eee;
    border: medium none;
    font-size: 1.2em;
}
.calendarNavigation a.year {
    border: medium none;
    color: #123551 !important;
    font-size: 1.3em;
}
.calendarNavigation a.year{
    /*display: none;*/
}
.calendarNavigation a.current{
    background-color: #123551;
    color: #fff!important;
    font-size: 1.2em;
    padding: 10px;
    display: inline-block!important;
}
.calendarNavigation a:hover{
    background-color: #123551;
    color: #fff!important;
}
.event-item .wpdk-tooltip {
    background: none repeat scroll 0 0 #fff;
    clear: both;
    font-size: 0.95em !important;
    font-weight: bold;
    line-height: 1.3;
    margin: 2px 0;
    max-width: 100%!important;
    padding: 3px 20px!important;
    text-align: right;
    width: 110px;
    color: #f8f8f8;
}
.event-item .bnm-event-warehouse{
    background: #276482 url('../../images/bluenotemilano-ticket-icon.svg') no-repeat 5% 50%;
    background-size: auto 100%;
}
.event-item .bnm-event-dinner-reservation{
    background: #cca94d url('../../images/bluenotemilano-dinner-icon.svg') no-repeat 5% 50%;
    background-size: auto 100%;
}
.event-item .bnm-event-reservation{
    background: #0CA6B0 url('../../images/bluenotemilano-seat-icon.svg') no-repeat 5% 50%;
    background-size: auto 100%;
}
@media (max-width: 640px) {
    body .day-name{
        width: 100%;
        height: 65px;
        float: none;
    }
    body .calendar-compact .day-name span{
        display: inline-block;
    }
    body .day-name > br{
        display: none;
    }
    body .calendar .events-list{
        display: block;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    body .events-list{
        padding-left: 0 !important;
    }
    body .events-list .event-item {
        width: 100% !important;
        border-bottom: 1px dashed #ccc;
    }
    body .events-list .event-item:last-child {
        border-bottom: none;
    }
}
@media screen and (max-width: 320px) {
    #home-calendar h3 a.cursive {
        display: inline-block;
        font-size: 0.9em !important;
        padding: 15px !important;
    }
}