.alt-color
{
    color:var(--master_primary);
}

.alt-bg
{
    background-color:var(--master_primary);
}


.alt-font
{
    font-family:Gloria Hallelujah;
    font-weight:bold;
    text-transform:lowercase;
}

.transition-fade
{
    transition: 0.4s;
    opacity: 1;
}

html.is-animating .transition-fade
{
    opacity: 1;
    transform:translateY( 5px );
}

html.is-leaving .transition-fade
{
    opacity:0;
    transform:translateY( 5px );
}

html.to-previous-page.is-animating .transition-fade
{
    opacity: 1;
    transform:translateX( -5px );
}

html.to-previous-page.is-leaving .transition-fade
{
    opacity:0;
    transform:translateX( 50px );
}

html.to-next-page.is-animating .transition-fade
{
    opacity: 1;
    transform:translateX( 10px );
}

html.to-next-page.is-leaving .transition-fade
{
    opacity:0;
    transform:translateX( -50px );
}

.calendar-carousel .calendar-item,
.calendar-carousel .calendar-item .month,
.calendar-carousel .calendar-item .year
{
    transition:300ms ease all;
}

.calendar-carousel .calendar-item
{
    border-top:1px solid #fff4f4;
    border-bottom:1px solid  #fff4f4;
    border-left:1px solid  #fff4f4;
    border-radius:2px;
    cursor:pointer;
    padding:30px 20px;
}

.calendar-carousel .owl-item:last-child .calendar-item
{
    border-right:1px solid  #fff4f4;
}

.calendar-carousel .calendar-item .month,
.calendar-carousel .calendar-item .year
{
    text-align:center;
    color:var(--light_grey);
}

.calendar-carousel .calendar-item .month
{
    font-size:35px;
    font-weight:100;
    text-transform:uppercase;
    font-family:Montserrat;
    font-weight:100;
}

.calendar-carousel .calendar-item .year
{
    font-family:Montserrat;
    font-size:11px;
}

.event-ticket
{
    padding:40px;
    border-radius:5px;
    background: white;
    margin:10px 0px;
    width:calc( 100% - 30px );
    position:relative;
    border: 1px solid #fff4f4;
}

.event-ticket:after
{
    content:'';
    position:absolute;
    right:-30px;
    width:30px;
    height:90%;
    top:5%;
    background-color: var(--master_secondary);
    border-radius: 0px 5px 5px 0px;
}

.event-ticket.not-available:after
{
    background-color: #f1f1f1;
}

.event-ticket:before
{
    content:'';
    position:absolute;
    height:35px;
    width:30px;
    top:50%;
    transform:translateY( -50% );
    right:-55px;
    background-color:white;
    border-radius: 50%;
    z-index:9;
}

.event-ticket .ticket-icon
{
    margin-right:40px;
    width:50px;
}

.event-ticket .ticket-left
{
    max-width:800px;
    padding-right:70px;
}

.calendar-carousel .calendar-item.active,
.calendar-carousel .calendar-item:hover
{
    background-color: #fdfbfb;
}

.calendar-carousel .calendar-item.active .month,
.calendar-carousel .calendar-item:hover .month
{
    color:var(--master_primary);
}

.calendar-carousel .calendar-item.active .year,
.calendar-carousel .calendar-item:hover .year
{
    font-weight:bold;
    color:black;
}

.calendar-carousel .owl-stage-outer
{
    border-right: 1px solid #fff4f4;
    margin-bottom:20px;
}

.form-send-select[name=order]
{
    width:100%;
    width:320px;
}

.fake-select
{
    cursor:pointer;
    padding:10px 50px 10px 10px !important;
    border:none !important;
    width:220px !important;
}

.fake-select .dropdown-menu
{
    width:100%;
    padding:10px 15px;
}

.fake-select .dropdown-menu li
{
    font-size:12px;
    padding:5px 0px;
}

.fake-select-text
{
    opacity: 0.8;
    font-size: 15px;

}

.event
{
    padding:2px !important;
}

.event-tag
{
    border-radius:15px;
    padding:3px 15px;
    font-size:10px;
    background-color:#f7f7fc;
    text-transform: lowercase;
}

 #event-map
{
    height:400px;
}

.owl-dots
{
    display:flex;
    justify-content: center;
    height:50px;
    align-items: center;
}

.events-carousel .owl-nav
{
    position: relative;
    width: 100%;
    top: 15px;
}

.event-card-footer
{
    border-radius: 0px 0rem 1rem 1rem;
    text-align: center;
    border: 1px solid #fff4f4;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    background: white;
}

.event-card img
{
    border-radius: 1rem 1rem 0px 0px;
}

.owl-dots .owl-dot
{
    height:12px;
    width:12px;
    border-radius:50%;
    margin:4px;
    margin-top:25px;
    transition:300ms ease all;
    background:#f7f7fc !important;
}

.owl-dots .owl-dot.active
{
    background:var(--master_primary) !important;
    height:22px;
    width:22px;
}

.event-short-description
{
    font-size: 0.9em;
    max-width: 700px;
}

.event-tag.tag-rock
{
    color:white;
    background-color:#7e496a;
}

.event-tag.tag-musica-classica
{
    color:white;
    background-color:#5757df;
}

.event-tag.tag-commerciale
{
    color:white;
    background-color:#cf5050;
}

.event-tag.tag-rap
{
    color:white;
    background-color:#dfa224;
}


.event-tag:not(:last-child)
{
    margin-right:4px;
}

.calendar-carousel,
.events-carousel
{
    padding:0px 40px;
}

.subtitle
{
    font-size:14px;
}

.pagination-total-results
{
    display:inline-block;
    border-radius:50%;
    color:White;
    width:25px;
}

.calendar-carousel .owl-prev,
.calendar-carousel .owl-next
{
    position:absolute;
    border-radius:50%;
    top:50%;
    transform:translateY( -50% );
}

.events-carousel .owl-prev,
.events-carousel .owl-next
{
    position:absolute;
    border-radius:50%;
    background:#f7f7fc !important;
    width:40px;
    height:40px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.calendar-carousel .owl-prev,
.events-carousel .owl-prev
{
    left:0px;
}

.calendar-carousel .owl-next,
.events-carousel .owl-next
{
    right:0px;
}

.calendar-carousel .owl-prev img,
.calendar-carousel .owl-next img
{
    height:30px;
}

.events-carousel .owl-prev img,
.events-carousel .owl-next img
{
    height:20px;
}

.owl-carousel .event
{
    width:100% !important;
    max-width:100% !important;
}

.event-slider p
{
    max-width:600px;
    text-align:center;
}


/* ------ ARLO CSS ------- */

.product.event {
    display: flex;
    align-items: center;
}

.product.event > .event-info {
    text-align: center;
    background-color: white;
    flex: auto;
}

.product.event > .event-cover {
    width: 75%;
}

.product.event > .event-cover > .event-card-title{
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    color: white;
}

.product.event > .event-info > .start-date{
    display: flex;
    flex-direction: column;
}

.event-date{
    font-size: 150%;
    line-height: 27px;
}

.event-date .micro{
    font-size: 150%;
}





/* ------ ARLO CSS ------- */

@media( max-width:768px )
{
    #event-map
    {
        height:250px;
    }
}