<commit_before>/*GENERAL STYLING - APPLICABLE THROUGHTOUT THE APPLICATION*/

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 17px;
    background: white;
}
section {
    height: 100%;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
p {
    font-family: 'Lato', sans-serif;
}
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.center-horizontally {
    margin: 0 auto;
    text-align: center;
}

/* HOME PAGE*/

.logo {
    padding: 10px;
}
.main {
    background: #f6f6f6;
}
.main>.row {
    width: 100%;
}
.main h1 {
    color: #1a7aac;
    /*font-size: 300%;*/
    font-size: 5vw;
    /*color: white;*/
}
.btn-default {
    background: none;
    border: 2px solid #1a7aac;
    padding: 10px 60px 10px 60px;
    margin: 30px;
    font-family: 'Lato', sans-serif;
    color: #1a7aac;
}
.btn-default:hover {
    background: rgba(26, 122, 172, 0.8);
    color: white;
    border: none;
}
.fa-calendar {
    padding: 10px;
}

/*TIMETABLE*/

#schedule {
    padding: 30px 0 20px 0;
}
.week {
    margin: 0 auto;
}
.day {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}
input {
    display: none;
}
label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}
span.shorter {
    display: none;
}

/*TODO Change styling*/

label:hover {
    color: #888;
    cursor: pointer;
}

/*TODO Change styling*/

input:checked+ label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid #1a7aac;
    border-bottom: 1px solid #fff;
}
#monday:checked~ #monday-content, #tuesday:checked~ #tuesday-content, #wednesday:checked~ #wednesday-content, #thursday:checked~ #thursday-content, #friday:checked~ #friday-content {
    display: block;
}

/*FOOTER STYLING*/

footer {
    background: #555;
    width: 100%;
    height: 15%;
}
footer p {
    color: white;
    text-align: center;
    padding: 50px 0 0 0;
    font-size: 80%;
}

}

}

/*Media Queries*/
@media screen and (max-width: 650px) {
    .main h1 {
        font-size: 6vw;
        margin-top: 20px;
    }
    label {
        font-size: 80%;
        padding: 12px;
    }
}
@media screen and (max-width: 450px) {
    .logo {
        margin-bottom: 20px;
    }
    .main h1 {
        padding-top: 25%;
        font-size: 6vw;
    }
    span.longer {
        display: none;
    }
    span.shorter {<commit_msg>Fixed footer height in smartphone view<commit_after>/**
TABLE OF CONTENTS
 * CH01 - Resets
 * CH02 - Typography
 * CH03 - Page Structure
 * CH04 - Header & Navigation
 * CH05 - Content & Media
 * CH06 - Footer
 * CH07 - Miscellaneous
**/


/*GENERAL STYLING - APPLICABLE THROUGHTOUT THE APPLICATION*/

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 17px;
    background: white;
}
section {
    height: 100%;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
p {
    font-family: 'Lato', sans-serif;
}
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.center-horizontally {
    margin: 0 auto;
    text-align: center;
}

/* HOME PAGE*/

.logo {
    padding: 10px;
}
.main {
    background: #f6f6f6;
}
.main>.row {
    width: 100%;
}
.main h1 {
    color: #1a7aac;
    /*font-size: 300%;*/
    font-size: 5vw;
    /*color: white;*/
}
.btn-default {
    background: none;
    border: 2px solid #1a7aac;
    padding: 10px 60px 10px 60px;
    margin: 30px;
    font-family: 'Lato', sans-serif;
    color: #1a7aac;
}
.btn-default:hover {
    background: rgba(26, 122, 172, 0.8);
    color: white;
    border: none;
}
.fa-calendar {
    padding: 10px;
}

/*TIMETABLE*/

#schedule {
    padding: 30px 0 20px 0;
}
.week {
    margin: 0 auto;
}
.day {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}
input {
    display: none;
}
label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}
span.shorter {
    display: none;
}

/*TODO Change styling*/

label:hover {
    color: #888;
    cursor: pointer;
}

/*TODO Change styling*/

input:checked+ label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid #1a7aac;
    border-bottom: 1px solid #fff;
}
#monday:checked~ #monday-content, #tuesday:checked~ #tuesday-content, #wednesday:checked~ #wednesday-content, #thursday:checked~ #thursday-content, #friday:checked~ #friday-content {
    display: block;
}

/*FOOTER STYLING*/

footer {
    background: #555;
    width: 100%;
    height: auto;
}
footer p {
    color: white;
    text-align: center;
    padding: 50px 0 0 0;
    font-size: 80%;
}

/*Media Queries*/

@media screen and (max-width: 650px) {
    .main h1 {
        font-size: 6vw;
        margin-top: 20px;
    }
    label {
        font-size: 80%;
        padding: 12px;
    }
}
@media screen and (max-width: 450px) {
    .logo {
        margin-bottom: 20px;
    }
    .main h1 {
        padding-top: 25%;
        font-size: 6vw;
    }
    label {
        font-size: 70%;
        padding: 10px;
    }
    span.longer {
        display: none;
    }
    span.shorter {
{'fraction_non_alphanumeric': 0.14792355751561925, 'fraction_numerical': 0.05512679162072767, 'mean_word_length': 2.3536660505237217, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2301385', 'n_tokens_mistral': 2349, 'n_tokens_neox': 2089, 'n_words': 539}