
/*
    the following CSS selectors and properties will disable 
    the responsiveness of the AudienceView e-commerce site, 
    and instead will force the full desktop experience for 
    all devices
*/

/* = reset bootstrap columns
-------------------------------------------------------------- */

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    display: inline-block;            
    float: left;
}
.col-md-1 {
    width: 8.33333333%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-3 {
    width: 25%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-6 {
    width: 50%;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-9 {
    width: 75%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-11 {
    width: 91.66666667%;
}
.col-md-12 {
    width: 100%;
}
.col-md-offset-1 {
    margin-left: 8.33333333%;
}
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-offset-4 {
    margin-left: 33.33333333%;
}
.col-md-offset-5 {
    margin-left: 41.66666667%;
}
.col-md-offset-6 {
    margin-left: 50%;
}
.col-md-offset-7 {
    margin-left: 58.33333333%;
}
.col-md-offset-8 {
    margin-left: 66.66666667%;
}
.col-md-offset-9 {
    margin-left: 75%;
}
.col-md-offset-10 {
    margin-left: 83.33333333%;
}
.col-md-offset-11 {
    margin-left: 91.66666667%;
}
.col-md-offset-12 {
    margin-left: 100%;
}

/* = basic HTML
-------------------------------------------------------------- */
    
body,
html {
    overflow: visible;
    min-width: 1200px;
}

#header {
    padding: 45px 0 10px;
}
.header-content {
    padding: 0 15px;
}
    
#content,
.active-nav #content,
.active-sidebar #content,
.container {
    width: 1170px!important;
}
#content,
.active-nav #content,
.active-sidebar #content {
    float: none;
    margin: 0 auto;
    overflow: visible;
}

/* =Content and Article containers
-------------------------------------------------------------- */
    
.av-left,
.av-center,
.av-right {
    display: inline-block;
    float: left;
}
.articles .article-container.main-article-body,
.articles .article-container.secondary-linked-features,
.articles .article-container.tertiary-linked-features {
    display: inline-block;
}
.articles .article-container.main-article-body {
    width: 100%;
}
.articles.has-secondary-features .article-container.main-article-body {
    width: 75%;
    float: right;
    padding: 0 0 0 10px;
}
.articles.has-tertiary-features .article-container.main-article-body {
    width: 75%;
    float: left;
    padding: 0 10px 0 0;
}
.articles.has-secondary-features.has-tertiary-features .article-container.main-article-body,
.articles.has-secondary-features.has-tertiary-features .article-container.main-article-body {
    width: 50%;
    padding: 0 10px;
    float: none;
}
.articles .article-container.secondary-linked-features {
    width: 25%;
    float: left;
    padding: 0 10px 0 0;
}
.articles .article-container.tertiary-linked-features {
    width: 24%;
    float: right;
    padding: 0 0 0 10px;
}
    
/*= off-canvas navigation 
**********************************************/

.menu-toggle {
    display: none;
}  
.nav > li > a:hover, 
.nav > li > a:focus {
    color: #0088cc;
    background: none;
}

/* MAIN MENU POSITION FOR STANDARD SCREEN */

#menu,
.active-nav #menu,
.active-sidebar #menu {
    background: #E0E0E0;
    padding: 10px 0;
    margin: 0;
    float: none;
    width: auto;
    text-align: center;
    width: 100%;
}
.menuContainer.main-nav {
    display: inline-block;
}
.menuContainer.main-nav .nav .menuTopItem {
    display: inline-block;
    position: relative;
    margin: 0 5px;
}
.menuContainer.main-nav .nav .menuTopItem .menu_item,
.menuContainer.main-nav .nav .open .menuTopItem .menu_item {
    background-color: transparent;
    color: #3F3F3F;
    border: 0;
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
    float: left;
}
.menuContainer.main-nav .nav .menuTopItem .menu_item span {
    display: inline;
}
.menuContainer.main-nav .nav .menuTopItem .menu_item .glyphicon {
    display: inline;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 5px;
    top: 2px;
}
.menuContainer.main-nav .nav .menuTopItem .dropdown-toggle {
    border-left: 1px dotted #3F3F3F;
}
.menuContainer.main-nav .nav .menuTopItem .dropdown-toggle .glyphicon {
    top: 0;
    margin: 0;
}
.menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius:  0  0 5px 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
    display: none;
    margin: 14px 0 0;
    padding: 10px 0;
    position: absolute;
    width: 300px;
    top: 100%;
    z-index: 90;
}
.menuContainer.main-nav .nav .menuTopItem.open .dropdown-menu {
    display: block;
}
.menuContainer.main-nav .nav .menuTopItem.open [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.menuContainer.main-nav .nav li .dropdown-menu li a {
    border: 0;
    padding: 5px 10px;
}

/* =Order Box
-------------------------------------------------------------- */

.customer-options,
.active-nav .customer-options,
.active-sidebar .customer-options {
    background: #000;
    background: rgba(0,0,0,0.85);
	display: inline-block;
    float: none;
    margin-right: 0;
	padding: 8px 0;
    position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
	opacity: .85;
}
.customer-options:hover {
    opacity: 1;
}
#orderInfo,
.active-nav  #orderInfo,
.active-sidebar #orderInfo {
    background: none transparent;
    border: 0;
	color: #fff;
	margin: 0 auto;
	padding: 0 20px;
	text-align: right;
    width: 1170px!important;
}
.customer-greeting,
.customer-order,
.customer-buttons,
.order-message {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.order-message {
    font-style: italic;
    margin: 0 0 0 10px;
}
#orderTimeout {
    color: #de0400;
}
.shopping-cart-link,
.shopping-cart-link:hover {
    background: #333;
    border-color: #888;
    color: #fff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 6px 12px;
    width: auto;
}
.paypal-express {
    float: right;
}
.navExpCheckoutSeparator {
	margin: 5px 10px 0;
	display: inline-block;
	float: left;
}
.checkout-button {
	display: inline-block;
	float: left;
}
.checkout-info-button {
    display: block;
    margin: 0 20px 0 0;
	clear: both;
}

/* =Current Active Promotions
-------------------------------------------------------------- */

.active-promotions {
    background-color: transparent;
    border-right: 1px dotted #cfcfcf;
    border-bottom: 0;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #cfcfcf;
    overflow: visible;
    padding: 0 10px 0 0;
}
.activePromocodeText {
    font-size: 14px;
}
.active-promotions ul {
    display: inline;
}
.active-promotions ul li {
    display: inline;
    margin: 0 3px 0 0;
}
        
/* = Search Box
-------------------------------------------------------------- */
       
.search-box {
    padding: 10px;
    margin: 0 0 20px;
}
.search-box form {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.search-box form ul {
    display: inline-block;
    width: 100%;
}
.search-box form ul li {
    display: inline-block;
    margin: 0 5px;
}
.search-box form ul li .field-label {
    display: inline;
}
.search-box form ul li .form-control {
    display: inline-block;
    width: 190px !important;    
}

/* = Search results
-------------------------------------------------------------- */
    
.result-box-item-details {
    float: left;
    padding: 0 5px 0;
    margin: 0;
    width: auto;
}
.result-box-item-details.last-column {
    float: right;
    margin: 0 0 0;
}

/* = Search Result Widget (standard)
-------------------------------------------------------------- */
    
.standard-search-results .result-box-item-details,
.detailed-search-results .result-box-item-details {
    text-align: left;
}
.standard-search-results .result-box-item-details.last-column,
.detailed-search-results .result-box-item-details.last-column {
    text-align: right;
}
.standard-search-results .result-box-item .item-link .btn,
.standard-search-results .result-box-item .availability-icon,
.detailed-search-results .result-box-item .item-link .btn,
.detailed-search-results .result-box-item .availability-icon {
    display: inline-block;
    width: auto;
}
    
/* = Search Results widget 2 (Detailed)
-------------------------------------------------------------- */

.detailed-search-results .item-image.result-box-item-details {
    width: 20%;
    min-height: 32px;
    padding: 0 5px 0 0;
}
.detailed-search-results .item-image.no-logo .item-logo {
    height: 100px;
}
.detailed-search-results .item-description {
    width: 60%;
}
.detailed-search-results .item-link.result-box-item-details {
    width: 20%;
    text-align: right;
}

        
/* = Search Results widget 3 (Grid)
-------------------------------------------------------------- */

.grid-result {
    width: 31%;
    margin: 0 1% 1%;
    position: relative;
    min-height: 360px;
}
.grid-result .item-image.no-logo .item-logo {
    height: 185px;
}
.grid-result.row-first-result-sm {
    clear: none;
}
.grid-result.row-first-result-md {
    clear: left;
}
.grid-result.odd .item-description {
    background: #F0F0F0;
    background: rgba(240, 240, 240, 0.90);
}
.grid-result.even .item-description {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.90);
}
.grid-result .item-description {
    position: absolute;
    min-height: 94px;
    bottom: 60px;
    left: 10px;
    right: 10px;
}
.grid-result .item-link {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.grid-result .item-description .item-teaser,
.grid-result .item-description .item-end-date,
.grid-result .item-description .item-venue {
    cursor: default;
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    transition: all .4s ease-in;
}
.grid-result:hover .item-description .item-teaser,
.grid-result:hover .item-description .item-end-date,
.grid-result:hover .item-description .item-venue  {
    height: auto;
    opacity: 1;
    max-height: 500px;
}
        
/* = Search Results Availability legend
-------------------------------------------------------------- */
    
.availability-legend .result-box-item-details {
    float: left;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    width: auto;
}

/* =Order Contact
-------------------------------------------------------------- */   
    
.order-contact .billing-info select {
    border-radius: 4px 0 0 4px;
    float: left;
    width: 60%;
}
.order-contact .billing-info .btn-group {
    width: 40%;
}
.order-contact .billing-info .btn-group .btn:first-child {
    border-radius: 0;
    border-left: 0;
}
.delivery-method-description {
    display: inline;
}
.payment-methods-list .payment-method-option {
    width: 31%;
}

/* = My Account - Navigation
-------------------------------------------------------------- */

.my-account-nav-heading {
    border: 0!important;
    border-radius: 0;
    font-size: 18px;
    margin: 20px 0 10px;
    text-align: right;
    padding: 10px;
}
.my-account-nav-heading .nav-heading-toggle {
    display: none;
}
.my-account-nav {
    height: auto;
    overflow: visible;
}
.my-account-nav ul li {
    border: 0;
    margin: 0 0 5px;
}
.my-account-nav ul li a {
    border-right: 2px solid transparent;
    color: #666;
    display: block;
    font-size: 13px;
    outline: 0;
    margin:  0;
    padding: 8px 8px 8px 5px;
    text-align: right;
    text-decoration: none;
} 
    
/* = My Account - common elements
-------------------------------------------------------------- */
    
.section-box .no-label-indent,
.account-box .no-label-indent  {
    padding-left: 200px;
}   
.account-box .field-label {
    display: inline-block;
    float: left;
    width: 200px;
}
.account-box .form-control {
    display: inline-block;
    width: 220px;
}
    
.account-box .address-verification .field-label {
    width: 220px;
}

/* = My Account - Account Information
-------------------------------------------------------------- */

.account-options.keywords li {
    width: 19%;
}

/* = My Account - Friends
-------------------------------------------------------------- */

.linked-account-detail {
    display: inline-block;
    width: 48%;
}

/* = My Account - Saved Payments
-------------------------------------------------------------- */

.my-account-navigation-box {
    padding-left: 200px;
}
.my-account-navigation-box .navUpdate,
.my-account-navigation-box .navCancel {
    min-width: 94px;
    float: none;
}
.section-box .change-password-action .btn,
.my-account-navigation-box .navDelete {
    display: block;
    margin: 10px 0 0;
    width: 220px;
    float: none;
}
   
/* = Item information/search results
-------------------------------------------------------------- */
    
.item-box-item-details {
    float: left;
    margin: 0 5px 0;
    width: auto;
}
.item-box-item-details.last-column {
    float: right;
    margin: 0 0 0;
}
    
.item-information.item-box .item-description-details {
    float: left;
}
.item-information.item-box.has-logo1 .item-description-details,
.item-information.item-box.has-logo2 .item-description-details {
    width: 75%;
    padding: 5px;
}
.item-information.item-box.has-logo1.has-logo2 .item-description-details {
    width: 50%;
    padding: 5px;
}
.item-information.item-box .item-logo {
    padding: 5px;
    width: 25%;
    float: left;
}  
    
/* = Map & Best Available Seat Select
-------------------------------------------------------------- */
    
.item-box-item-details.price-zone-option,
.zone_row .item-box-detail-data {
    line-height: 42px;
    border: 0;
    margin: 0;
    padding: 0 5px;
}
.item-box-item-details.price-zone-option .price-zone-color {
    height: 42px;
}
.item-box-item-details .price-zone-amount {
    float: left;
    padding: 0 5px;
    min-width: 80px;
    max-width: 100px;
    width: auto;
    text-align: center;
}
.item-box-item-details .price-zone-amount .price-zone-amount-amount {
    float: none;
}
.item-box-item-details .price-zone-amount .price-type-label {
    display: block;
    margin: 0 0 5px;
    font-size: 12px;
}


/* =Shopping Cart
-------------------------------------------------------------- */   
        
.order-items .item-options {
    width: 50px;
    padding: 0;
}
    
/* =Order items
-------------------------------------------------------------- */

.order-items .section-box-item .section-box-item-details .field-label,
.order-item-details .section-box-item .section-box-item-details .field-label,
.seat-location-information .section-box-item .section-box-item-details .field-label,
.bundle-result-admission.section-box-item .section-box-item-details .field-label {    
    font-size: 11px;
    line-height: 1;
    margin: 0 5px;
}
.admission-row.section-box-item .section-box-item-details {
    border: 0;
    padding: 0 10px 0 0;
}
.admission-row.section-box-item .section-box-item-details select {
    float: none;
}
.section-box-item.item-total .item-total-value {
    float: none;
}  
.payment-methods-list .payment-method-option {
    width: 23%;
}
    
/* = My Account
-------------------------------------------------------------- */
    
.small-heading-text {
    display: inline-block;
    margin: 0 0 0 10px;
}    
.last-column,
.last-column .form-control {
    text-align: right;
}
.account-header .customer-summary .customer-name {
    float: left;
}
.account-header .customer-summary .account-header-text {
    float: right;
    line-height: 40px;
}
.account-header .customer-summary .account-header-text .customer-number,
.account-header .customer-summary .account-header-text .create-date {
    display: inline-block;
    margin: 0 0 0 10px;
}
.account-header .customer-summary .account-header-text .account-header-label {
    margin: 0 5px;
}
.account-header .customer-value-section .account-header-item-details {
    float: left;
    line-height: 1;
    text-align: center;
    width: 33%;
}
.account-header .customer-value-section .account-header-item-details .customer-value {
    display: block;
    font-size: 16px;
    margin: 5px 0 0;
}
.section-box-item-details select {
    width: auto;
}
.section-box-item-details {
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 0;
    width: auto;
}
.section-box-item-details.last-column {
    float: right;
}
.order-number.section-box-item-details,
.order-date.section-box-item-details {
    margin-right: 30px;
}
.saved-payment-details,
.membership-detail {
    width: 33%;
    float: left;
}
.ticket-usage-details.section-box-item-details  {
    text-align: center;
    float: left;
    width: 25%;
}
.popup-ticket-forward .modal-dialog {
    width: 750px;
}

/* = Map & Best Available Seat Select
-------------------------------------------------------------- */
    
.venue-image-column,
.select-tickets-column,
.misc-item-image-column,
.select-misc-item-column {
    display: inline-block;
    max-width: 50%;
}
.venue-image-column .venue-image.item-box {
    padding: 20px;
    margin: 0 10px;
}
.map-select-tickets-column {
    width: 415px;
    display: inline-block;
    float: left;
}
.map-parent {
    display: inline-block;
    float: left;
    width: 715px;
    padding-left: 20px;
}
.seat-tabs-box .seat-tabs {
    display: inline-block;
    float: right;
}
.seat-tabs-box h1 {
    display: inline-block;
    float: left;
    margin: 0;
}
.seat-tabs-box .seat-tabs .seat-tab {
    width: auto;
}
    
.misc-item-preview {
    margin-left: 20px;
}
    
.popup-ticket-forward .modal-dialog {
    width: 950px;
}
    
/* =Promo Code Box
-------------------------------------------------------------- */

.promotional-code-input {
    max-width: 300px;
}
.info-content.modal-body,
.info-content.modal-body iframe {
    height: 500px;
}