﻿/*OVERIDING DESKTOP CSS*/

#header {
    margin-bottom: 0px;
}

.header-top-menu,
.header .nav-main ul li.menu-item span {
    display: none;
}

.header-courtesy-login-container, .header-courtesy-loggedin-container {
    border-left: 2px solid #7b7979;
    border-right: 2px solid #7b7979;
}


/*footer*/
.footer-container {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.footer-container-right-sponsor {
    float: left;
}

.footer-container-right-sponsor-img {
    float: left;
}

.footer-container-right-social {
    display: inline-flex;
}

.footer-container-left {
    float: left;
    width: 50%;
}

.footer-container-right {
    width: 50%;
}

.footer-container-right-sponsor-img {
    margin-right: 40px;
}

.footer-container .aiga-ftr-logo {
    float: left;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: 20px;
    height: 60px;
}

.footer-container .aiga-ftr-logo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.full-site-link-container {
    background-color: #525252;
    height: 44px;
    text-align: center;
    float: left;
    width: 100%;
    display: none;
}

    .full-site-link-container a {
        color: #7b7979;
        font-family: "Interstate";
        font-size: 14px;
        font-weight: bold;
        line-height: 44px;
        text-decoration: none;
    }

.interior-main .content-body-copy .image-carousel .slideshow {
    background: none;
    text-align:center;
    /*max-height:480px;*/
    max-width:100%;
}

    .interior-main .content-body-copy .image-carousel .slideshow img {
        /*max-height: 480px;*/
        max-width: 100%;
    }

    .interior-main .content-body-copy :not(td) > img {
        /*max-height: 480px;*/
        max-width: 100%;
    }

    .content-body-copy table td img {
        display: table-cell;
    }

.interior-main .content-body-copy .image-carousel ul.thumbs {
    width: 100%;
}

.interior-main .content-body-copy .image-carousel div.flexslider {
        display: none;
}

@media (max-width :375px) {
    .content-body-copy p {
        margin: 0 0 20px 10px;
    }

    .content-body-copy table td {
            padding: 13px 10px 13px 0;            
        }
    .content-body-copy table th {
            padding: 9px 0 8px 0;           
        }
    table.mobile-table th {
        padding: 9px 0px 8px 0;
    }
    table.mobile-table td {
        padding: 13px 0px 13px 0;
    }
}

@media (min-width :768px) and (max-width:1024px) {
    .footer-container-left {
        float: left;
        width: 50%;
    }

    .footer-container-right {
        width: 50%;
    }
}


@media (min-width :768px) and (max-width:1070px) {
    .header-courtesy-search {
        padding: 0px;
    }

        .header-courtesy-search input {
            padding: 12px 5px 13px;
        }

    .header-courtesy-search-cancel {
        height: 28px;
        margin-top: 16px;
    }

    .header-courtesy-search-cancel-container {
        height: auto;
    }

    .header .header-logo {
        display: none;
    }

    .header .header-logo-small {
        display: block;
    }

    .header .header-logo-small {
        display: inline-block;
        float: left;
    }

    .header .nav-main ul li.menu-item {
        margin-left: 25px;
    }

    .header #menu-main {
        width: auto;
    }

    .header .header-courtesy {
        height: 44px;
    }

    .header .header-courtesy-login-container, .header .header-top-menu, .header .header-courtesy-social {
        float: right;
        padding: 9px;
        width: auto;
    }

    .header-courtesy-search-icon {
        margin-top: 17px;
    }

    .header-courtesy > #divSearchContainer {
        background: #d5d5d5;
    }

    .interior-main {
        width: 100%;
        max-width: 100%;
    }

    .interior-left {
        width: 100%;
        position: relative;
    }

    .interior-right {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

        .interior-right .narrow.col1 {
            padding: 25px 0 0;
        }
    /* wide narrow start*/
    .full-main {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 0 30px;
        margin-left: 0px;
    }

        .full-main .wide {
            margin-left: 95px;
        }

        .full-main > .narrow {
            margin-left: 385px;
            width: 200px;
            margin-top: 0px;
        }

        .full-main > .narrow {
            display: block;
        }

        .full-main .wide .col2 {
            width: 320px !important;
        }
    /* wide narrow end*/
}

@media screen and (max-width :1170px) {
    .interior-main {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 0 30px;
    }

        .interior-main > .interior-left,
        .interior-main > .interior-right {
            position: relative;
            left: 0;
            margin: 0 auto 20px;
            width: 100%;
        }

        .interior-main > .interior-right {
            min-width: 475px;
            max-width: 475px;
        }

            .interior-main > .interior-right .narrow {
                display: block;
            }

    .profile-main .profile-left-content {
        width: 100%;
    }

    .profile-main .ui-tabs {
        background-color: #fff;
    }

        .profile-main .ui-tabs:after {
            content: '';
            display: block;
            clear: both;
        }

        .profile-main .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
            margin: 0;
            padding: 0;
        }

        .profile-main .ui-tabs .ui-tabs-nav {
            width: 25%;
            float: left;
        }

            .profile-main .ui-tabs .ui-tabs-nav li {
                float: none;
                width: 100%;
                padding: 0;
                white-space: normal;
            }

                .profile-main .ui-tabs .ui-tabs-nav li a {
                    float: none;
                    display: block;
                }

    .profile-main .iu-tabs-nav .ui-state-default {
        width: 100%;
    }

    .profile-main .ui-tabs .ui-tabs-panel {
        width: 75%;
        float: left;
        clear: none;
        padding: 10px;
        box-sizing: border-box;
    }

    .profile-main .ui-tabs #gallery .profile-no-data {
        padding: 10px;
    }
}

@media (max-width :767px) {

    /*Header and Main Navigation Section*/
    body .header * {
        box-sizing: border-box;
    }

    .header-courtesy-search-icon-container,
    .header-courtesy-social,
    .header-courtesy-login-container {
        text-align: center;
        box-sizing: border-box;
        min-height: 29px;
    }

    .header .header-courtesy-login-container,
    .header .header-top-menu,
    .header .header-courtesy-social {
        width: auto;
        float: right;
        padding: 14px;
    }

    .header-top-menu {
        display: block;
    }

    .header .header-top-menu {
        text-align: center;
    }

    .header .header-courtesy-social {
        margin-top: 0;
    }

        .header .header-courtesy-social ul li {
            margin-top: 0;
        }

    .header .header-courtesy-search-icon-container {
        float: left;
        border-right: 2px solid #7b7979;
        padding: 3px 10px;
        width: auto;
    }

    .header-courtesy {
        height: 44px;
    }

    .header .nav-main {
        position: absolute;
        z-index: 2;
        width: 100%;
    }

        .header .nav-main ul li.menu-item {
            box-sizing: border-box;
            float: left;
            margin-left: 0px;
            padding: 0px;
            width: 100%;
        }

    .header #menu-main {
        width: auto;
        display: none;
        margin: 50px 0 19px;
    }

        .header #menu-main .down-arrow {
            display: none;
        }

    .header .nav-main ul li div.menu {
        position: relative;
        top: 0;
        display: none;
        visibility: visible;
        z-index: -1;
        float: left;
        width: 100%;
    }

        .header .nav-main ul li div.menu ul {
            max-height: none;
            opacity: 1;
        }

    .header .nav-main ul li:hover div.menu {
        display: none;
    }

    .header .nav-main {
        background-color: #24ABE3;
    }

        .header .nav-main > ul > li ul li {
            background-color: #50B3E6;
        }

        .header .nav-main ul li div.menu ul {
            margin-top: 0px;
        }

        .header .nav-main ul li a {
            line-height: 40px;
            color: #fff;
        }

    .header #menu-main li {
        position: relative;
    }

        .header #menu-main li a {
            margin-left: 45px;
            font-size: 14px;
        }

        /*.header #menu-main li li {
            padding-left: 45px;
        }*/

    .header #menu-main span img {
        max-width: 14px;
    }

    .header #menu-main span {
        position: absolute;
        left: 15px;
        top: 14px;
    }

        .header #menu-main span.plus {
        }

        .header #menu-main span.minus {
            display: none;
        }

    .header-courtesy-social ul li {
        margin-left: 14px;
    }

    .header #menu-main li.active span.minus {
        display: block;
    }

    .header #menu-main li.active span.plus {
        display: none;
    }

    .header .nav-main ul li.active div.menu {
        display: block;
        z-index: 3;
    }

    .header .nav-main ul li.menu-item {
        float: left;
        width: 100%;
    }

    .header .header-top-menu a, .header .header-courtesy-login-container a {
        color: #7b7979;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
    }

    .header .nav-main ul li.menu-item span {
        display: block;
    }

    .header .header-courtesy-login-container {
        padding: 0px 15px;
    }

    .header-top-menu.active a {
        color: #24ABE3;
        font-weight: bold;
        text-transform: uppercase;
    }

    .header .header-top-menu.active::before {
        border-color: #525252 transparent transparent;
        border-image: none;
        border-style: solid;
        border-width: 12px 12px 8px 10px;
        content: "";
        float: left;
        position: absolute;
        right: 26px;
        top: 43px;
        z-index: 3;
    }

    .header .background, .menu-overlay {
        display: none;
    }

    .header-top-menu a {
        font-size: 14px;
        font-weight: bold;
    }

    .header-courtesy-search-icon {
        margin-top: 13px;
        margin-left: 8px;
    }

    .header .header-courtesy-login {
        padding: 9px 0;
    }

    .header #menu-main {
        width: auto;
    }

    .header .header-logo {
        display: block;
    }

    .header .header-logo-small {
        display: none;
    }

    body .header .header-courtesy-social {
        padding: 17px 5px 11px 14px;
    }

    .header-main {
        height: auto;
    }

        .header-main .header-logo img {
            height: 80px !important;
            width: auto !important;
        }

    .header-courtesy > #divSearchContainer {
        padding-left: 38px;
        position: absolute;
        width: 100%;
        background: #d5d5d5;
    }

    .header-courtesy-search-cancel-container {
        width: 7%;
    }

    .header-courtesy-search {
        padding: 0 0 0px 0px;
        width: 93%;
    }

        .header-courtesy-search input {
            padding: 12px 5px 13px;
            width: 100%;
            border-radius: 0px;
        }

    .header-courtesy-search-cancel {
        height: 28px;
        margin-top: 16px;
    }

    .header-courtesy-search-cancel-container {
        height: auto;
    }

    .header-courtesy-search-cancel-container {
        padding-right: 2px;
        padding-left: 5px;
    }
    /*footer-area*/
    .footer-container {
        float: left;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 10px 20px 0px 20px;
    }

        .footer-container .footer-container-left {
            width: 100%;
            float: left;
            margin-bottom: 5px;
        }

        .footer-container .footer-container-right {
            width: 100%;
            float: left;
            text-align: left;
            margin-bottom: 20px;
        }

    .footer-container-right-sponsor-img {
        float: left;
    }

    .footer-container-right-sponsor {
        width: 100%;
        margin-right: 0px;
        font-size: 8px;
    }

    .footer-container-right-social {
        float: left;
        margin-top: 5px;
    }

        .footer-container-right-social ul li {
            margin-right: 10px;
            margin-left: 0px;
        }

    .footer-container-right-social {
        display: inline-block;
    }

        .footer-container-right-social > p {
            font-size: 8px;
        }

        .footer-container-right-social ul > li {
            margin-top: 0px;
        }

    .footer-container-left-main {
        font-size: 10px;
        font-style: normal;
        line-height: 1;
    }

    .footer-container-left-secondary, .footer-container-left-secondary a {
        font-size: 8px;
    }

    .full-site-link-container {
        display: block;
    }

    /*main wide narrow start*/
    .interior-main > .interior-right .wide .col1 {
        width: auto;
    }

    .interior-left {
        background-color: #fff;
        border-top: 1px solid #2c2c2c;
        box-shadow: 2px 2px 10px #bbbbbb;
        position: relative;
        width: 95%;
        left: 2%;
    }

    .interior-right {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .interior-top {
        width: auto;
        margin: 25px 0;
    }

    .top-copy {
        width: auto;
    }

    .interior-right .narrow.col1 {
        padding: 25px 0 0;
        display: block;
    }

    .full-main .narrow {
        margin-top: 0px;
    }
    /*main wide narrow end*/


    /* image gallery slider */
    .interior-main .content-body-copy .image-carousel div#thumbs {
        display: none !important;
    }

    .interior-main .content-body-copy .image-carousel div.flexslider {
        display: block;
    }

    .flexslider {
        margin: 0;
        padding-top: 10px;
        background: #fff;
        border: 4px solid #fff;
        position: relative;
        zoom: 1;
        border-radius: 4px;
    }

    .flex-control-nav {
        width: 100%;
        
        text-align: center;
    }

    .flex-control-nav, .flex-direction-nav {
        margin: 0 !important;
        padding: 0;
        list-style: none;
    }

    .flex-control-nav li {
        margin: 0 2px 4px !important;
        display: inline-block;
        zoom: 1;
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
    }
    .flex-control-paging li a {
        width: 11px;
        height: 11px;
        display: block;
        background: #666;
        background: rgba(0, 0, 0, 0.5);
        text-indent: -9999px;
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
    }
    /* image gallery slider end */

}

@media (max-width :940px) {
    .search-container .search-results {
        width: auto;
    }

    .search-container .search-results .result-item .result {        
        width: 100%;
    }
}

@media screen and (max-width:972px) {
    .events-main .events-left .content-block.events-list, .events-main .events-list .month-select ul, .events-main .events-list .event-list-item, .events-main .events-list .current-list-details {
        width: 100%;
        box-sizing: border-box;
    }

    .events-main .events-left .content-block.events-list {
        margin-left: 0;
    }

    .events-main .events-list .month-select, .events-main .events-list .month-select ul {
        height: auto;
    }

        .events-main .events-list .month-select ul:after {
            content: '';
            display: block;
            clear: both;
        }

        .events-main .events-list .month-select ul li img.bottom-arrow {
            display: none;
        }

    @media (max-width :567px) {
        /*main wide narrow start*/
        .interior-main > .interior-right .narrow {
            display: none;
        }

        .interior-main > .interior-right {
            max-width: 320px;
            min-width: 320px;
        }
        /*main wide narrow end*/
        /* wide narrow start*/
        .full-main .narrow {
            display: none;
        }

        .top-copy {
            width: auto;
        }

        .full-main > .wide .col1, .full-main > .wide .col2, .full-main > .wide .col3, .full-main > .wide .col4 {
            width: 320px;
        }

        .full-main .narrow {
            margin-top: 0px;
        }

        .full-main > .wide .widget-container {
            width: inherit;
        }

        .profile-main .ui-tabs .ui-tabs-nav {
            float: none;
            width: 100%;
        }

        .profile-main .ui-tabs .ui-tabs-panel {
            float: none;
            width: 100%;
        }

        /* wide narrow end*/

        .events-main .events-left .content-block.events-list select {
            font-family: "Interstate Ultra Black";
            font-size: 18px;
            padding: 2px 4px 2px 6px;
            border: 1px solid #dbdbdb;
            outline: none;
            color: #000;
            width: 90%;
            margin: 5px auto 0;
            display: block;
        }

        .events-main .events-list .search-dropdowns {
            float: none;
            width: 100%;
            margin: 0;
        }

        .events-main .events-list .month-select ul li {
            margin: 0;
            width: 25%;
        }

            .events-main .events-list .month-select ul li a {
                display: block;
                padding: 0;
                text-align: center;
            }
    }

    @media (min-width :360px) and (max-width:640px) {
        /* wide narrow start*/
        .full-main {
            margin-left: 45px !important;
        }

            .full-main .wide {
                margin-left: auto;
                margin-right: auto;
            }
        /*.full-main > .wide .col1{width:90%; }*/
        /* wide narrow end*/
    }

    @media (max-width :360px) {
        .top-copy {
            width: auto;
        }

        .full-main > .wide .col1, .full-main > .wide .col2, .full-main > .wide .col3, .full-main > .wide .col4 {
            width: 95%;
        }

        .full-main {
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            width: 90%;
        }

        .wide .widget-container {
            width: inherit;
        }

        .interior-main > .interior-right {
            max-width: 100%;
            min-width: 100%;
        }

            .interior-main > .interior-right,
            .interior-main > .interior-right .wide .col1,
            .interior-main > .interior-right .wide .col2,
            .interior-main > .interior-right .wide .widget-container {
                width: 100%;
            }

        .not-found-main {
            margin: 20px auto;
            width: 280px;
        }

        .not-found-description {
            width: 280px;
        }

        .not-found-logo {
            width: 280px;
            text-align: center;
            padding-bottom: 10px;
            font-size: 12px;
        }

        .search-container .search-results {
            margin: 27px 0 0 20px;
            width: 300px;
        }

            .search-container .search-results .result-item .result {
                width: 300px;
            }

            .search-container .search-results .search-term input {
                width: 300px;
            }

            .search-container .search-results .result-item .thumbnail {
                width: 300px;
                text-align: center;
            }
    }
}

@media (max-width :1187px) {
    .footer-container-left {
        width: 40%;
    }
    .footer-container-right {
        width: 60%;
    }
}

@media (max-width :999px) {
    .footer-container-left {
        width: 100%;
        clear: both;
    }
    .footer-container-right {
        width: 100%;
    }
}

@media (max-width :999px) {
    .footer-container-left {
        width: 100%;
        clear: both;
    }
    .footer-container-right {
        width: 100%;
    }
}

@media (max-width: 372px) {
    .footer-container .aiga-ftr-logo {
        clear:both;
    }
}