@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 * 
 * ----------------------
 * TABLE OF CONTENTS    
 * ----------------------
 * 
 * Note: Group MQ/IE selectors near their respective selectors
 * ------------------------------------------------------------
 * 
 * 1.00 Resets & Overwrites
 * 2.00 Interactive Post
 * 3.00 Mobile Interactive Post
 * 
 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ------------------------------------------------------------
 * 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.
 * --------------------------------------------------------- */

 /*

.post-content .post, .post-content .page { margin-left: 0px; margin-right: 0px; }

.post-content .post > h2, 
.post-content .post > p,
.post-content .page > h2,
.post-content .page > p { margin-left: 2em; margin-right: 2em; }

*/


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

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

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; }


/* no display list */
html.theme-ausar article .related-posts,
html.theme-ausar .post-content h2,
html.theme-ausar #onstar-connections #wpadminbar,
html.theme-ausar .post-content .comments { display: none; }




/* ------------------------------------------------------------
 * 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. 
 * --------------------------------------------------------- */




/* 1.01 General  */
/* ------------- */

html.theme-ausar #on-the-clock { max-width: 940px; margin: 0 auto; }

html.theme-ausar #on-the-clock > section { 

  overflow: hidden; 
  position: relative; 
  background-repeat: no-repeat;
  background-position: top left;
  
}

html.theme-ausar #on-the-clock > p,
html.theme-ausar #on-the-clock > section > img { display: none; }

html.theme-ausar #on-the-clock > section > div { margin-top: 620px; }

/* all text rendered off screen */
html.theme-ausar #on-the-clock > section * {

  text-indent: -9999;
  font-size: 0;
  line-height: 0;

}

html.theme-ausar #on-the-clock > section > a {

  position: absolute;
  z-index: 9999;
  cursor: pointer;

  display: block;

}




/* 1.02 Slide Specific */
/* ------------------- */

/* slide backgrounds */
html.theme-ausar #on-the-clock #otc-time-home  { height: 1031px;  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-time-home.jpg'); }
html.theme-ausar #on-the-clock #otc-time-05    { height: 1069px;  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-time-05.jpg'); }
html.theme-ausar #on-the-clock #otc-time-25    { height: 913px;  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-time-25.jpg'); }
html.theme-ausar #on-the-clock #otc-time-43    { height: 1018px;  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-time-43.jpg'); }
html.theme-ausar #on-the-clock #otc-time-end   { height: 761px;   background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-time-end.jpg'); }



/* 1.03 Element Specific */
/* --------------------- */

html.theme-ausar #on-the-clock .flag {

  width: 300px;
  height: 171px;

  position: absolute;
  right: -300px; /* this should equal the absolute value of the width */

  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-flag.png');
  background-size: 100% 100%;

}

html.theme-ausar #on-the-clock .flag > span { 

  display: block;
  width: 200px;
  height: 200px;
  margin: 25px 0 0 40px;

  background-repeat: no-repeat;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-numbers.png'); 

}

/* flag positions */
html.theme-ausar #on-the-clock #otc-time-43  .flag { top: 100px; }
html.theme-ausar #on-the-clock #otc-time-25  .flag { top: 30px; }
html.theme-ausar #on-the-clock #otc-time-05  .flag { top: 30px; }


/* countdown start positions */
html.theme-ausar #on-the-clock #otc-time-43 .flag > span { background-position:  0px 0px; }
html.theme-ausar #on-the-clock #otc-time-25 .flag > span { background-position:  0px -200px; }
html.theme-ausar #on-the-clock #otc-time-05 .flag > span { background-position:  0px -400px; }

/* countdown end positions */
html.theme-ausar #on-the-clock #otc-time-43 .flag > span.has-counted-down { background-position:  0px 0px !important; }
html.theme-ausar #on-the-clock #otc-time-25 .flag > span.has-counted-down { background-position:  0px -200px; }
html.theme-ausar #on-the-clock #otc-time-05 .flag > span.has-counted-down { background-position:  0px -400px; }

/* force < ie 9 start positions (doesn't animate ) */
html.lt-ie9 html.theme-ausar #on-the-clock #otc-time-43 .flag > span { background-position:  0px 0px !important; }
html.lt-ie9 html.theme-ausar #on-the-clock #otc-time-25 .flag > span { background-position:  -800px -200px !important; }
html.lt-ie9 html.theme-ausar #on-the-clock #otc-time-05 .flag > span { background-position:  -800px -400px !important;}


html.theme-ausar #on-the-clock .down {

  cursor: pointer;
  text-decoration: none;

  display: block;
  width: 35px;
  height: 34px;
  margin-left: 10px;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-sprites-50.png');

  position: fixed;
  z-index: 999;
  bottom: -50px;
  opacity: 0;
  left: auto;


}

/* sidebars */

html.theme-ausar #on-the-clock > section aside { position: absolute; }

html.theme-ausar #on-the-clock > section#otc-time-05 aside {

  width: 468px;
  height: 522px;
  float: none;

  cursor: pointer;

  top: 50px;
  left: -426px;

  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/75879/otc-sidebars.png') no-repeat top left;

}

/* links */

html.theme-ausar #on-the-clock #otc-time-end a[title~='organdonor.gov'] { 

  bottom: 30px;
  right: 80px;
  width: 150px;
  height: 30px;

}

html.theme-ausar #on-the-clock #otc-time-end a.back-to-top {

  bottom: 65px;
  right: 20px;
  width: 190px;
  height: 30px;  

}


/* ------------------------------------------------------------
 * 3.00 Mobile Interactive Post
 * ------------------------------------------------------------
 * Styles for the mobile version of the interactive post.
 * --------------------------------------------------------- */



/* responsive images */
html.theme-auset #on-the-clock img {

  height: auto;
  max-width: 100%;
  display: block;

}

/* hide headers, minutes left, and arrow */
html.theme-auset #on-the-clock h1,
html.theme-auset #on-the-clock .flag,
html.theme-auset #on-the-clock .down { display: none; }


html.theme-auset #on-the-clock .red { color: #822c15; }
html.theme-auset #on-the-clock .all-caps { text-transform: uppercase; font-size: 110%; }


/* each section */
html.theme-auset #on-the-clock section { margin-bottom: 8px; }

/* text styles */ 
html.theme-auset #on-the-clock section > div {

  color: #ffffff;
  padding: 1.0em 2.0em;
  font-size: 0.9em;
  line-height: 1.2;

  background-color: #000000;

}

html.theme-auset #on-the-clock aside { 
  
  width: auto !important;
  max-width: 100% !important;
  padding: 1.5em;
  margin: 8px 0px;
  color: #ffffff;
  line-height: 1.8;
  font-size: .8em;
  background-color: #822c15;

}


html.theme-auset #on-the-clock blockquote { 

  font-size: 1.2em; 
  line-height: 1.2;
  margin: .4em;

}

body#onstar-connections.theme-auset #on-the-clock a.ui-link { color: #822c15 !important; }