/**
 * Black theme for reveal.js. This is the opposite of the 'white' theme.
 *
 * By Hakim El Hattab, http://hakim.se
 */
/*

@import url(./fonts/source-sans-pro/source-sans-pro.css);
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
  color: #222; }
*/
/*********************************************
 * Karls Custom Styles
 *********************************************/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v19-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v19-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v19-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v19-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}


.reveal {
	font-family: "Open Sans", sans-serif, Helvetica;
	font-size: 32px;
	font-weight: 400;
	height: calc(100% - 50px);
	top: 50px;

	font-smooth: always;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.reveal section {
	padding-bottom: 50px;
}

.global_overlay {
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease;
	will-change: opacity; }
.global_overlay.visible {
    opacity: 1;
    visibility: inherit;}


global_overlay_bartop {
	color: #fff;
	background-color: #E13069;
	width: 100%;
	height: 50px;
	top: 0px;
	left: 0px;
	border: 0;
	border-bottom: 1px solid #16BAA9;
	position: absolute;
	z-index: 99;
}

global_overlay_bartop h4 {
	font-family: "Open Sans", sans-serif, Helvetica;
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	text-align: undefined;
	float: right;
	margin-top: 22px;
	margin-right: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

global_overlay_bartop img {
	margin-top: 6px;
	height: 44px;
	width:auto;
	position: absolute;
}

.global_overlay_bottomleft {
	width: auto;
 	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 0;
	height: 90px;
	z-index: 99;
}

.reveal iframe {
	border: none;
}

.hint{
    position: absolute;
	top: 15%;
	left: 80%;
    max-width: 250px;
    height: auto;
    border: 2px solid #c84127;
	background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
	font-size: 0.5em;
	display: none;
	will-change: opacity;
	opacity: 0.8;
}

.hint:after{
      position: absolute;
      width: 20px;
      height: 20px;
      border-top: 0px solid #c84127;
      border-right: 2px solid #c84127;
      border-bottom: 2px solid #c84127;
      border-left: 0px solid #c84127;
      top:100%;
      left: 15%;
      margin-left: -10px;
      content: '';
      transform: rotate(45deg);
      margin-top: -10px;
	  background-color: #fff;
    }

.FadeAway {
  animation-name: FadeAway;
  animation-duration: 8s;
opacity: 0;
}

@keyframes FadeAway {
  0%   {opacity: 1;}
  90%  {opacity: 1;}
  100% {opacity: 0;}
}
/*********************************************
 * HEADERS / Override Theme Styles
 *********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  font-family: "Raleway", sans-serif, Helvetica;
  line-height: 1.2;
  letter-spacing: 3px;
  text-shadow: none;
  text-transform: none;
  word-wrap: break-word; }

.reveal h1 {
  font-size: 2.6em;
  font-weight: 800; }

.reveal h2 {
  font-size: 2em;
  font-weight: 800; }

.reveal h3 {
  font-size: 1.7em;
  font-weight: 800; }

.reveal h4 {
  font-size: 1.4em;
  font-weight: 800; }

.reveal h5 {
  font-size: 1.1em;
  font-weight: 500; }

/*********************************************
 * OTHER / Override Theme Styles
 *********************************************/

.reveal small {
  font-size: 0.8em;
}

.reveal a:hover {
  text-decoration: none;
}

.reveal a:hover {
  text-decoration: underline solid white 3px;

  transition: 0.3s;
}

/*********************************************
 * Responsive Style Settings
 *********************************************/

@media screen and (max-width: 600px) , screen and (max-height: 500px) {
	global_overlay_bartop
	{
		height: 35px;
	}

	global_overlay_bartop h4 {
		font-size: 12px;
		margin-top: 18px;
		margin-right: 12px;
	}
	global_overlay_bartop img {
		margin-top: 5px;
		height: 30px;
	}

	.global_overlay_bottomleft
	{
		height: 50px;
	}

	.reveal {
		height: calc(100% - 35px);
		top: 35px;
		font-size: 48px;
	}

	.reveal section {
		padding-bottom: 35px;
	}
}

@media screen and (max-height: 350px) {
	global_overlay_bartop
	{
		display: none;
	}

	.reveal {
		height: 100%;
		top: 0px;
	}
	.reveal section {
		padding-bottom: 0px;
	}
}