body .mh-head{
    background: #00520b !important;
}

.page-title {
    font-size:1.8em;
    margin: 20px 0 10px 0;
    font-family: 'Oswald',sans-serif;
}

.content-divider{
    border-top: 1px solid #ddd;
    margin:10px 0;
}

.triple{
    width:33.33% !important;
}

.card{
    height: calc(100% - 1rem);
}

.card .card-img-container{
    height:200px;
    position:relative;
    overflow-y:hidden;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card .card-img-top{
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.tab-content{
    margin:0 -.5rem;
}

#passed-event{
    margin:0 -.5rem;
}

#tab-1,#tab-2,#tab-3,#tab-4,#tab-5,#tab-6 {
	display: none;
}

#calendar-container td div{
    min-height: 97px;
}

.content-text {
    min-height: 650px;
    margin-bottom:50px;
}
.content-text a{
    color:#ff0000;
}

.content-text a:hover{
    text-decoration: underline;
}

.contents-container p{
    margin:0px;
}

.contents-container h1 {
    font-size:1.8em;
    margin: 20px 0 10px 0;
}

.content-image{
    width: 100%;
    height: auto;
    margin:20px 0 20px 0;
}

.content-info{
    margin-top: 10px;
}

.content-text{
    font-size:1.2em;
}

.contents-container>.sticky-top {
    top: 50px;
    z-index: 1;
    background:#fff;
}

.tab{
    min-height: 500px;
}


#calendar-container td div {
    min-height: 97px;
}

.play-indicator{
    position:absolute;
    top:35%;
    left:40%;
    font-size:80px;
    color:#fff;
    text-shadow: 0 0 4px #000000;
}

.v-parent {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    position: fixed;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    padding-top: 60px;
}

.v-child {
    margin: auto;
    display: table;
    position: relative;
    z-index: 6;
}
.v-cover{
    display:block;
    position:absolute;
    background:#000000;
    z-index:10;
    opacity:0.01;
}
.v-cover-up{
    height:40%;
    width:100%;
    top:0;
    left:0;
}
.v-cover-down{
     height:25%;
     width:100%;
     bottom:70px;
     left:0;
}
.v-cover-left{
    top:0;
    width:42%;
    bottom:70px;
    left:0;
}
.v-cover-right{
    top:0;
    width:42%;
    bottom:70px;
    right:0;
}

.v-child iframe {
    width:972px;
    height:546.76px;
}

.close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.cursor{
    cursor: pointer;
}

.doc-container {
    background: #efa42d;
    color: #ffffff;
    box-sizing: border-box;
    padding: 20px;
}

.doc-container h2 {
    border-bottom: 1px dashed white;
}

.doc-container ul {
    padding-left: 20px;
}

.doc-container a {
    color: white;
}

.selected_btn {
    background-color: #000;
    color: #fff;
    font-weight: bolder;
}

.dropdown{
    display:none;
}
.dropdown>a{

    width:100%;
    text-align: left;
    margin: 0px 0px 10px 0px;
    border: 1px solid #ddd;
    font-weight: bold;
}
.dropdown-menu{
    left:5px;
    right:5px;
    width: 100%;
    z-index:1;
}

.dropdown-menu li a{
    white-space: normal;
}

@media only screen and (max-width: 800px) {
    .triple{
        width:100% !important;
    }

    .contents-container h1 {
        font-size:1.2em;
        line-height: normal;
        margin: 10px 0px 0px 0px;
    }

    .content-text{
        font-size:1.1em;
        overflow-x: auto;
    }

    .content-text img{
        width:100% !important;
        height:auto !important;
    }

    .contents-container>.sticky-top {
        top: 80px;
        z-index: 1;
        background:#fff;
    }

    .v-child {
        display:block;
    }

    .v-cover-up{
        height: 35%;
    }
    .v-cover-down{
        height: 10%;
        bottom:70px;
    }

    .v-cover-left{
        width: 40%;
        bottom: 70px;
    }

    .v-cover-right{
        width: 40%;
        bottom:70px;
    }

    .v-child iframe {
        width:100%;
        height:220px;
    }

    .v-child img{
        width: 90%;
        margin:0 20px;
    }
    .dropdown{
        display:block;
    }
}

@media only screen and (max-height: 500px) {
    .v-child{
        display: table;
    }
    .v-child iframe {
        width:600px;
        height:360px;
    }
    .v-parent {
        padding-top:30px;
    }
}