@charset "UTF-8";

:root {
    --color-bg: #fcf7eb;
    --color-header: #606e38;
    --color-footer: #cccbc9;
}

/* RWD */
@media (max-width: 800px) {
    html {
        font-size: 12px;
    }
}

.bg-dark-green {
    background-color: var(--color-header);
}
.bg-light-green {
    background-color: #78a575;
}
.bg-dark-blue {
    background-color: #1f3049;
}
.bg-d8edfb {
    background-color: #d8edfb;
}
.btn-00ff00{
    background-color: #00ff00;
}
.bg-e6afaf {
    background-color: #e6afaf;
}
.bg-e1d78e {
    background-color: #e1d78e;
}
.bg-aedbab {
    background-color: #aedbab;
}
.bg-9ccde3 {
    background-color: #9ccde3;
}

.text-dark-green {
    color: var(--color-header);
}
.text-00c500{
    color: #00c500;
}
.text-606e38 {
    color: #606e38;
}
img[disabled]{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.font-times-new-roman {
    font-family: "Times New Roman", sans-serif;
}


body {
    font-size: 120%;
    min-height: 100vh;
    background-color: var(--color-bg);
}
.wrapper {
    min-height: 100vh;
}
.content{
    padding-bottom: 56px;
}
.footer{
    background-color: red;
}
nav.navbar, footer {
    z-index: 10;
    background-color: var(--color-header);
}
.main-footer {
    /*z-index: 10;*/
    /*position: relative;*/
    background-color: var(--color-footer);
}
#breadcrumbs {
}
.coming-soon {
    font-size: 2em;
    text-align: center;
}


a {
    text-decoration: none;
}
.big-button {
    color: #b8987c;
}
.big-button i {
    font-size: 6em;
}
.big-button .title {
    font-size: 1.25em;
}
.big-button:hover *{
    color: #6b4e37;
}


.course-card .card-header {
    background-image: linear-gradient(135deg, #dbc3af 0%, #cba585 100%);
}
.btn.submit
/*, .btn.sound-player */
{
    background-image: linear-gradient(135deg, #f3e4d8 0%, #efd2b9 100%);
}
.btn.submit:hover
/*, .btn.sound-player:hover*/
{
    background-image: linear-gradient(135deg, #e9d1be 0%, #deb999 100%);
}

/* 教材元件的 Card */
.material-component .card-header {
    background-image: linear-gradient(135deg, #dbc3af 0%, #cba585 100%);
}
.material-component .card-body {
    background-image: linear-gradient(135deg, #f5f1ed 0%, #f6f0ec 100%);
}

.dialect-select-bar {
    background-color: #bb6d25;
    background-size: 100% auto;
    border-radius: 10px;
}
.dialect-select-bar .dialect-option {}
.dialect-select-bar .dialect-option input:checked + img,
.dialect-select-bar .dialect-option input:not(:checked) ~ img:last-child {
    display: none;
}

.header-image {
}
.header-image img {
    max-width: 100%;
    max-height: 60px;
    object-fit: cover;
}

.tox.tox-tinymce .tox-promotion {
    display: none;
}

/* 學年選單 */
.semester-cards {
    column-count: auto;
}
@media (min-width: 400px) {
    .semester-cards {
        column-count: 3;
    }
}