@media (min-width: 768px){
    .calendarModal .modal-box{
        top: 50%;
        transform: translateY(-50%);
   }
    .calendarModal .modal {
        padding: 0px !important;
   }
    .calendarModal .modal__inner {
        display: block;
   }
    .calendarModal .modal__content {
        display: flex;
   }
    .calendarModal .modal-box {
        width: 100%;
        height: 100%;
        max-width: 450px;
        display: flex;
        flex-direction: column;
   }
    .calendarModal .modal-box__top {
        padding: 25px 50px 25px 12px;
   }
    .deals-list-modal.calendarModal .modal-box__content {
        height: 100%;
        padding-bottom: 120px;
        position: relative;
   }
    .calendarModal .modal--wide .modal-box__content, .modal[data-modal-wide] .modal-box__content {
        padding: 12px;
   }
    .calendarModal .modal-box__content{
        max-height:none;
   }
    .calendar-view__modal-link:not(.calendar-view__modal-link--desktop){
        display:none;
   }
    .calendar-view--mobile-calendar .date-list-select__lowest-price {
        font-size: 1.6em;
        height: 50%;
        color: #fff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
   }
    .date-list-select__more {
        text-decoration: underline;
        display: none;
        padding: 0.5em;
   }
    .calendar-view--mobile-calendar .date-list-select__date-full {
        display: none;
   }
    .calendar-view--mobile-calendar .date-list-select__date-number {
        display: block;
        height: 50%;
        padding: 0.5em;
   }
    .calendar-view--mobile-calendar .date-list-select__date {
        height: 100%;
        padding: 0;
   }
    .calendar-view--mobile-calendar .calendar-view__dates {
        padding: 0.5em;
   }
    .calendar-view--mobile-calendar .calendar-view__date--blank .date-list-select {
        border: none;
   }
    .calendar-view--mobile-calendar .calendar-view__date--empty .date-list-select {
        background-color: #f5f5f5;
        color: #ccc;
        height: 100%;
   }
    .calendar-view--mobile-calendar .calendar-view__date--blank .date-list-select__lowest-price {
        display: none;
   }
    .calendar-view--mobile-calendar .calendar-view__date--empty .date-list-select__lowest-price {
        display: none;
   }
    .calendar-view--mobile-calendar .date-list-select__lowest-price {
        display: none;
   }
    .calendar-view--list .calendar-view__date {
        padding-bottom: 0px;
   }
    .calendar-view--mobile-calendar .date-list-select {
        margin-bottom:10px;
   }
    .calendar-view--list .calendar-view__date:after {
        display: table;
   }
     .calendar-view--mobile-calendar .date-list-select .badge {
        background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M56.672 0c8.766 0 17.532 1.843 26.298 5.53L76.7 21.037c-7.059-2.877-13.172-4.315-18.342-4.315-3.506 0-6.204 1-8.092 3-1.888 2.001-2.832 4.867-2.832 8.598v13.014h25.287v14.767H47.434v9.643c0 7.642-3.394 13.217-10.182 16.723h48.416V100H15V83.277c4.63-1.978 7.81-4.248 9.541-6.81 1.731-2.563 2.597-6.092 2.597-10.587v-9.778H15.135V41.335h12.003V28.186c0-9.036 2.573-15.992 7.72-20.87C40.006 2.44 47.277 0 56.672 0z' fill-rule='evenodd'/%3E%3C/svg%3E);
   }
    .date-list-select__view{
        background: #196BF0;
        color: #fff;
        text-decoration: none;
        border-radius: 100px;
        padding: 5px 15px;
        font-size: 14px;
        margin: 0 auto;
        float: none;
        display: flex;
        width: fit-content;
        position: absolute;
        bottom: 12px;
        left: 0;
        right: 0;
   }
    .calendar-view--list .calendar-view__date:after {
        display: block;
        content: "";
        position: absolute;
        border: 1px solid #ccc;
        top: 0;
        right: 0;
        bottom: -1px;
        left: -1px;
        pointer-events: none;
   }
    .calendar-view--list .calendar-view__date {
        max-height: none;
        position: relative;
        min-height: 275px;
        height: auto;
        padding-bottom: 12px;
   }

    .pricing-list__details a{
    color: #196BF0;
   }
}
 dt span.badge.badge--square.badge--positive.badge--pound:after {
    display: block;
    content: 'Cheapest';
}
 .badge--pound {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M56.672 0c8.766 0 17.532 1.843 26.298 5.53L76.7 21.037c-7.059-2.877-13.172-4.315-18.342-4.315-3.506 0-6.204 1-8.092 3-1.888 2.001-2.832 4.867-2.832 8.598v13.014h25.287v14.767H47.434v9.643c0 7.642-3.394 13.217-10.182 16.723h48.416V100H15V83.277c4.63-1.978 7.81-4.248 9.541-6.81 1.731-2.563 2.597-6.092 2.597-10.587v-9.778H15.135V41.335h12.003V28.186c0-9.036 2.573-15.992 7.72-20.87C40.006 2.44 47.277 0 56.672 0z' fill-rule='evenodd'/%3E%3C/svg%3E);
    background-size: 40%;
}
 dl.calendar-view__modal-item span.badge{
    position: absolute;
    background-image: none;
    width: 100%;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0px 0px 5px;
    z-index: 1;
    display: flex;
    /* width: 215px; */
    padding: 10px 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    left: 0px;
}
 .calendar-view__modal-details {
    padding: 0px;
}
 dt.calendar-view__modal-details{
    position:relative;
    width: 50%;
    display: flex;
    padding: 10px;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    flex: 1 0 0;
    align-self: stretch;
}
 dl.calendar-view__modal-item img{
    /* width: 100%; */
    border-radius: 5px 0px 0px 5px;
    /* height: 21%; */
    object-fit: cover;
}
 .modal-box__content dl.calendar-view__modal-item{
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    /* height: 100%; */
    /* max-height: 100%; */
}
 .calendar-view__modal-price{
    margin: 0px;
    background-color: #fff;
    width: 50%;
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* flex: 1 1 0; */
    align-self: stretch;
    height: 100%;
}
 .calendar-view__modal-details--name{
    color: #196BF0;
    font-size: 16px;
    font-weight: 400;
}
 .calendar-view__modal-details--price{
    color: #fff;
    background-color: #196BF0;
    font-weight: 600;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    display: flex;
    gap: 5px;
    border-radius: 5px;
    width: 100%;
    justify-content: center;
}
 .calendar-view__modal-details--number{
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-wrap: nowrap;
}
 .calendar-view__modal-details--text{
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-wrap: nowrap;
}
 .calendar-view__modal-details img{
    /* position: initial; */
}
@media (min-width: 1024px){
    .calendar-view--mobile-calendar .date-list-select .badge {
        display: block;
        background-image: none;
        width: auto;
        height: auto;
        font-size: 14px;
        color: white;
        max-width: none;
        max-height: none;
        border-radius: 10px;
        top: 6px;
        right: 6px;
        border-radius: 5px;
        padding: 5px;
   }
    .calendar-view--mobile-calendar span.badge.badge--square.badge--positive.badge--pound:after {
        display: block;
        content: 'Cheapest';
   }
    .calendar-view--list .calendar-view__date {
        max-height: none;
        position: relative;
        min-height: 90px;
        height: auto;
        padding-bottom: 12px;
   }
}
@media (max-width: 1023px){
    .calendar-view--mobile-calendar span.badge.badge--square.badge--positive.badge--pound:after {
        display: none;
        content: 'Cheapest';
   }
    .calendar-view--mobile-calendar .date-list-select .badge {
        display: block;
        content: "";
        position: absolute;
        top: 0.3em;
        right: 0.3em;
        height: 1.4em;
        width: 1.4em;
        font-size: 1em;
        max-height: 26px;
        max-width: 26px;
        border-radius: 5px;
        padding: 5px;
   }
     .calendar-view--mobile-calendar .date-list-select .badge {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M56.672 0c8.766 0 17.532 1.843 26.298 5.53L76.7 21.037c-7.059-2.877-13.172-4.315-18.342-4.315-3.506 0-6.204 1-8.092 3-1.888 2.001-2.832 4.867-2.832 8.598v13.014h25.287v14.767H47.434v9.643c0 7.642-3.394 13.217-10.182 16.723h48.416V100H15V83.277c4.63-1.978 7.81-4.248 9.541-6.81 1.731-2.563 2.597-6.092 2.597-10.587v-9.778H15.135V41.335h12.003V28.186c0-9.036 2.573-15.992 7.72-20.87C40.006 2.44 47.277 0 56.672 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-size: 40% 
   }
}
@media (max-width: 767px){
     .calendar-view__modal-link:not(.calendar-view__modal-link--mobile){
        display:none;
   }
    dt.calendar-view__modal-details{
        width: 45%;
   }
    .calendar-view__modal-price{
        width: 55%;
   }
    .calendar-view__modal-details--name {
    font-size: 18px;
   }
    .calendar-view--mobile-calendar .date-list-select__lowest-price {
    background:#196BF0;
   }
}
@media (max-width: 280px){
     .calendar-view__modal-price{
        width: 40%;
   }
}

.calendar-view .pricing-list__details a {
    z-index: auto;
}

