/*
 * GitPitch Slideshow Custom CSS Styling
 *
 * For details, visit Wiki:
 * https://github.com/gitpitch/gitpitch/wiki/Slideshow-Custom-CSS
 */

/*
 * The reveal theme sets img { max-width: 95% }.  Inside an auto-sized table
 * cell that is circular -- the cell sizes to its content, the content sizes to
 * the cell -- and browsers resolve it to zero, so the logos silently vanish.
 * Opting these images out is the fix; a width attribute alone does not help.
 */
.reveal table.whoami img {
  max-width: none;
}

.reveal pre {
  width: 100%;
  box-shadow : none;
}

/*
 * The reveal theme frames every image in a thick white border on a translucent
 * white plate, which fights the dark panel these animations are drawn on.
 */
.reveal img.window-anim {
  display: block;
  width: 76%;
  max-width: 76%;
  margin: 0 auto 10px;
  background: none;
  border: 1px solid #2f2f3d;
  border-radius: 10px;
  box-shadow: none;
}

.reveal pre code {
  font-size: 1.2em;
  line-height: 1.2;
  max-height: 60vh !important;
  opacity: 0.95;
  border-radius: 10px;
}

.reveal .slides section .code-presenting-annotation {
  color: #22152e;
  background: white;
  padding: 1px 15px;
  border-radius: 15px;
  opacity: 0.75 !important;
  font-size: 50% !important;
  text-shadow: none;	
}

.reveal p {
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}

.reveal li {
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}

.reveal p span.slide-title {
  color: white;
  text-shadow: 1px 0 0;
  background: #3e2e59;
  padding: 4px 15px;
  opacity: 0.75 !important;
  border-radius: 15px;
  display: none;
}

.reveal div.left {
    float: left;
    z-index: -10;
    width: 45%;
}

.reveal div.right {
    float: right;
    z-index: -10;
    width: 55%;
}

.reveal a.pro-link {
    font-size: 0.5em;
}

.reveal a {
    # color: #af5a08 !important;
	text-shadow: none;
}

.reveal a:hover {
    # color: #e27b1f !important;
	text-shadow: none;
}

#gp-logo img {
  max-height: 7em;
  max-width: none;
}

.white {
  color: white;
}

.gp-tip { font-size : 1.5em; }

.gp-contact { font-size : 1.4em; }

.gp-download { margin-left: 10px; }