@charset "UTF-8";

/* ========================================================= *\

   Version:      4
   Theme Name:   Autolux Detailing
   Author:       Bart Grebowiec
   Changes:      Removed unused css 

   ---------------------------------------------------------

   * BASE
   * LAYOUT
   * NAVIGATION
   * FORMS
   * MODULES
   * HELPER STYLES
   * MISCELLANEOUS (TEMP, SORT - temporarily placed)
   * OVERRIDES / OVERLOADS

\* ========================================================= */



/* BASE - general styles, reset, links, headings, tags
   ========================================================= */
   html {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 16px;
      overflow-y: scroll; /* overflow: -moz-scrollbars-vertical; overflow: scroll; */
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;}

   html, body {
      margin: 0;
      border: 0;
      padding: 0;
      max-width: 100%; /* contains layout within viewport */}

   h1, h2, h3, h4, h5, h6, p, ul, ol {
      margin: 0 0 24px;
      margin: 0 0 1.5rem; /* margins relative to html font-size */
      line-height: 1.5;}

   h1, h2, h3, h4, h5, h6 {
      position: relative;
      font-weight: normal;}

   h1, .h1 {
      font-size: 3em;
      letter-spacing: -1px;}

   h2, .h2 {
      font-size: 2em;
      margin: 48px 0 24px;
      border-top: 1px solid #eee;
      padding-top: 24px;
      letter-spacing: -1px;
      word-spacing: -1px;}

   .h2 {
      margin-top: 0;
      margin-bottom: 36px;
      border-top: 0;
      padding-top: 0;}

   h3, .h3 {
      font-size: 1.5em;
      color: #444;
      text-shadow: 0 1px 0 #fff;}

   h4, .h4 {
      font-size: 1.5em;
      font-weight: bold;
      color: #000;
      border: 0;}

   h5, .h5, h6, .h6 {
      font-size: 1.3125em; /* 16 x 1.3125 = 21 */
      border: 0;
      padding: 0;}

   h1 small {
      letter-spacing: -1px;
      display: block;
      clear: both;
      border-top: 1px solid #eee;
      padding-top: .5em;
      margin-top: .25em;
      font-size: .5em;
      font-weight: 400;
      color: #777;}

   h2 small {
      position: relative;
      line-height: 1;
      display: inline;
      font-weight: 400;
      color: #777;}

   .h2 small {
      letter-spacing: normal;
      word-spacing: normal;
      display: block;
      clear: both;
      border-top: 1px solid #eee;
      padding-top: .5em;
      margin-top: .25em;
      font-size: .5em;
      font-weight: 400;
      color: #777;}

/* text links */
   a:link {
      color: #C00003;
      text-decoration: none;
      border-bottom: 1px dashed #FFBFEF;}

   a:visited {
      color: #969; /* 93c */
      border-color: #969;
      text-decoration: none;}

   a:hover, a:focus, a:active {
      color: #4D9301 /*#5c9421*/;
      border-bottom: 1px solid #5BAA01;}

   a:active {
      outline: 1px dotted #C00003;
      color: #C00003;
      border-color: transparent;}


/* call to action (cta) button */
   .btn, .btn-cta:link, .btn-cta:visited {
      display: inline-block;
      position: relative;
      z-index: 100;
      background: #5c9421;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 1em;
      line-height: normal;
      color: #fff;
      padding: .5em 1em;
      border: 4px solid #374c0d;
      margin: 1em 0;
      border-radius: 5px;
      text-shadow: 0 -1px 0 #374c0d;
      box-shadow: inset 0 1px 0 #92b86b;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;}

   .btn:hover, .btn:focus, .btn-cta:hover, .btn-cta:focus { background:#68a725; }


/* skip link */
   .skip {
      background: #ffc;
      display: block;
      left: -500px;
      top: -300px;
      padding: 10px 20px;
      position: absolute; /* fixed */
      z-index: 1000;}

   .skip:focus {
      left: auto;
      top: auto;}


/* back to top link */
   .footer a.top {
      position: absolute;
      top: 0;
      right: 0;
      border-color: transparent;
      padding: 5px 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 10px;
      color: #999;
      background: #fff;
      border-radius: 0 0 5px 5px;
      box-shadow: 0 15px 20px -5px #000;}

   .footer a.top:hover,
   .footer a.top:focus,
   .footer a.top:active {
      color:#000;
   }

   .footer a.top:before {
      content:"\25B2";
      display:block;}


/* lists - hanging */
   /* ul | ol */.hanging {
      line-height: 1.5;
      padding-left: 0;}





/* LAYOUT
   ========================================================= */
/* navigation */
/* nav */
   .nav {
      list-style: none;
      margin: 0;
      padding: 0;}

      .nav li {display: inline;} /* set all nav <li>'s inline, even vertical ones, for vertical set the <a> to display: block; */

         .nav a, .footer a {
            text-decoration: none;
            border-bottom: 0;
            color: #777;
            padding: 0 .5em;}


/* nav primary */   
   .nav-primary a {
      font-size:16px;
      display:inline-block;
      color:#999;
      text-transform:uppercase;}

   .nav-primary li:first-child a { margin:0; }

   .nav-primary a:hover, .nav-primary a:focus { color:#fff; }


/* nav secondary */
   .nav-secondary a {
      font-size:12px;
      display:inline-block;
      color:#999;}

   .nav-secondary a:hover, .nav-secondary a:focus { color:#fff; }

   .nav-secondary .contact, .nav-secondary .contact:hover, .nav-secondary .contact:focus {
      border-left:1px solid #333;
      padding-left:1em;}


/* active global link (top nav & footer) */
   .home .home, .policies .policies, .about-us .about, .contact-us .contact, #appointment .appointment, .pictures .pictures, .pricing .pricing, .events .events,  .overspray .overspray, .gc .gc { color:#FFF; } /* glow effect: box-shadow:0 0 9px 4px #777777; */

   .home .has-seperator .home, .policies .has-seperator .policies, .about-us .has-seperator .about, .contact-us .has-seperator .contact, .appointment .has-seperator .appointment, .pictures .has-seperator .pictures, .pricing .has-seperator .pricing, .events .has-seperator .events, .overspray .has-seperator .overspray, .gc .has-separator .gc { background:transparent; }


/* nav-local (aside) */
   .nav-local {
      margin-left: -20px;
      margin-bottom: 24px;}

      .nav-local li {
         margin: 2px 0;
         position: relative;}

         .nav-local h5 { margin-left: 36px; }

         .nav-local a {
            display: block;
            padding: .5em 0 .5em 36px;
            position:relative;}

         .nav-local a:hover {
            background: rgba(246, 245, 243, .5);
            color: #000;}

         .nav-local a:hover:before {
            content: "\25BA"; /* ? &#9658; = \25BA | &#9654 \25B6  |white space: \a0 */
            display: block;
            position: absolute;
            width: 1em;
            height: 1em;
            left: -3px;
            text-shadow: 3px 0 2px rgba(0, 0, 0, .1);
            color: #fff;}


      /* active local link */
         .exterior .exterior, .banda .banda, .shows .shows,  .testimonials .testimonials, .about-us .about-us, .faqs .faqs {
            background: #000;
            color: #fff;} /*{background:rgba(246, 245, 243, .5); color:#000; border:1px solid #eee;}*/

         .exterior .exterior:before, .banda .banda:before, .shows .shows:before,  .testimonials .testimonials:before, .about-us .about-us:before, .faqs .faqs:before {
            content: "\25BA";
            position: absolute;
            width: 1em;
            height: 1em;
            left: -3px;
            color: #fff;}


/* nav footer */
   .has-seperator {
      margin:0 0 1.5em;
      text-align:center;}

      .has-seperator li { display:inline; }

         .has-seperator a {
            font-size:12px;
            border-left:1px solid #333;
            padding:0 .75em;}

         .has-seperator li:first-child a {
            border:0;
            padding-left:0;}

         .has-seperator a:hover, .has-seperator a:focus, .footer a:hover, .footer a:focus { color:#fff; }


  .container-nav {
      width: 100%;
      color: #fff;
      position: fixed;
      z-index: 1000;
      top: 0;
      background: #000;
      margin-top: -1px;
      -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .5);
      box-shadow: 0 0 15px 3px rgba(0, 0, 0, .5);
      -moz-box-shadow: none;}


   /* nav-secondary */
     .container-nav-secondary {
         background:#222;
         color:#fff;
         border-bottom:1px solid #000;
         padding:.25em 0;}

         .nav-secondary {
            width:960px;
            margin:0 auto;
            text-align:right;}

            /* .nav-secondary li { display:inline; } */ /* TODO : move to .nav li for nav-seconday, .nav-primary, .has-separator, others? */


   /* nav-primary */
      .container-nav-primary {
         position:relative;
         background:#000;
         border-top:1px solid #333;} /* box-shadow on fixed elements messes up font rendering in Firefox */

      /* logo */
         /*h1*/.branding {
            position:absolute;
            left:50%;
            top:50%;
            margin-top:-36px;
            margin-left:-495px;
            width:200px;
            height:72px;
            overflow:hidden;
            z-index:10;}

            .branding a {
               position:absolute;
               width:200px;
               height:72px;
               font:0/0 serif;
               text-indent:100%;
               white-space:nowrap;
               overflow:hidden;
               border:0;}

               .branding img {
                  display:block;
                  border:0;
                  position:absolute;}

      /* links */
         .nav-primary {
            width:960px;
            margin:0 auto;
            text-align:right;
            padding:24px 0;
            position:relative;
            right:-12px;}

            /* .nav-primary li { display:inline; } */ /* TODO : move to .nav li for nav-seconday, .nav-primary, .has-separator, others? */


/* header */
   .container-header {
      width:100%;
      margin-top:6.59em;}

      .header {
         width:960px;
         margin:0 auto;
         padding:2em 0 0;}


/* content */
   .container-content {
      width:960px;
      margin:0 auto 3em;
      padding:1em 0;}

      .content-main {
         float:left;
         padding-right:20px;
         width:580px;
         background:#fff;}

      .content-aside {
         float:left;
         min-height:500px;
         width:340px;
         padding-left:20px;
         background:transparent url(../img/css/bg-sidebar.png) no-repeat scroll left top;}


/* footer */
   .container-footer {
      background:#292929;
      color:#777;
      box-shadow:inset 0 15px 25px -10px #000;}

      .footer {
         position:relative;
         width:960px;
         margin:0 auto;
         padding:3em 0 8em;
         background:url(/assets/img/autolux-logo-footer.png) no-repeat 50% 75%;}





/* FORMS 
   ========================================================= */
   .box form { padding:1em 1em 0; }

      fieldset {
         margin:0;
         border:0;
         padding:0;}
   
         fieldset div {
            padding:0;
            margin-bottom:1em;}

            label {
               color:#000;
               cursor:pointer;
               position:relative;}
   
               label em { /* (required) */
                  font-style:normal;
                  color:#c00;}
   
            input[type="text"], textarea {
               border:1px solid #bbb;
               border-color:#bbb #ddd #ddd #bbb;
               padding:5px;
               width:100%;
               background:#fff url(/assets/img/css/bg-input.png) no-repeat left top;
               font-size:100%;
               font-family:sans-serif;
               font-weight:400;
               color:#000;
               -moz-box-sizing:border-box;
               -webkit-box-sizing:border-box;
               -o-box-sizing:border-box;
               box-sizing:border-box;}
   
            textarea { height:180px; }
   
            input[type="text"]:focus, textarea:focus { outline:1px solid #777; }

            button { text-transform:uppercase; }





/* MODULES 
   ========================================================= */
/* box */
   .box {
      position:relative;
      margin-bottom:20px;
      padding:1em 15px;
      background:#F6F5F3;
      border:1px solid #F2F2F2;}

   /*.box*/.naked {
      background:transparent;
      border:0;}

   .box *:last-child { margin-bottom:0; }
   

/* call to action */
   .cta {
      position:relative;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;}

      .cta span {
         text-shadow:0 1px 0 #fff;
         color:#777;
         padding:.5em 0;}
   
      .cta strong { color:#000; }


/* call to action buttons */
   .btn-cta { letter-spacing:-1px; }


/* messages (contact us & schedule appointment) */   
   .errors {
      color:#c33;
      display:block;
      line-height:2.0;
      margin:1em 1em 2em;
      padding:1em;
      background:#FFF7F7;
      border:2px dashed #c33;}

   .errors em {
      display:block;
      font-weight:400;
      margin-left:1em;
      padding-left:25px;
      background:url(/assets/img/error.png) no-repeat 0 50%;}

   .thankyou {
      display:block;
      background:#fff url(/assets/img/success.png) no-repeat 10px 50%;
      line-height:2.0;
      margin:1em 1em 2em;
      padding:1.5em 1.5em 1.5em 85px;
      border:2px dashed #93BD08;
      color:#527F30;
      font-size:1.1em;
      font-weight:900;
      position:relative;}


/* div.gallery - holds image thumbnails */
   .gallery { margin:0 -8px; }

   .gallery a {
      text-decoration:none;
      display:inline-block;
      margin:0 8px 16px;
      border:0;}

   .gallery a:hover img, .gallery a:focus img {
      background:#ddd;
      /* outline:0; on :focus only */
      box-shadow:0 0 4px 3px #68a725;}

   .gallery img {
      display: block;
      border: 1px solid #ccc;
      padding: 4px;
      width: 168px;
      height: 104px;
      background: #eee;
      border-radius: 3px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, .5) inset;}


/* stack gallery images on top of each other so only one is shown */
   /*.gallery*/.stacked {
      margin:0;
      position:relative;}

   .stacked a {
      position:absolute;
      margin:0;}

   .stacked a:first-child { z-index:100; }

   .stacked img {
      width:328px;
      height:245px;}


/* inline or sidebar photos */
   /*img*/.photo {
      margin-bottom:1em;
      border:1px solid #ccc;
      padding:5px;
      background:#eee;
      border-radius:3px;
      box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 0 #fff inset;}


/* coupon ($10 OFF) .box.coupon */
   .coupon {
      vertical-align:top;
      border:2px dashed #ddd;}

   .currency { /* $ */
      vertical-align:top;
      font:3em serif;
      color:#777;
      text-shadow: 2px 2px 0 #fff, 5px 5px 0 #ccc;}

   .amount { /* 10 */
      vertical-align:top;
      font:bold 12em serif;
      line-height:.8;
      letter-spacing:-.15em;
      color:#000;
      text-shadow: 2px 2px 0 #fff, 5px 5px 0 #ccc;}

   .off { /* OFF */
      vertical-align:bottom;
      font:3em serif;
      color:#777;
      text-shadow: 2px 2px 0 #fff, 5px 5px 0 #ccc;
      margin-left:10px;}

   .divider { /* - - - - - */
      display:block;
      font:bold 1.5em serif;
      color:#ddd;}


/* gift certificates */
  .gift {
      background:#f2f2f2;
      border:1px dashed #999;
      text-align:center;
      box-shadow:0 5px 7px #ccc;
      padding:2em 1em 1em;
      margin:2em 0;}


/* box ribbon - gift certificates */
   .ribbon { position:absolute; }

   .ribbon-tl {
      width:124px;
      height:118px;
      top:-5px;
      left:-5px;
      background:url(/assets/img/gc-tl.png) no-repeat;
      z-index:1;}

   .ribbon-br {
      width:71px;
      height:73px;
      bottom:-4px;
      right:-4px;
      background:url(/assets/img/gc-br.png) no-repeat;}


/* testimonials */
   blockquote {
      margin:0 16px;
      padding-top:1.8em;}

   blockquote p:first-child { text-indent:-.75em; }

   blockquote p, q {
      color:#555;
      font:400 italic 18px/24px serif;
      text-align:justify;}


/* footnote (p.footnote small) */
   /*p*/.footnote {
      margin-bottom:24px;
      border:1px dashed #ccc;
      border-width:1px 0 0;
      padding:.5em 0;}


/* badge */
   .badge {
      display:inline-block;
      word-spacing:normal;
      letter-spacing:normal;
      vertical-align:super;
      background:#d21033;
      color:#fff;
      font-weight:400;
      text-transform:lowercase;
      border-radius:2em;
      padding:.25em .75em;
      text-shadow:1px 1px 0 #900;}

/* faq / qa */
   .qa dt {
      font-weight:bold;
      text-indent:-1.2em;}

   .qa dt em { font-weight:400; }

   .qa dd {
      margin:0 0 24px;
      text-indent:-1.2em;
      line-height:1.5;
      color:#555;}






/* HELPER STYLES 
   ========================================================= */
   .no-border {
      border:0;
      margin-top:0;}

/* decorative text */
   .deco {
      font-family: Cochin, Baskerville, Palatino, "Book Antiqua", serif;
      font-style: italic;
      border: 0;
      color: #aaa;
      line-height: 24px;}

   .txt-xs { font-size:10px !important; }
   .txt-s { font-size:12px !important; }
   .txt-m { font-size:14px !important; }
   .txt-l { font-size:18px !important; }
   .txt-xl { font-size:24px !important; }
   .txt-xxl { font-size:32px !important; }

   .tight { letter-spacing:-2px; }

   .tr { text-align:right; }
   .tc { text-align:center; }

   .fr { float:right; }
   .fl { float:left; }
   .fn { float:none; }

/* clearing - used to clear floats within a non-floated container for browsers that handle :after (not < IE7) - http://nicolasgallagher.com/micro-clearfix-hack/ */
   .header:before, .header:after,  .container-content:before, .container-content:after,  .footer:before, .footer:after,  .row:before, .row:after,  .col:before, .col:after,  .box:before, .box:after,  .cf:before, .cf:after {
      content:"";
      display:table;
      height:0;}

   .header:after,  .container-content:after,  .footer:after,  .row:after,  .col:after,  .box:after,  .cf:after { clear:both; } /* cf = clear fix */

   .header, .container-content, .footer, .row, .col, .box, .cf { *zoom:1;} /* For IE 6/7 (trigger hasLayout) */





/* MISCELLANEOUS / UNIQUE
   ========================================================= */
   :target {
      padding-top:125px;
      margin-top:-125px;} /* BUG: background color bleeds when skipping to carnuba in sidebar */ /* pad the :target so it is visible because of the position:fixed on nav banner stackoverflow.com/questions/9047703/fixed-position-navbar-obscures-anchors, http://stackoverflow.com/questions/4086107/html-positionfixed-page-header-and-in-page-anchors */

   .header:target {
      padding-top:137px;
      margin-top:-105px;} /* FIX: fixes position of header when skip to content link is used */


/* home page banner */
   .hero {
      background-color: #A00;
      background-image: url('../img/banner-lamborghini-white.jpg');
      background-image: url('../img/banner-lamborghini-white.jpg'), -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(35%, transparent), color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, 0.35)));
      background-image: url('../img/banner-lamborghini-white.jpg'), -webkit-linear-gradient(rgba(0, 0, 0, 0.25), transparent 35%, transparent 50%, rgba(0, 0, 0, 0.35));
      background-image: url('../img/banner-lamborghini-white.jpg'), -moz-linear-gradient(rgba(0, 0, 0, 0.25), transparent 35%, transparent 50%, rgba(0, 0, 0, 0.35));
      background-image: url('../img/banner-lamborghini-white.jpg'), -o-linear-gradient(rgba(0, 0, 0, 0.25), transparent 35%, transparent 50%, rgba(0, 0, 0, 0.35));
      background-image: url('../img/banner-lamborghini-white.jpg'), -ms-linear-gradient(rgba(0, 0, 0, 0.25), transparent 35%, transparent 50%, rgba(0, 0, 0, 0.35));
      background-image: url('../img/banner-lamborghini-white.jpg'), linear-gradient(rgba(0, 0, 0, 0.25), transparent 35%, transparent 50%, rgba(0, 0, 0, 0.35));
      background-position:50% 50%;
      background-repeat:no-repeat;
      border-top: 1px solid #C00;
      color:#fff;}

   .lt-ie9 .hero { background-image: url('../img/banner-lamborghini-white.jpg'); }

      .hero .header { min-height:320px; }

         .hero h1 {
            text-shadow: 2px 2px 3px #600;
            font-size: 2.2em;
            font-size: 2.2rem;}

         .intro {
            position: relative;
            text-align: center;
            width: 37%;
            text-shadow: 0 0 2px #000;}


/* sidebar */
   .content-aside h5 { margin-bottom:0; }
   .content-aside p { color:#555; }
   .content-aside > p { margin:0 1em 1em; } /* payment methods on home page */




/* OVERRIDES / OVERLOADS 
   ========================================================= */
/* slideshow overlay dialog box */
   #cboxCurrent, #cboxTitle {
      font-size:16px;
      font-weight:400;}