/**
 * The rules below are simply to make development of the checkout process
 * a bit easier. They target the cart page and the 'Add student details'
 * page which follows it. They are purely temporary and can be completely
 * deleted when it is time to finally style these pages.
 */

/* default site */

/* cart page, student details page - add margin-top */
body.theme-tta.woocommerce-cart .wrapper .subpage.subpage--ID5418,
body.theme-tta.page-id-6689 .wrapper .subpage.subpage--ID6689 {
    margin-top: 0;
}

/* cart page - hide standard checkout button */
body.theme-tta.woocommerce-cart .wrapper .subpage.subpage--ID5418 .checkout-button.button:nth-child(2) {
    display: none;
}

/* australia site */

/* cart page, student details page - add margin-top */
body.theme-tta.woocommerce-cart .wrapper .subpage.subpage--ID10,
body.theme-tta.page-id-7280 .wrapper .subpage.subpage--ID7280 {
    margin-top: 0;
}

/* cart page - hide standard checkout button */
body.theme-tta.woocommerce-cart .wrapper .subpage.subpage--ID10 .checkout-button.button:nth-child(2) {
    display: none;
}

/**
 * The rules below target the /online-course-extensions page. The rules are for basic form styling
 * as well as some table styling which is for the response returned after the form has been submitted.
 * These styles are targetting the desktop version only.
 */

div.online-course-extensions {
    margin-top: 20px;
}

div.online-course-extensions input#studentId {
    background: #f9f6f4;
    border: 1px solid #fff;
    padding: 10px 7px;
    box-sizing: border-box;
    margin-left: 10px;
}

.Course_details section#course-avl {
    margin: 40px 0;
    padding: 0 0 30px 0;
}

.Course_details section#course-avl div.avl-title {
    background: #3fd0d4;
}

.Course_details section#course-avl div.avl-title div.container {
    width: 100%;
}

.Course_details section#course-avl div.avl-title div.container table.date-table-head {
    width: 100%;
}

.Course_details section#course-avl div.avl-title div.container table.date-table-head thead tr th {
    padding: 5px 10px;
    color: #fff;
    font-weight: lighter;
}

.Course_details section#course-avl div.avl-title div.container table.date-table-head thead tr th:first-child {
    text-align: left;
}

.Course_details section#course-avl div#ocl-student-name {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #3fd0d4;
    display: block;
    padding-bottom: 10px;
    padding-top: 30px;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1em;
}

.Course_details section#course-avl div.avl-date div.container {
    width: 100%;
}

.Course_details section#course-avl div.avl-date div.container table.date-table-body {
    width: 100%;
}

.Course_details section#course-avl div.avl-date div.container table.date-table-body tbody tr td {
    padding: 5px 10px;
}

.Course_details section#course-avl div.avl-date div.container table.date-table-body tbody tr td.extention_data {
    text-align: center;
}

.Course_details section#course-avl div.avl-date div.container table.date-table-body tbody tr td.extention_data a {
    text-decoration: none;
    color: #3fd0d4;
}

.Course_details section#course-avl div.avl-date div.container table.date-table-body tbody tr td span.amount {
    width: 100%;
    display: inline-block;
    text-align: center;
}

/**
 * The rule below targets the /cart page. The rule is for a cart donation block styling tweak.
 */
body.woocommerce-cart .wdpgk_donation_content h2 {
    display: none;
}

/**
 * The rule below targets the /checkout page. The rule is for a cart donation block styling tweak.
 */
.woocommerce-additional-fields .donation_section h3 {
    margin-bottom: -15px;
}