/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Author: Lester Lubiano
 Description:  A custom child theme for 500 Beta with custom styles. Contact the developer incase there are issues on theme.
*/

#site-header,
.page-header,
#site-footer{
	display: none;
}

body{
	background-color: #202F3B;
	color: #FFF;
}


.table-container {
    width: 90%;
    overflow-x: auto;
}
table {
    width: 100%;
    border-collapse: collapse;

}
th, td {
    border: 1px solid #333;
    padding: 25px;
    text-align: center;
}

.highlight, .highlight-column {
    background-color: #00ff00 !important;
    color: black;
    font-weight: bold;
}
@media (max-width: 768px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }
    thead tr {
        display: none;
    }
    tr {
        margin-bottom: 15px;
        border: 1px solid #444;
    }
    td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }
    td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        text-align: left;
        font-weight: bold;
        color: #ddd;
    }

    .mob-menu-header-holder{
	    background-color: #202f3b !important;
    	height: 80px !important;
    }
}