@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 * 
 * ----------------------
 * TABLE OF CONTENTS    
 * ----------------------
 * 
 * Note: Group MQ/IE selectors near their respective selectors
 * ------------------------------------------------------------
 * 
 * 1.00 Resets & Overwrites
 * 2.00 Interactive Post
 * ---------------------
 * 2.01 Desktop + Mobile
 * 2.02 Desktop
 * 2.03 Mobile
 * 
 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ------------------------------------------------------------
 * 1.00 Resets & Overwrites
 * ------------------------------------------------------------
 * These are styles that reset or overwrite the current site.
 * Use this area to modify the exisiting styles of the site to
 * suite the purposes of this interactive post.
 * --------------------------------------------------------- */


/* start: post flush top styles */
/* ---------------------------- */

html.theme-ausar .post-content { background: transparent;}

html.theme-ausar .post-content .post, 
html.theme-ausar .post-content .page { margin-top: 0px; }

html.theme-ausar .post-content .comments { background-color: #fff; padding-bottom: 1em; }

html.theme-ausar .post-content .social-media-btn { top: 1em; right: 1em; z-index: 9999; }

html.no-sidebar.theme-ausar .post-content .post > p, 
html.no-sidebar.theme-ausar .post-content .page > p { 

  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 9999;

  color: #ffffff;
  margin: 0;
  padding: 0;

  text-shadow: 1px 1px 1px #4d3d2a;
  filter: dropshadow(color=#4d3d2a, offx=1, offy=1);

}

html.no-sidebar.theme-ausar .post-content .post > p a, 
html.no-sidebar.theme-ausar .post-content .page > p a { color: #ffffff; }

html.theme-ausar article p:nth-child(5) { display:none; }

/* -------------------------- */
/* end: post flush top styles */


/* fix no admin bar */
body.logged-in.theme-ausar { margin-top: -28px; }
body.logged-in.theme-ausar > footer { position: relative; top: 28px; }




/* no display list */
html.theme-ausar article .related-posts,
html.theme-ausar #wpadminbar,
html.theme-ausar .post-content article > h2,
html.theme-ausar .post-content article > p,
/* html.theme-ausar .post-content .comments, */ 
html.theme-ausar .post-content .social-media-btn { display: none; }


/* allow elements to overflow outside article container */
/*
html.theme-ausar .post-content article,
html.theme-ausar .page-wrapper {

  overflow: visible;
  margin-bottom: 3em;

}
*/

/* social media buttons */

html.theme-ausar #vob-slide-end .social-media-btn { 

  top: auto; 
  bottom: 2em; 
  right: 2em; 
  display: block; 

}





/* ------------------------------------------------------------
 * 2.00 Interactive Post
 * ------------------------------------------------------------
 * Styles for the actual interactive post. To avoid conflicts
 * with existing styles, your interactive post elements should
 * always be wrapped in a warpper div with an id of the slug
 * of the post. All css selectors needs to be prefixed with
 * this id. 
 * --------------------------------------------------------- */


/* 2.01 Desktop + Mobile  */
/* ---------------------  */

article #vegas-or-bust {

  color: #267a74;
  font-family: "Century Gothic", Arial, sans-serif; 

  width: 100%;

  padding: 0;
  margin: 0 auto;
  overflow: hidden;

  position: relative;

}

article #vegas-or-bust img.responsive,
article #vegas-or-bust #canvas > div img {

  max-width: 940px;
  width: 100%;
  height: auto;

}


/* 2.02 Desktop */
/* -----------  */


/* structure */
html.theme-ausar article #vegas-or-bust {

  max-width: 940px;
  height: 3457px;

  background-image: url('vob-background.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #fff;

}

html.theme-ausar article #vegas-or-bust > * { 

  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;

  width: 100%;
  height: 100%;

}

html.theme-ausar article #vegas-or-bust a { color: #247972; }

html.theme-ausar article #vegas-or-bust p { margin: 0; padding: 0; float: left; }

html.theme-ausar article #vegas-or-bust .show {

  text-indent: 0 !important;
  line-height: 1em !important;
  font-size: 1em !important;

}

html.theme-ausar article #vegas-or-bust .nav-arrow { 

  text-decoration: none;

  height: 20px;
  width: 20px;
  cursor: pointer;
  display: block;

  position: absolute;
  right: 8px;

}

html.theme-ausar article #vegas-or-bust .nav-arrow span { 

  width: 14px;
  height: 9px;
  display: inline-block;

  background-image: url('vob-sprites-50.png');
  background-repeat: no-repeat;;

}

html.theme-ausar article #vegas-or-bust .up { top: 26px; }
html.theme-ausar article #vegas-or-bust .down { top: 46px; }
html.theme-ausar article #vegas-or-bust #vob-cta .up { top: -1em; }


html.theme-ausar article #vegas-or-bust .up span { background-position: 0px 0px; }
html.theme-ausar article #vegas-or-bust .down span { background-position: 0px -50px; }


/* layering */

html.theme-ausar article #vegas-or-bust #layers { z-index: 10; }

html.theme-ausar article #vegas-or-bust .layer { 

  width: 100%; 
  height: 100%; 
  display: block;

  background-repeat: no-repeat; 
  background-position:  0px 0px; 

}

html.theme-ausar article #vegas-or-bust .layer.one { background-image: url('vob-layers-1.png'); }



/* canvas */

html.theme-ausar article #vegas-or-bust #canvas > div p,
html.theme-ausar article #vegas-or-bust #canvas > div em,
html.theme-ausar article #vegas-or-bust #canvas > div small {

  /* off screen text */
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;

}

html.theme-ausar article #vegas-or-bust #canvas { z-index: 1000; }

html.theme-ausar article #vegas-or-bust #canvas img { display: none; }

html.theme-ausar article #vegas-or-bust #canvas > div { position: relative; clear: both; }


/* slides */

html.theme-ausar article #vegas-or-bust #vob-slide-home .nav-arrow { 

  right: 16px;
  left: auto; 
  bottom: auto;
  top: 50px; 
  opacity: 0; 

}

html.theme-ausar article #vegas-or-bust #vob-slide-home { height: 550px; }
html.theme-ausar article #vegas-or-bust #vob-slide-1 { height: 670px; }
html.theme-ausar article #vegas-or-bust #vob-slide-2 { height: 684px; }
html.theme-ausar article #vegas-or-bust #vob-slide-3 { height: 664px; }
html.theme-ausar article #vegas-or-bust #vob-slide-end { height: 740px; }


/* cta slide */

html.theme-ausar article #vegas-or-bust #vob-cta { 

  font-size: 16px;

  height: 130px;
  top: -1px; 
  /* background-image: url('vob-background-cta.jpg'); */

}

html.theme-ausar article #vegas-or-bust #vob-cta .social-media-btn { display: block; }

html.theme-ausar article #vegas-or-bust #canvas #vob-cta p,
html.theme-ausar article #vegas-or-bust #canvas #vob-cta strong {

  position: absolute;
  left: 30px;

}

html.theme-ausar article #vegas-or-bust #canvas #vob-cta strong { 

  top: 30px; 
  font-size: 1.1em;
  letter-spacing: -1px; 

}

html.theme-ausar article #vegas-or-bust #canvas #vob-cta p { top: 60px; }



/* fixed elements */

html.theme-ausar article #vegas-or-bust #fixed-elements { z-index: 100; }

html.theme-ausar article #vegas-or-bust #fixed-elements > * { position: fixed; }


/* vehicals */ 

html.theme-ausar article #vegas-or-bust #vehicals { position: absolute; } 

/* car */

html.theme-ausar article #vegas-or-bust #car {

  position: absolute;
  left: auto; 
  top: -1962px;

  width: 476px;
  height: 189px;

  background-repeat: no-repeat;
  background-position: -114px 0px;
  background-image: url('vob-sprites-vehicals-400.png');

}

html.theme-ausar article #vegas-or-bust #car.fixed {

  position: fixed;
  top: 400px;

}

html.theme-ausar article #vegas-or-bust #car.end { 

  left: -114px;
  top: 365px;
  bottom: auto;

  background-position: -1600px 0px;

}


/* truck */

html.theme-ausar article #vegas-or-bust #truck {

  position: absolute;
  left: -640px; /* start at negative width, end at 360 */
  top: 238px;
  z-index: 1;

  width: 640px;
  height: 330px;

  background-repeat: no-repeat;
  background-position: 0px -400px;
  background-image: url('vob-sprites-vehicals-400.png');

}

/* cab */

html.theme-ausar article #vegas-or-bust #cab {

  position: absolute;
  left: -596px; /* start at negative width, end at 360 */
  top: 340px;
  z-index: 1;

  width: 596px;
  height: 242px;

  background-repeat: no-repeat;
  background-position: -800px -400px;
  background-image: url('vob-sprites-vehicals-400.png');

}



/* text fx */

html.theme-ausar article #vegas-or-bust #text1-fx {

  position: absolute;
  top: 460px;
  right: -50px;

  width: 400px;
  height: 100px;

  background-image: url('vob-text-100.png');


}


/* 2.03 Desktop */
/* ------------ */

html.theme-auset article #vegas-or-bust { max-width: 600px; background-color: #f5ebdf; }

html.theme-auset article #vegas-or-bust #layers,
html.theme-auset article #vegas-or-bust #canvas > div > a,
html.theme-auset article #vegas-or-bust #canvas > div > em { display: none; }

html.theme-auset article #vegas-or-bust #canvas > div > p,
html.theme-auset article #vegas-or-bust #canvas > div > em,
html.theme-auset article #vegas-or-bust #canvas > div > img,
html.theme-auset article #vegas-or-bust #canvas > div > small { margin: 0 42px 24px 42px; padding: 0px; }

html.theme-auset article #vegas-or-bust #canvas > div > img { margin-left: 0em; margin-right: 0px; }

html.theme-auset article #vegas-or-bust #canvas > div > small { display: block; }

html.theme-auset article #vegas-or-bust #canvas > div#vob-slide-home > em { 

  color: #d15852;
  font-weight: bold;
  font-size: 1.1em;
  font-style: normal;

  display: block;
  overflow: hidden;

}


html.theme-auset article #vegas-or-bust #vob-cta {

  color: #fff;
  font-size: 1.1em;

  overflow: hidden;
  padding: 24px 42px;
  background-color: #d25950;

}

html.theme-auset article #vegas-or-bust #canvas #vob-cta p { margin: 0.2em 0 0 0; }

body#onstar-connections.theme-auset article #vegas-or-bust #canvas #vob-cta a { color: #fff; }

html.theme-auset article #vegas-or-bust #text1-fx { display: block !important; }