#content { 
    padding-top: 7rem;
}

#search {
    /*margin-top: 6.5rem;*/
}

.button .description {
    font-size: 0.85rem;
    color: #888;
}

.first.menu {
    background-color: #183d72!important;
    position: fixed;
    left: -1px; 
    top: 0px; 
    height: 3rem!important;
    /*width: 101vw!important;*/
}

.second.menu {
    background-color: #e9e9e9!important;
    position: fixed;
    left: -1px; 
    top: 3rem!important; 
    height: 3rem!important;
    /*width: 101vw!important;*/
}

.first.menu .icon {
    font-size: 1.35em!important;
    padding-left: 0.2em!important;
}

.first.menu .header {
    color: rgba(255,255,255,.9);
}

.second.menu .header {
    color: #183d72!important;
}

.date.container {
    margin-top: -5vh; 
    margin-bottom: 5vh;
}

body {
    background-color: #fefefe!important;
}

.tzuchi.header {
    color: #183d72!important;
}

.tzuchi.header:hover {
    color: #1e70bf!important;
}

.darkmode.tzuchi.header {
    color: #FFF!important;
}

.darkmode.tzuchi.header:hover {
    color: #CCC!important;
}

.info.label {
    border: none!important; 
    width: 1.5em!important; 
    bottom: 0.35em!important; 
    padding: 0!important; 
    font-size: 1.5em!important; 
    background-color: transparent!important;
}

.back.button {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0.5em;
    font-size: 1.5em;
    width:60px; 
    height:42px;
}

.dimmer {
    background-color: rgba(0,0,0,.15)!important;
}

.card {
    border-radius: unset!important;
}

.card .image {
    border-radius: unset!important;
}

.card img {
    border-radius: unset!important;
}

.cover.card .dimmer {
    /*height: 100%!important;*/
    /*top: 70%!important;*/
    top: unset!important;
    bottom: 0!important;
    padding: 0!important;
    background: rgba(0,0,0,.6)!important;
}

.cover.card .header {
    font-weight: 500;
    color: #FFF!important;
    /*text-shadow: 0 0 0.5em #000, 1px 1px 0.5em #000, 2px 2px 1em #000;*/
    text-shadow: 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333;
    /*-webkit-text-stroke-width: 0.5px;*/
    /*-webkit-text-stroke-color: #333;*/
}

/*.card .image .header {
    font-size: 2.55vw;
    color: #FFF!important;
    text-shadow: 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333
}*/

/* override semantic-ui's youtube button style */
.youtube.disabled.button {
    opacity: .45!important;
    color: unset!important;
    background-color: #fff!important;
    box-shadow: 0 0 0 2px #fff inset!important;
}

.youtube.inverted.disabled.button {
    color: #fff!important;
    background-color: unset!important;
}

#settings-page b {
    display: none;
}

#settings-page .player.header {
    font-size: 7vh;
}

#info-page .button b {
    display: none;
}

#info-page {
    position: fixed;
    top: 0;
    left: 0;
    font-size: 1.5em;
    width: 100vw; 
    height: 100vh;
    background-color: #000!important;
    /*opacity: 0.85;*/
    z-index: 11000;
}

#back-to-top {
    position: fixed;
    top: 80vh;
    right: 0px;
    font-size: 1em;
    width: 50px; 
    /*height: 20vh;*/
    background-color: #AAA;
    opacity: 0.75;
    z-index: 11000;
}

.items .item .content .header {
    color: #183d72!important;
}

.items .item:hover .content .header {
    color: #1e70bf!important;
}

.items .item #placeholder.image {
    width: 192px!important;
    height: 108px!important;
    background-color: #EEE;
}

.items .item #placeholder.image img {
    width: 192px!important;
    height: 108px!important;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .items .item #placeholder.image {
        width: 160px!important;
        height: 90px!important;
        background-color: #EEE;
    }

    .items .item #placeholder.image img {
        width: 160px!important;
        height: 90px!important;
    }    
}


@media only screen and (max-width: 767px) {
    .items .item #placeholder.image {
        width: 128px!important;
        height: 72px!important;
        background-color: #EEE;
    }

    .items .item #placeholder.image img {
        width: 128px!important;
        height: 72px!important;
    }
}