/* 
#######################################
### Page Name: styles.css
### Description: External stylesheet for the mmcc index website
### Created: 2022
### Last Update by: Kazandra
### Last Update: May 30, 2022
#######################################
*/


body {
    background-color: #414141;
    margin: 0;
    padding: 0;
    text-align: center;
}
.custom-video {
    top: 555px;
    left: 96px;
    height: 531px;
    position: absolute;
    background: #1e2434;

}
.container-div {
    position: relative;
    width: fit-content;
    margin: auto;
}
.custom-text {
    background: #1e2434;
    color: #1e2434;
    margin-block-end: 0em; 
    position: absolute; 
    word-break: keep-all;
}
.custom-hashtags {
    background: #1e2434; 
    bottom:0%;
    color: #1e2434;
    margin: auto;
    margin-block-start: -1em; /** fix cut style */
    position: relative; 
    width: 1140px;
    word-break: normal;
}
.custom-head2 {
    margin-block-start: 0em;
    word-break:keep-all;
}
.custom-head3 {
    margin-block-end: 0em;
}

.custom-article {
    align-content:center;
    color: #414141;
    display:block;
    font-size: 22px;
    justify-content:center;
    left:15%;
    position:absolute;
    right:15%;
    text-align:center;
    top:0;
    word-break:keep-all;
    z-index:-1;
}

.list-style {
    text-align: left;
    display: inline-block;
}

// Table CSS
table {
    border-collapse: collapse;
    text-align: center;
}
table td, table th {
    padding: 0.2rem;
}
table thead th {
    background-color: transparent;
    color: #414141;
    font-weight: bold;
    border: 1px solid #414141;
}
table tbody td {
    color: #414141;
    border: 1px solid #414141;
}
table tbody tr {
    background-color: transparent; 
}

/* Media Queries */
@media only screen and (max-width: 500px) {
    .custom-hashtags > h2.custom-head2, 
    .custom-hashtags >  h3.custom-head3 {
        font-size: 3.2em;
        margin: 0;
        line-height: 1.7em;
    }
    .custom-text {
        background: transparent;
        font-size: 3.2em;
        margin-block-end: -1em;
    }
    .custom-head2 {
        word-break: break-word;
    }
    .custom-article {
        font-size: 3.2em;
        left: 0;
        right: 0;
    }
    .team-table {
        font-size: 1em;
    }
    .table-wrapper {
        overflow: auto;
        height: 250px;
    }
    .ul-wrapper {
        overflow: auto;
        height: 380px;
    }
}