/*
for copy & pasting:
	primary color:   "#009DDD"
	secondary color: "#380339"
	tertiary color:  "#FFB213"
 */

/*********************************************
 * GLOBAL STYLES
 *********************************************/

@import url('https://fonts.googleapis.com/css?family=Nunito:700|Assistant&display=swap');

/* latin */
@font-face {
  font-family: 'Nunito';
  /*font-style: bold;*/
  font-weight: 700;
}

/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
}

/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
}

p, div, ul {
  font-family: Assistant !important;
}

h1, h2, h3 {
  font-family: Nunito !important;
}

h4, h5 {
  font-family: Assistant !important;
  font-weight: bold;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  text-transform: none;
}

.reveal {
  font-size: 36px; }  /* make stuff smaller */

::selection {
  color: #fff;
  background: #380339;
  text-shadow: none; }

::-moz-selection {
  color: #fff;
  background: #380339;
  text-shadow: none; }


/*********************************************
 * CUSTOM COLORS
 *********************************************/
.primary { color: #009DDD !important; }
.secondary { color: #380339 !important; }
.tertiary { color: #D8D8D8 !important; }

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
  color: #FFB213; }

.reveal a:hover {
  color: #380339; }

.reveal .roll span:after {
  color: #fff;
  background: #009DDD; }

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img { /* undo stupid img frames */
  background: none;
  border: none;
  box-shadow: none;
}

.reveal a:hover img {
  border-color: #009DDD; }

/*********************************************
 * HIGHLIGHT COLORS
 *********************************************/

.reveal .slides section .fragment.highlight-blue.visible {
  color: #009DDD; }

/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
.reveal .controls {
  color: #FFB213; }

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
  background: rgba(0, 0, 0, 0.2);
  color: #FFB213; }

.reveal .progress span {
  background: #FFB213;
  -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);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

/*********************************************
 * FOOTER
 *********************************************/

.slides .footer {
  font-size: x-small !important;
  width: 100%;
  clear: both;
/*  padding: 50px 0 0 0;*/
}

/*********************************************
 * PRINT BACKGROUND
 *********************************************/
@media print {
  .backgrounds {
    background-color: #2b2b2b; } }

/*********************************************
 * DIM BACKGROUND PICTURES
 *********************************************/
.dim .backgrounds {
	-webkit-filter: brightness(.4) !important;
	-moz-filter: brightness(.4) !important;
	-o-filter: brightness(.4) !important;
	-ms-filter: brightness(.4) !important;
	filter: brightness(.4) !important;
  -webkit-transition: -webkit-filter 100ms linear;
  transition: filter 100ms linear;
}

.dim_3 .backgrounds {
	-webkit-filter: brightness(.3) !important;
	-moz-filter: brightness(.3) !important;
	-o-filter: brightness(.3) !important;
	-ms-filter: brightness(.3) !important;
	filter: brightness(.3) !important;
  -webkit-transition: -webkit-filter 100ms linear;
  transition: filter 100ms linear;
}

.dim_8 .backgrounds {
	-webkit-filter: brightness(.8) !important;
	-moz-filter: brightness(.8) !important;
	-o-filter: brightness(.8) !important;
	-ms-filter: brightness(.8) !important;
	filter: brightness(.8) !important;
  -webkit-transition: -webkit-filter 100ms linear;
  transition: filter 100ms linear;
}

.backgrounds {
	-webkit-filter: brightness(1) !important;
	-moz-filter: brightness(1) !important;
	-o-filter: brightness(1) !important;
	-ms-filter: brightness(1) !important;
	filter: brightness(1) !important;
  -webkit-transition: -webkit-filter 1s linear;
  transition: filter 1s linear;
}

/*********************************************
 * ALLOW FOR DECORATIONS
 *********************************************/
.slides {
	/* puts the slide content above overlays and decorations*/
	z-index: 10 !important;
}

footer {
	display: none !important;
}