/**
* PDC CSS for prices
*/

/* prices table */
table#prices {
    border: 0px;
    position: relative;
    max-width: 60%;
    margin: 0px auto 0px auto;
}

    /* all table elements */
    table#prices,
    table#prices * {
        font-family: "Open Sans";
    }

    /* heading row cell */
    table#prices th[colspan="3"] {
        width: 100%;
        padding: 25px 0px 5px 0px;
        
        text-align: left;        
        font-family: "Open Sans";
        font-weight: lighter;
        font-size: 22px;
        color: rgba(0,0,0,.5);
        line-height: 1.35;
        text-transform: uppercase;
        
        border-bottom: 1px solid #e5e5e5;
    }
    
    /* info cells */
    table#prices tr > td {
        vertical-align: top;
        
        font-family: "Open Sans";
        font-size: 15px;
        color: rgba(0,0,0,.65);
    }

    /* age group */
    table#prices tr > td:nth-of-type(1) {
        max-width: 100px;
    }
    
    /* price */
    table#prices tr > td:nth-of-type(2) {
        max-width: 25px;
        
        font-weight: bold;
        text-align: right;
    }
        /* price data element */
        table#prices tr > td:nth-of-type(2) > data {
            display: inline-block;
            position: relative;
            width: 100%;
            padding-right: 5px;
            
            background-color: rgb(235,241,255);
        }
    
    /* extras */
    table#prices tr > td[rowspan]:nth-of-type(3) {
        max-width: calc( 100% - 25px - 65px );
        padding-left: 25px;
        text-align: right;
    }
    
        /* extras label */
        table#prices tr > td[rowspan]:nth-of-type(3) > label {
            display: inline-block;
            width: 145px;
            padding: 2px 4px 2px 2px;
            margin: 0px;
            
            text-align: right;
            font-size: 15px;
        }
    
        /* extras price */
        table#prices tr > td[rowspan]:nth-of-type(3) > data {
            display: inline-block;
            width: 35px;
            padding-right: 5px;
            
            font-weight: bold;
            font-size: 15px;
            
            background-color: rgb(235,241,222);
        }


/* basic mobile optimization */
@media (max-width: 800px) {
    /* prices table */
    table#prices {
        max-width: 85%;
    }
}


@media (max-width: 425px) {
    
    /* prices table */
    table#prices {
        max-width: 100%;
    }
    
    /* heading row cell */
    table#prices th[colspan="3"] {
        font-size: 18px;
    }
    
    /* info cells */
    table#prices tr > td {
        font-size: 12px;
    }
        /* extras label */
        table#prices tr > td[rowspan]:nth-of-type(3) > label {
            font-size: 12px;
        }
    
        /* extras price */
        table#prices tr > td[rowspan]:nth-of-type(3) > data {
            width: 25px;
            font-size: 12px;
        }
}