@charset "utf-8";
/* This is an abridged section of 7.x.css that pulls out the block of elements that deal with .tn-subnav-component
 * and will need to be updated if that file ever gets changed. Unable to use 7.x.css native because its there are
 * small differences in getting it to play with all.css
 * As a sidenote, tnew.x.css and perhaps 7.x.css will need to be updated also when Tessitura makes changes that alters the tickets.artisnaples.org template
 */

/*==========================================================*/
/* Mobile - overwrite all.css for mobile menu to match new TNEW v.7 - see also styling in TNEW utility
/*==========================================================*/

nav #mobile-nav {
  margin-right:180px;
  margin-top:0px;
  border-right:12px solid #0f4e57;
  height:48px;
  top:0 !important;
  }
nav #mobile-nav a {
  padding:12px 15px;
  font-size:1.2em;
  height:48px;
  background-color:#0e4b53;
  opacity:1;
  }
  nav #mobile-nav a:hover, nav #mobile-nav a:active { background:#0d474f; }

/*==========================================================*/
/* Desktop - Donate Now button at top of desktop page
/*==========================================================*/

 nav.tools li {
  margin:-4px 0 0 4px;
  z-index:8;
  }
  nav.tools li a { color:#BBD6D2; }
  
/*==========================================================*/
/* Desktop - TNEW utility components at top of desktop page
/*==========================================================*/

.subnav-container {
  position:relative;
  max-width:1170px;
  font-size:.9em;
  z-index:1006;
  }

/* global subnav */
.tn-subnav-component  {
  position:absolute;
  width:100%;
  top:0px;
  right:0;
  }
  @media only screen and (min-width:990px) { .tn-subnav-component .tn-promo-box, .tn-subnav-component .tn-cart-link, .tn-subnav-component .tn-login-link { height:40px; }}
  @media only screen and (max-width:989px) { .tn-subnav-component .tn-promo-box, .tn-subnav-component .tn-cart-link, .tn-subnav-component .tn-login-link { height:48px; }}
  @media only screen and (max-width:599px) { .tn-subnav-component { top:10px; } nav #mobile-nav { margin-top:10px; }}
  
  /* log-in and Cart icons bars */
  .tn-subnav-component .tn-cart-link, .tn-subnav-component .tn-login-link, .tn-subnav-component .tn-promo-box {
    position:absolute;
    top:0;
    right:0;
    padding:10px 15px; /* paading vert 10px on TLD, due to Give Now button added on same horz axis -- needs to be 11px on TNEW */
    background:#0f4e57;
    display:inline-block;
    z-index:7;
    }
    .tn-subnav-component .tn-cart-link {
      overflow:hidden;
      max-width:285px;
      }
      .tn-cart-link .tn-text { margin-right:5px; }
    
    .tn-subnav-component .tn-login-link a, .tn-subnav-component .tn-cart-link a, .tn-subnav-component .tn-promo-box a, nav #mobile-nav a {
      position:relative;
      display:inline-block;
      color:#cfe6e0;
      opacity:.9;
      }
      .tn-subnav-component .tn-login-link a:hover, .tn-subnav-component .tn-login-link a:active,
      .tn-subnav-component .tn-cart-link a:hover, .tn-subnav-component .tn-cart-link a:active,
      .tn-subnav-component .tn-promo-box a:hover, .tn-subnav-component .tn-promo-box a:active,
      nav #mobile-nav a:hover, nav #mobile-nav a:active
      {
        color:#fff;
        opacity:1;
        }
        .tn-subnav-component .tn-login-link {
          margin-right:290px
          }
          @media only screen and (max-width:599px) {
            .tn-subnav-component .tn-text, .tn-subnav-component .tn-logged-in-email, .tn-subnav-component .tn-logout-link { display:none !important; }
            }
        
/* Promo code space being used as Search bar on TLD */
.tn-subnav-component .tn-promo-box {
  position:absolute;
  display:block;
  background:#0f4e57;
  top:0;
  right:0;
  margin-right:87px;
  z-index:6;
  text-align:center; 
  }
  .tn-subnav-component .tn-promo-box a { cursor:pointer; margin-left:1px; }
    .tn-subnav-component .tn-promo-box a i:before { cursor:pointer; }
    .tn-subnav-component .tn-promo-box .tn-text { display:inline; }
  
/* All 3 elements as they appear in various viewports  */
  @media only screen and (min-width:990px) { .tn-subnav-component .tn-promo-box { width:205px; }}
  @media only screen and (max-width:989px) {
    .tn-subnav-component .tn-login-link { margin-right:135px; }
    .tn-subnav-component .tn-promo-box { margin-right:55px; padding:8px; min-width:80px; }
    .tn-subnav-component .tn-promo-box .tn-text { display:none }
      .tn-subnav-component .tn-promo-box  { font-size:1.4em; padding-top:10px }
        #tn-remove-promo .tn-promo-applied { font-size:.8em; padding-top:16px }
    .tn-subnav-component .tn-cart-link .tn-timer {
        margin-right:.3em;
        }
        .tn-subnav-component .tn-cart-link .tn-timer .tn-timer-description { display:none; }
    }
  @media only screen and (max-width:469px) {
    .tn-subnav-component { right:-10px }
    .tn-subnav-component .tn-login-link { display:none }
    nav #mobile-nav { margin-right:110px; }
    }
  @media only screen and (max-width:399px) {
    .tn-subnav-component .tn-promo-box { display:none }
     nav #mobile-nav { margin-right:45px; }
  }