/*@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);*/
/**
 * A simple theme for reveal.js presentations, similar
 * to the default theme. The accent color is darkblue.
 *
 * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
 * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */
/*********************************************
 * GLOBAL STYLES
 *********************************************/
body {
  background: white;
  background-color: white; 
  background-color: #547f93 !important;
}

.reveal {
  font-family: Verdana, sans-serif;
  font-size: 36px;
  font-weight: normal;
  color: #375462; 
  color: #547f93;
}

::selection {
  color: white;
  background: rgba(0, 0, 0, 0.99);
  text-shadow: none; }

.banner {
  position: relative;
  height: 320px;
  background-image: url(../../img/banner_home.jpg);
  background-size: cover;
}
.thumbs {
  position: relative;
  text-align:center;
}
.thumb {
  position: relative;
  /*float:left;*/
  margin: 0px;
  display:inline-block;
  width: 160px;
  height: 160px;
  overflow: hidden;
}
.thumb img {
  position: relative;
  max-height: 240px;
  max-width: 240px;  
  padding: 20px;
  margin: 0 !important;
}
#swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar {
  background: #86939b !important;
  background: #547f93 !important;
}
.reveal .slides > section.present, .reveal .slides > section > section.present {
  margin-top: -20px;
}
/*********************************************
 * HEADERS
 *********************************************/
.reveal h1 { font-size: 2.4em; }
.reveal h2 { font-size: 2em; }
.reveal h3 { font-size: 1.5em; }
.reveal h4 { font-size: 1em;  }
.reveal h5 { font-size: .75em;  }
.reveal h6 { font-size: .5em;  }

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 10px 0 30px 0;
  color: #375462;
  color: #547f93;
  font-family: Verdana, sans-serif;
  line-height: 0.9em;
  text-transform: none;
  text-shadow: none; 
z-index: 1;
}
.reveal.index aside.controls, .reveal.index .progress {
  display:none !important;
}
.reveal section img {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}
.reveal .home, .reveal .home table td {
  text-align: center;
}
.reveal .home img.logo {
  margin: 100px 0;
}
.reveal h1 {
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); 
}
.dark {
  background: #86939b;
  background: #547f93;
}

.dark .reveal, .dark .reveal h1, .dark .reveal h2, .dark .reveal h3, .dark .reveal h4, .dark .reveal h5, .dark .reveal h6 {
  color: #fff;  
}
.dark .reveal {
  background-color: #547f93 !important;
}
.reveal p {
  margin-bottom: 20px;
  line-height: 1.3;
  z-index: 1;
}
.topright .reveal .slide-background.present {
  background-position: 0 0 !important;
}

.reveal .persoonlijke_boodschappen {
  font-style: italic;
  font-size: 85%;
}
.reveal p.small {
  font-size: 50%;
}
.reveal table th, .reveal table td {
  padding-right: 0.5em;
  font-size: 0.7em;
}
.reveal .home table th, .reveal .home table td {
  font-size: 1.2em; 
}
.reveal i {
  font-style: normal;
  font-family: 'FontAwesome';
}
.reveal h2.employee {
  position: absolute;
  display: block;
  z-index: 0;
  bottom: -25%;
  left: -20%;
  text-shadow:none;
  opacity: .75;
}
.reveal h1.year {
  position: absolute;
  display: block;
  z-index:0;
  top:40%;
  left:-20%;
  color: #efefef;
  color: #eef2f4;
  text-shadow:none;
    -webkit-transform: rotateZ(90deg);
       -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
         -o-transform: rotateZ(90deg);
            transform: rotateZ(90deg); 
-webkit-background-clip:padding-box; /* IOS fix */
    background-clip:padding-box; /* IOS fix */    
  opacity: .75;         
}
.reveal div.img-title {
  position: absolute;
  display: block;
  bottom: 4px;
  left:0;
  z-index: 1000;
  color: #fff;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .5em;    
  padding-right: .5em;    
  opacity: .75;
  background-color: #86939b;
  background-color: #547f93;
}
.reveal div.img-title h5 {
  margin-bottom: 0;
  margin-top: 0;
  color: #fff;
}
.reveal div.menu {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 1000;  
}
@media only screen and (max-width : 768px) {
  .reveal div.section-title h5 {
    font-size: 0.5em;
  }
  .reveal div.img-title h5 {
   font-size: 0.5em; 
 }
}
.reveal div.section-title {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  z-index: 1000;
  padding-top: .5em;
  padding-right: .5em;
  opacity: .5;
}
.reveal div.menu a:link, .reveal div.menu a:visited {
  opacity: .5;
  padding: 1em;
  padding-top: 0.5em;
  padding-left: 0.5em;
  display: block;
  top: 0;
}
@media only screen and (min-width : 1024px) {
  .reveal div.menu a:hover, .reveal div.menu a:focus, .reveal div.menu a:active {
    opacity: 1;
  }
}
a.menuitem {
  display: block;
}
.reveal a.menuitem:link, .reveal a.menuitem:visited {
  color: #547f93;
} 
/*@media only screen and (min-width : 1024px) {*/

  .reveal a.menuitem:hover, .reveal a.menuitem:focus, .reveal a.menuitem:active {
    color: #dbc126;
  } 
/*}*/
.menuitem i {
  display: block;
  margin-bottom: .75em;
  margin-top: .75em;
  font-size: 3em;
}
.reveal blockquote {
    width: 100%;
    border: 0px solid #375462; 
    padding: 25px 15px;
    border-radius: 15px; 
    background-color: #86939b;
    background-color: #547f93;
    background-color: #dbc126; 
    color: #fff;
    margin: 40px auto 25px auto;
    font-size: 75%;
}
.reveal blockquote i.fa-quote-left, .reveal blockquote i.fa-quote-right {
    font-style: italic;
}
.reveal blockquote i.fa-quote-left {
    margin-right: 10px;
}
.reveal blockquote i.fa-quote-right {
    margin-left: 10px;
}
.reveal table {
  font-size: 85%;
}
.reveal > .backgrounds {
  background-color: #fff !important;
}
.reveal > .backgrounds > .slide-background {
  background-color: #fff !important;
}
.reveal > .backgrounds > .slide-background[data-background-hash] {
  background-color: #547f93 !important;
}
.reveal .state-background {
  /*transition: none;*/
}
/*********************************************
 * LINKS
 *********************************************/
.reveal a:not(.image) {
  color: #375462;
  color: #547f93;
  text-decoration: none;
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  -ms-transition: color .15s ease;
  -o-transition: color .15s ease;
  transition: color .15s ease; 
}

.dark .reveal a:not(.image) {
  color: #efefef;  
  border: none;
  text-shadow: none;
}
@media only screen and (min-width : 1024px) {

  .dark .reveal a:not(.image) {
    opacity: .75;
  }

  .dark .reveal a:not(.image).swipebox {
    opacity: 1;
  }  

  .reveal a:not(.image):hover {
    color: #dbc126;
    text-shadow: none;
    border: none; 
  }

  .dark .reveal a:not(.image):hover {
    color: #dbc126;
    opacity: 1;
  }
}
.dark blockquote {
  background-color: #dbc126; 
}
.reveal .roll span:after {
  color: #fff;
  background: #375462; 
  background: #547f93;
}

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
  margin: 15px 0px;
  background: rgba(255, 255, 255, 0.12);
  border: 4px solid black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

.reveal a:hover img {
  background: rgba(255, 255, 255, 0.2);
  border-color: #375462;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
 
.dark .reveal .controls div.navigate-left,
.dark .reveal .controls div.navigate-left.enabled {
  border-right-color: #fff; }

.dark .reveal .controls div.navigate-right,
.dark .reveal .controls div.navigate-right.enabled {
  border-left-color: #fff; }

.dark .reveal .controls div.navigate-up,
.dark .reveal .controls div.navigate-up.enabled {
  border-bottom-color: #fff; }

.dark .reveal .controls div.navigate-down,
.dark .reveal .controls div.navigate-down.enabled {
  border-top-color: #fff; }


.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
  border-right-color: #375462; }

.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
  border-left-color: #375462; }

.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
  border-bottom-color: #375462; }

.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
  border-top-color: #375462; }

.reveal .controls div.navigate-left.enabled:hover {
  border-right-color: #fff; }

.reveal .controls div.navigate-right.enabled:hover {
  border-left-color: #fff; }

.reveal .controls div.navigate-up.enabled:hover {
  border-bottom-color: #fff; }

.reveal .controls div.navigate-down.enabled:hover {
  border-top-color: #fff; }

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
  background: rgba(0, 0, 0, 0.2); 
  height: 4px;
}

.reveal .progress span {
  background: #375462;
  background: #dbc126;
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

/*********************************************
 * SLIDE NUMBER
 *********************************************/
.reveal .slide-number {
  color: #375462; }