/* Pricing Tables */

.table-lt-green {
    background-color: #60ab69 !important;
}

.table-dk-green {
    background-color: #54a05d !important;
}

.table-lt-orange {
    background-color: #f8b34f !important;
}

.table-dk-orange {
    background-color: #f7a844 !important;
}

.table-lt-lime-green {
    background-color: #b8cb76 !important;
}

.table-dk-lime-green {
    background-color: #aec369 !important;
}

.table-lt-blue {
    background-color: #82add2 !important;
}

.table-dk-blue {
    background-color: #6899c3 !important;
}



    .table-lt-green h3, .table-dk-green h3, .table-lt-orange h3, .table-dk-orange h3,
    .table-lt-green h1, .table-dk-green h1, .table-lt-orange h1, .table-dk-orange h1,
    .table-lt-lime-green h3, .table-dk-lime-green h3, .table-lt-lime-green h1, .table-dk-lime-green h1,
    .table-lt-blue h3, .table-dk-blue h3, .table-lt-blue h1, .table-dk-blue h1 {
        color: #ffffff !important;
        padding-left: 0px !important;
    }

.table h1 {
    margin-bottom: 0px;
    padding-left: 15px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .container-admission {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 15px !important;
    }

        .container-admission .table h1 {
            font-size: 20px;
        }

    .container-calendar {
        margin-top: 30px !important;
        margin-bottom: 50px !important;
        width: 100% !important;
    }

    .table-br-top {
        border-radius: 10px 10px 0px 0px !important;
    }

    .table-br-bottom {
        border-radius: 0px 0px 10px 10px !important;
    }

    tr td:first-child {
        border-radius: 10px 10px 0px 0px !important;
    }

    .admission-prices tr td:last-child {
        border-radius: 0px 0px 10px 10px !important;
    }

    tr.bottom-radius td:nth-child(2), tr.bottom-radius td:nth-child(3) {
        border-radius: 0px 0px 0px 0px !important;
    }

}

.table > thead > tr > td, .table > thead > tr > th {
    max-width: 160px;
    padding: 10px;
}

/* Calendar Graphic */
.container-calendar {
    margin-top: 90px;
    margin-bottom: 90px;
}

.ogv-chicks {
    top: 232px;
}



/* RESPONSIVE TABLE */

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(242,246,218,1);
}

@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        margin-bottom: 30px;
        background-color: rgba(242,246,218,1);
        border-radius: 10px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 60%;
        white-space: normal;
        margin-bottom: 0px;
        text-align: right;
    }

        #no-more-tables td.entrant-category {
            padding-left: 0%;
            text-align: center;
        }

        #no-more-tables td.entrant-category h3 {
            font-size: 25px;
        }


    

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 10px;
        left: 6px;
        width: 66%;
        padding-right: 10px;
        text-align: left;
        font-size: 20px;
        ;
        color: #fff;
        font-family: 'Copse', serif !important;
        font-weight: 500;
    }

        /*
	Label the data
	*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}

a[data-title]:hover:after {
    content: attr(data-title);
    white-space: pre-line;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 9px;
}


@media only screen and (max-width: 800px) {
    #no-more-tables td:last-child {
        margin-top: 0px;
    }
}

tr.bottom-radius td:nth-child(2), tr.bottom-radius td:nth-child(3), tr.bottom-radius td:nth-child(4) {
    border-radius: 0px 0px 15px 15px;
}


        