/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
body{
        margin: 0; /* Remove default margin */
    }
.login-logout-button {display:inline-block;padding:6px 20px;background-color:navy;color:white;max-height:44px;font-size:18px;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease-in-out;}
.login-logout-button:hover {background-color:#333333;}
.success-message {padding:30px;background-color:#82caff;color:black;}
.success-message p {margin-top:8px;}
.success-message span {font-size:20px;font-weight:500;}
.green-button { background-color:#34C759; color:#FFFFFF; padding:10px 20px; border:none; border-radius:20px;cursor:pointer; }
.green-button:hover {background-color: #2ECC40;}
.rounded {border-radius:20px;border:1px solid transparent;}
.content {padding:30px 0;line-height:1.3;color:#333333;}
.content p {margin-top:15px;}
.type-page {padding-top:5rem;padding-bottom:5rem;}

/* Timetable Container */
#timetable {display: flex; flex-direction: column; align-items: center; padding: 0; background-color: #fff; border-radius: 4px; width: 100%; border: 1px solid #ddd;}
/* Timetable Header */
#timetable-header {display: flex; width: 100%; background-color: #13acfd; color: #fff; border-bottom: 2px solid #333; padding: 0.75rem; font-weight:600;}
/* Timetable Rows */
#timetable-row {display: flex;width: 100%;padding: 0.75rem;border-bottom: 1px solid #ddd;background-color: #fff;}
#timetable-row:nth-child(even) {background-color: #d1ffdb;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
/* Weekday Field */
#timetable .weekday {font-weight: bold; color: #333; width: 50%; padding: 0.5rem; border-right: 1px solid #ddd;}
/* Start Time and End Time Fields */
#timetable .start-time, #timetable .end-time {font-size: 1.4rem; font-weight: 600 !important; color: #333; width: 25%; padding: 0.5rem; text-align: center; border-right: 1px solid #ddd;}
#timetable .end-time {border-right: none;}
/* Media Query for Mobile View */
@media (max-width: 767px) {#timetable {padding: 0.75rem;}
#timetable-header, #timetable-row {flex-direction: column;align-items: flex-start;}
#timetable .weekday, #timetable .start-time, #timetable .end-time {width: 100%;text-align: left;font-size: 0.85rem;border-right: none;}  #timetable .weekday {margin-bottom: 0.5rem;}  #timetable .start-time {margin-bottom: 0.25rem;}}
#course-outline .wpcw_fe_course_title {font-size: 16px;font-weight: 600;color: black;line-height: 1.2;margin-bottom: 2rem;}
#course-outline .wpcw_fe_module_title_header, .wpcw_fe_module_desc_header {font-size: 13px;}
#course-outline .wpcw_fe_unit_title, .wpcw_fe_unit {font-size: 12px;}
.wpcw-unit-completebox {margin-top: 3rem;}
.wpcw_fe_unit_title, .wpcw_fe_unit {line-height:2rem;font-size:1.6rem;} 
iframe .classroom {display: block;height: 100vh;width: 100vw;border: none;}
.classroom {display: block;height: 100vh;width: 150vw;border: none;margin:0;padding:0;}