﻿@media (min-width: 1025px) {
    html, body {
        /*min-height: 1hv;
        height: auto;*/
    }

    section {
        padding: 30px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .package-session-selection {
        display: none;
    }
    /* Choose location */
    .choose-location-secton .columns {
        margin: 0 -10px;
    }

    .choose-location-secton .columns:after {
        clear: both;
        content: '';
        display: table;
    }

    .choose-location-secton .columns .column {
        width: calc(50% - 20px);
        margin: 0 10px;
        float: left;
    }

    .choose-location-secton .button {
        max-width: 300px;
        margin: auto;
        margin-top: 40px;
    }

    /* Choose session */
    .calendar-button {
        position: absolute;
        top: 100px;
        right: 30px;
        padding: 10px 15px;
        height: 42px;
        background-image: none;
    }

    .calendar-button:hover {
        background-color: rgba(65, 192, 240, 0.2);
    }

    .calendar-button:hover:after {
        opacity: 1;
    }

    .date-slider div {
        width: 134px;
        height: 160px;
    }

    .date-selection {
        margin: 0;
        border: 2px solid #256b86;
        margin-bottom: 50px;
        height: 160px;
    }

    .date-slider div .weekday {
        padding-top: 20px;
    }

    .date-slider div .status {
        padding-top: 20px;
    }

    .date-selection:before, .date-selection:after {
        display: none;
    }

    .date-week-nav {
        display: block;
    }

    .choose-session-section {
        position: relative;
    }

    .package .package-details p {
        display: block;
    }

    .package-availability {
        display: block;
    }

    .session-footer .footer-details > div {
        display: block;
    }

    .integrated-package-session-selection {
        display: block;
    }

    /* Available */
    .integrated-package-session-selection .package .sessions > div {
        border-color: rgba(65, 192, 240, 0.1);
    }

    /* Limited */
    .integrated-package-session-selection .package.limited {
        border-color: #948c30;
        background-color: rgba(243, 230, 94, 0.1);
    }

    .integrated-package-session-selection .package.limited p {
        color: #dcd483;
    }

    .integrated-package-session-selection .package.limited .availability {
        color: #f3e65e;
    }

    .integrated-package-session-selection .package.limited .hero {
        border-color: rgba(148, 140, 48, 0.2);
    }

    .integrated-package-session-selection .package.limited .sessions > div {
        border-color: rgba(243, 230, 94, 0.1);
    }

    .integrated-package-session-selection .package.limited .sessions,
    .integrated-package-session-selection .package.limited .sessions ul > li,
    .integrated-package-session-selection .package.limited .sessions ul {
        border-color: #948c30;
    }

    /* Sold out */
    .integrated-package-session-selection .package.sold-out {
        border-color: #ad292b;
        background-color: rgba(255, 0, 0, 0.1);
    }

    .integrated-package-session-selection .package.sold-out p {
        color: #c86466;
    }

    .integrated-package-session-selection .package.sold-out .availability {
        color: #f00;
    }

    .integrated-package-session-selection .package.sold-out .hero {
        border-color: rgba(255, 0, 0, 0.2);
    }

    .integrated-package-session-selection .package.sold-out .sessions > div {
        border-color: rgba(243, 94, 94, 0.10);
    }

    .integrated-package-session-selection .package.sold-out .sessions,
    .integrated-package-session-selection .package.sold-out .sessions ul > li,
    .integrated-package-session-selection .package.sold-out .sessions ul {
        border-color: #ad292b;
    }

    .integrated-package-session-selection .package h3 {
        font-size: 24px;
        font-weight: 500;
        margin: 0;
    }

    .integrated-package-session-selection .package-info {
        display: block;
        margin-bottom: 30px;
    }

    .integrated-package-session-selection p {
        text-transform: none;
        font-size: 16px;
        color: #41c0f0;
        margin-bottom: 5px;
    }

    .integrated-package-session-selection .package-details .price {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 14px;
        text-align: right;
        font-family: 'Montserrat', sans-serif;
    }

    .integrated-package-session-selection .package-details .price strong {
        font-size: 24px;
        color: #fff;
    }

    .integrated-package-session-selection .package-details .price .per-person {
        display: block;
        font-size: 10px;
    }

    .integrated-package-session-selection .package-details {
        position: relative;
        margin: 0;
    }

    .integrated-package-session-selection .package-details:after {
        display: table;
        clear: both;
        content: '';
    }

    .integrated-package-session-selection .hero {
        background-color: rgba(37, 107, 134, 0.2);
        width: 300px;
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        bottom: 0;
        border-right: 1px solid rgba(65, 192, 240, 0.1);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .integrated-package-session-selection .package-details .details {
        text-align: left;
        padding: 30px;
        margin-left: 300px;
        position: relative;
        min-height: 300px;
    }

    a.button.sessions-toggle {
        position: absolute;
        margin: 0;
        right: 30px;
        bottom: 30px;
        padding: 13px 20px;
        padding-right: 50px;
        font-weight: 500;
    }

    a.button.sessions-toggle:after {
        display: block;
        width: 30px;
        height: 20px;
        content: '';
        position: absolute;
        right: 5px;
        top: 0;
        height: 40px;
        background-image: url(/Images/dropDownArrowWhite.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 8px;
        transition: all ease-in-out 0.2s;
        transform: rotate(180deg);
    }

    .collapsed .button.sessions-toggle:after {
        transform: rotate(0deg);
    }

    .integrated-package-session-selection .sessions {
        padding: 10px;
        text-transform: uppercase;
        color: #fff;
        font-size: 22px;
        line-height: 40px;
        overflow: hidden;
        border-top: 2px solid #256b86;
    }

    .integrated-package-session-selection .sessions > div {
        border-bottom: 1px solid rgba(65, 192, 240, 0.1);
        padding: 10px;
        transition: all ease-in-out 0.2s;
    }

    .integrated-package-session-selection .sessions > div.active {
        background-color: rgba(65, 192, 240, 0.2);
    }

    .integrated-package-session-selection .sessions > div.sold {
        background-color: rgba(255, 0, 0, 0.2);
        color: #ad292b;
    }

    .integrated-package-session-selection .sessions > div.sold ul > li.sold {
        background-color: rgba(255, 0, 0, 0.1);
        border-color: rgba(173, 41, 43, 0.5);
    }

    .integrated-package-session-selection .package .sessions > div.sold ul {
        border-color: rgba(173, 41, 43, 0.5);
    }

    .integrated-package-session-selection .sessions > div:last-child {
        border-bottom: none;
    }

    .integrated-package-session-selection .sessions > div:after {
        clear: both;
        display: table;
        content: '';
    }

    .package .sessions > div .time {
        position: relative;
        float: left;
        width: 280px;
        top: unset;
        left: 10px;
    }

    .integrated-package-session-selection .package .sessions > div:first-child {
        border: none;
    }

    .package .sessions > div .price {
        float: right;
        top: unset;
        left: unset;
    }

    .package ul {
        display: block;
        border-right: 2px solid #256b86;
        float: left;
        margin: 0;
    }

    .integrated-package-session-selection .sessions ul > li {
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        border: 2px solid #256b86;
        border-right: none;
        position: relative;
        cursor: pointer;
        transition: all ease-in-out 0.2s;
    }

    .integrated-package-session-selection .sessions ul > li:hover,
    .integrated-package-session-selection .sessions ul > li.hover {
        background-color: rgba(37, 107, 134, 0.5);
    }

    .integrated-package-session-selection .sessions ul > li:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: url(/Images/BookingWizard/playerIcon.png);
        background-repeat: no-repeat;
        background-size: 15px auto;
        background-position: center;
    }

    .integrated-package-session-selection .sessions ul > li.sold {
        background-color: rgba(255, 0, 0, 0.3);
    }

    .integrated-package-session-selection .sessions ul > li.sold:before {
        opacity: 0.2;
    }

    .integrated-package-session-selection .sessions ul > li > span {
        display: none;
    }

    .integrated-package-session-selection .sessions ul > li.active {
        background-color: #41c0f0;
    }

    .wizard-footer > div {
        max-width: 940px;
        margin: auto;
    }

    /* Personal Information */
    .personal-info-section .column-container {
        margin: 0 -20px;
    }

    .personal-info-section .column-container:after {
        clear: both;
        content: '';
        display: table;
    }

    .personal-info-section .column {
        float: left;
        width: calc(50% - 40px);
        margin: 0 20px;
    }

    a.process-button {
        display: block;
        max-width: 300px;
        margin: auto;
        margin-top: 50px;
    }

    .booking-summary {
        position: relative;
    }

    .booking-summary .hero {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        border-right: 1px solid rgba(37, 107, 134, 0.5);
    }

    .booking-summary .details strong {
        font-size: 14px;
    }

    .booking-summary .details {
        margin-left: 50%;
        padding: 30px;
        text-transform: uppercase;
        font-size: 18px;
    }

    label {
        position: relative;
    }

    label .required {
        font-size: 24px;
        position: absolute;
        top: -3px;
        padding-left: 3px;
    }

    .edit-summary:hover {
        opacity: 1;
    }
}
