﻿#groupedportal {
    height: auto;
    max-height: none;
    width: 100%;
}

    #groupedportal .subheadline {
        font-size: 44px;
    }

.callout-contactlisting .listing {
    width: 250px;
}

#groupedportal {
    background: 0 0 !important;
    height: auto;
    max-height: none;
}

    #groupedportal .subheadline {
        color: #212c4d;
        font-size: 28px;
        max-width: 500px;
        line-height: 34px;
        letter-spacing: .8px;
        margin: 0 0 40px 0;
    }

        #groupedportal #sectionnav li {
            display: inline-block;
            margin: 0 15px 30px 15px;
            position: relative;
            max-height: 150px;
            overflow: hidden;
        }

            #groupedportal #sectionnav li a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 118px;
                height: 113px;
                color: #fff;
                text-decoration: none;
                background: #666;
                padding: 20px 10px;
                font-size: 15px;
                font-weight: 300;
            }

                #groupedportal #sectionnav li a.active {
                    background: #fec430;
                }

                #groupedportal #sectionnav li a a:hover, #groupedportal #sectionnav li a a:active {
                    background: #fec430;
                }

#buttons-categories {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 80px;
}

    #buttons-categories:after, #buttons-categories:before {
        content: "";
        display: table;
    }

    #buttons-categories:after {
        clear: both;
    }

@media only screen and (max-width:420px) {
    #buttons-categories {
        margin-bottom: 40px;
    }
}

#buttons-categories h1.section-head {
    color: #212c4d;
    text-align: center;
}

@media only screen and (max-width:420px) {
    #buttons-categories h1.section-head {
        font-size: 31px;
    }
}

#buttons-categories #groupedportal {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    max-height: none;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:999px) {
    #buttons-categories #groupedportal {
        display: inline;
        /*float: left;*/
        width: 62%;
        margin: 0 2%;
    }
}

@media only screen and (max-width:768px) {
    #buttons-categories #groupedportal {
        width: 100%;
        margin: 0;
        text-align: center;
    }
}

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal {
        display: inline;
        float: left;
        width: 96%;
        margin: 0 2%;
        margin-left: 2%;
    }
}

#buttons-categories #groupedportal ul#sectionnav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width:768px) {
    #buttons-categories #groupedportal ul#sectionnav {
        width: 612px;
        max-width: 612px;
        margin: 0 auto;
        text-align: left;
    }
}

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal ul#sectionnav {
        width: 100%;
        max-width: 100%;
    }
}

#buttons-categories #groupedportal ul#sectionnav li {
    height: 175px;
    max-height: 175px;
    box-shadow: 5px 5px 5px gray;
    box-sizing: border-box;
    text-align: center;
}

    #buttons-categories #groupedportal ul#sectionnav li a {
        height: 175px;
        width: 155px;
        padding: 135px 0 0 0;
        font-size: 17px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial;
        border: 2px solid #212c4d;
        background-color: #212c4d;
        line-height: 1em;
    }

@media only screen and (max-width:654px) {
    #buttons-categories #groupedportal ul#sectionnav li a {
        font-size: 15px;
        /*padding: 20px 10px;*/
        /*width: 116px;*/
    }
}

#buttons-categories #groupedportal ul#sectionnav li a.currentEmployees {
    background-color: #FFFFFF;
    color: #212c4d;
    border: 2px solid #212c4d;
}

#buttons-categories #groupedportal ul#sectionnav li a:before {
    position: absolute;
    content: '';
    background-size: 90px auto;
    width: 90px;
    height: 90px;
    top: 10px;
    left: 50%;
    margin-left: -42px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a:before {
}

#buttons-categories #groupedportal ul#sectionnav li a:active, #buttons-categories #groupedportal ul#sectionnav li a:hover {
    background: #fec430;
    color: #fff;
    border: 2px solid #fec430;
}

#buttons-categories #groupedportal ul#sectionnav li a:link {
    -webkit-tap-highlight-color: transparent;
}

@media print {
    #groupedportal .subheadline {
        font-family: Arial,sans-serif;
    }
}

.pw_container {
    width: 1024px;
}

#buttons-categories #groupedportal ul#sectionnav li a div {
    width: 100%;
    background-color: white;
    color: #212c4d;
    min-height: 36px;
    display: table;
}

#buttons-categories #groupedportal ul#sectionnav li a div div {
    vertical-align: middle;
    display: table-cell;
}

#buttons-categories #groupedportal ul#sectionnav li a.listingsButton:before {
    background: url(../Images/listings.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.listingsButton:before {
    background-image: url(../Images/listings.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.ticketsButton:before {
    background: url(../Images/tickets.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.ticketsButton:before {
    background-image: url(../Images/tickets.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.loginButton:before {
    background: url(../Images/login.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.loginButton:before {
    background-image: url(../Images/login.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.accountsButton:before {
    background: url(../Images/accounts.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.accountsButton:before {
    background-image: url(../Images/accounts.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.venuesButton:before {
    background: url(../Images/venues.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.venuesButton:before {
    background-image: url(../Images/venues.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.artistsButton:before {
    background: url(../Images/artists.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.artistsButton:before {
    background-image: url(../Images/artists.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.eventsButton:before {
    background: url(../Images/events.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.eventsButton:before {
    background-image: url(../Images/events.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.scoresButton:before {
    background: url(../Images/scoreboard.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.scoresButton:before {
    background-image: url(../Images/scoreboard.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.backupsButton:before {
    background: url(../Images/backups.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.backupsButton:before {
    background-image: url(../Images/backups.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.usersButton:before {
    background: url(../Images/users.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.usersButton:before {
    background-image: url(../Images/users.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.logsButton:before {
    background: url(../Images/logs.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.logsButton:before {
    background-image: url(../Images/logs.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.apiButton:before {
    background: url(../Images/api.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.apiButton:before {
    background-image: url(../Images/api.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.reportsButton:before {
    background: url(../Images/reports.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.reportsButton:before {
    background-image: url(../Images/reports.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.musicButton:before {
    background: url(../Images/music.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.musicButton:before {
    background-image: url(../Images/music.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.calculatorButton:before {
    background: url(../Images/calculator.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.calculatorButton:before {
    background-image: url(../Images/calculator.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.salesButton:before {
    background: url(../Images/sales.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.salesButton:before {
    background-image: url(../Images/sales.png);
}

#buttons-categories #groupedportal ul#sectionnav li a.sosLogButton:before {
    background: url(../Images/soslog.png) no-repeat;
    background-size: 90px auto;
    margin-top: 15px;
}

.lt-ie9 #buttons-categories #groupedportal ul#sectionnav li a.sosLog:before {
    background-image: url(../Images/soslog.png);
}
