/* This is for additional unit specific CSS */

a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:link {
  color: teal; 
  background-color: transparent; 
  text-decoration: none;
}

a:visited {
  color: darkcyan;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: lightseagreen;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: teal;
  background-color: transparent;
  text-decoration: underline;
}

.link {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/*OVERWRITING REVEAL.JS STYLES*/

.audioElementControls {
  position: relative;
  top: 20px;
  left: 10%;
  width: 80%;
}

img{
	margin: 0;
	background: none;
	border: none;
	box-shadow:none;
	max-height: none;
}
.reveal .slides{
	max-width: none;
	width: 100%;
	height: 100%;
	pointer-events:none;
	margin-top: 0;
	padding: 0;
	top:0;
}

.reveal .slides section{
}
.reveal .progress {
  	margin:0; }
.reveal .progress span {
}
.reveal .controls {
    color: #ffffff;
}
.reveal .controls button {
  padding: 6px;
}
.reveal .controls .navigate-up {
  padding:5px;
		bottom: 7em;
	}
.reveal .controls .navigate-down {
	padding:5px;
	bottom: -0.4em;
}
.controls-arrow:focus {
  outline: 1px auto;
  outline: 1px auto -webkit-focus-ring-color;
}
/* .reveal .slide-menu-button {
    position: fixed;
    left: 15px!important;
    bottom: 45px!important;
    z-index: 30;
    font-size: 25px!important;
    padding: 14px!important;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #26a69a !important;
    width: 50px;
    height: 50px;
    cursor:pointer;
		line-height: 1;
} */
.slide-menu-button span {
	display:none;
}
i.fas.fa-bars {
  color:#fff;
}
i.fa.fa-bars.blue{
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.0)!important;
}
.slide-menu-item, .slide-menu-item-vertical {
	display:flex!important;
	line-height: 1.1!important;
}
.custom-list {
  list-style: none;
}
.custom-list li {
  margin-bottom: 16px;
}
.custom-list li::before {
  content: "\25FC";
  color: lightgray;
  font-weight: bold;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em;
}
.custom-list.left-arrow li::before {
  content: '\25e4';
  transform: rotate(-45deg) translate(1px,-5px);
  color: teal;
  font-weight: bold;
  font-size: 90%;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em;
  margin-top: -0.5em;
}
.custom-counter li {
    counter-increment: step-counter;
    padding: 0;
    margin-bottom:10px;
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
}
.custom-counter {
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 0!important;
    list-style-type: none!important;
    font-family: 'Merriweather', serif;
}
/* .custom-counter li::before {
    content: counter(step-counter);
    margin-right: 15px;
    font-size: 34px;
    background: #039be5;
    color: white;
    text-align: center;
    padding: 4px 14px;
    border-radius: 150px 150px 150px 0;
    width: 48px;
    height: 48px;
} */
.custom-counter li::before {
    counter-increment: section;
    content: counter(step-counter);
    display: inline-block;
    min-width: 1.5em;
    padding: 1px 15px;
    margin-right: 16px;
    border-radius: 50%;
    font-family: 'Merriweather', serif;
    font-size: 34px;
}
kbd {
    display: inline-block;
    height: 32px;
    font-size: inherit;
    font-weight: 600!important;
    color: rgba(0,0,0,0.6);
    line-height: 32px!important;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 0;
    margin-right: 0;
    -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
    text-shadow: 0px 1px 0px #f5f5f5;
}
.kbd-shortcuts li {
	margin-bottom:16px;
}
.diamond {
	width: 234px;
	height: 234px;
  max-width: 234px;
	max-height: 234px;
	transform: rotate(45deg);
	margin:0 auto;
	overflow: hidden;
  border: 2px solid;
  border-color: #e5e5e5;
  font-size: 16px;
}
.core-half .diamond {
	background-color: #F2F2F2;
	margin-top:-48px;
}
.core-third .diamond {
  background-color: #E5E5E5;
}