:root {
	--white: #FFFFFF;
	--dark-blue: #004979;
	--mid-blue: #007eb3;
	--light-blue: #33aee2;
	--purple: #681280;
	--orange: #C85201; /** #f56200; **/
	--orange-darker: #de5900;
	--green: #458500;
	--gray-1: #2e221f;
	--gray-2: #4c3f36;
	--gray-3: #9b9386;
	--gray-4: #beb9af;
    --beige-darker: #9b9386;
    --beige: #EFEFE9;
    --adaGray: #6F757B;
    --forest-green: #458500;
    --burnt-orange: #c85201;
    --plum-purple: #681280;
    --azure-blue:#007eb3;
    --navy-blue:#004979;
    --forest-green-darker: #376c00;
    --burnt-orange-darker: #a44301;
    --plum-purple-darker: #540e68;
    --azure-blue-darker:#006691;
    --navy-blue-darker:#003a61;
  	--yellow: rgb(237, 230, 108);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	font-family: 'Lato', sans-serif;
    /*font-family: 'Crimson Text', serif;*/
	font-weight: 700;

}

#main {
	padding-top:40px;
}
main h1, main  .h1,
main h2, main .h2,
main h3, main .h3,
main h4, main .h4 {
   color:#007eb3;
}

h5, .h5 {
	font-family: 'Lato', sans-serif;
    /*font-family: 'Crimson Text', serif;*/
	font-weight: 900;
}

h6, .h6 {
	font-family: 'Lato', sans-serif;
    /*font-family: 'Crimson Text', serif;*/
	font-weight: 400;
}

h4 strong {
	font-weight: 900;
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

p{
	font-family: 'Raleway', sans-serif;
}

img{
    max-width:100%;
    height:auto;
}
.text-black{
	color:#000000;
}

a {
	color: var(--dark-blue);
}

a:hover, a:focus {
    text-decoration: underline;
    color: var(--dark-blue);
}

.form-control:focus {
    outline: 1px solid #5F9ACA !important;
    box-shadow: 0 0 0 0.2rem #5F9ACA;
}

.text-primary {
	color: var(--dark-blue) !important;
}

.text-mid-blue {
	color: var(--mid-blue) !important;
}

.text-dark-blue {
	color: var(--dark-blue) !important;
}

.text-green {
	color: var(--green) !important;
}

.text-purple {
	color: var(--purple) !important;
}

.text-gray {
	color: var(--gray-2) !important;
}

.text-white {
	color: var(--white) !important;
}

.text-orange {
	color: var(--orange) !important;
}

.text-yellow {
  color: var(--yellow) !important;
}

.text-underline {
	text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

.bg-black {
    background-color: #000 !important;
}

.bg-beige {
    background-color: var(--beige) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-mid-blue {
    background-color: var(--mid-blue) !important;
}

.bg-dark-blue {
    background-color: var(--dark-blue) !important;
}

.focus-underline:focus {
    text-decoration: underline;
}

table.table thead th {
    border-top: none !important;
}

/* Common */

h1.title {
	font-size: 1.3rem;
}

h1.article-heading {
	font-size: 1.5rem;
}

.activityThumbnail.assigned i::before{
	color:GREEN;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 73, 121, 0.7);
}

.border-gray {
	border-color: var(--gray-3) !important;
}

.border-mid-blue {
	border-color: var(--mid-blue) !important;
}

.font-weight-black {
	font-weight: 900;
}


.bg-light {
	background-color: #f1f1eb;
}

.bg-dark-blue {
	background-color: var(--dark-blue);
}

.bg-mid-blue {
	background-color: var(--mid-blue);
}

.bg-purple {
	background-color: var(--purple);
}

.btn-primary {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--mid-blue);
	border-color: var(--mid-blue);
}

.btn-primary-light {
	background-color: var(--mid-blue);
	border-color: var(--mid-blue);
	color: #FFF;
}

.btn-primary-light:hover,
.btn-primary-light:focus {
	background-color: var(--light-blue);
	border-color: var(--light-blue);
	color: #FFF;
}

.btn-success {
	background-color: var(--green) !important;
	border-color: var(--green) !important;
}

.btn-orange {
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
}

.btn-orange:hover,
.btn-orange:focus {
    background-color: var(--orange-darker);
    border-color: #5F9ACA;
    color: #FFF;
}

.btn-purple {
	background-color: var(--purple);
	border-color: var(--purple);
	color: #FFF;
}

.btn-purple:hover,
.btn-purple:focus {
	background-color: var(--purple);
	border-color: var(--purple);
	color: #FFF;
}

.btn-gray {
	background-color: var(--gray-3);
    border-color: var(--gray-3);
    color: #FFF;
}

.btn-gray:hover,
.btn-gray:focus {
	background-color: var(--gray-4);
    border-color: var(--gray-4);
    color: #FFF;
}

.btn-primary,
.btn-secondary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-orange {
    text-transform: uppercase;
}

.h4.subtitle,
h4.subtitle {
	font-size: 1.3rem;
}

.sidebar-title {
	background-color: var(--gray-2);
	color: #FFF;
}

.list-disc {
	list-style: disc;
	padding-left: 20px;
}

.back-to-top i {
	border-top: 2px solid var(--dark-blue);
}

.line-height-20 {
	line-height: 20px;
}

.ck-editor__editable_inline {
    min-height: 200px !important;
}

/* Style */

.skip-to-content-link {
    transform: translate(-100%,-100%);
    position: absolute;
}

.skip-to-content-link:focus {
    transform: translate(0%,0%);
    position: relative;
}

.header-search {
	position: absolute;
	top: 10px;
	right: 0;
    background: transparent;
    border: 0;
}

.header-search:focus {
    outline: none;
}

.search-box {
	position: absolute;
	top: 100%;
	right: 0;
	top: 0;
    opacity: 0;
    transition: ease all .3s;
    visibility: hidden;
}

.search-box.active {
	top: 100%;
	opacity: 1;
	transition: ease all .3s;
	visibility: visible;
}

.header-wrapper {
	flex-direction: column;
}

.home-block {
	z-index: 1;
	margin-top: 30px;
}

.home-block * {
    color: white;
}
.top-bar {
	background-color: var(--dark-blue);
}

.navbar .navbar-nav .nav-item a {
	color: var(--white);
	transition: ease all 0.3s;
}

.navbar .navbar-nav .nav-item a:hover {
	color: var(--gray-4);
}

.navbar .navbar-nav .nav-item a:focus,
.navbar button:focus {
    outline: 1px solid var(--white);
    outline-offset: 3px;
}

.navbar .sub-nav {
	min-width: 18rem;
	border-radius: 0 0 0.3rem 0.3rem;
}

.navbar .sub-nav a:focus,
.blocks .dropdown-menu a:focus {
    outline: 1px solid var(--blue) !important;
    outline-offset: 3px;
}

.main-header {
	background: url('../images/header-bg.jpg') center center no-repeat;
	background-size: cover;
}

.main-header .dropdown:after {
	content: "";
	position: absolute;
	top: 37px;
	right: 30px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	transform: translate(0, -50%);
	border-top: 7px solid #FFF;
}

.main-header .dropdown:before {
	content: "";
	position: absolute;
	top: 22px;
	right: 22px;
	display: block;
	width: 30px;
	height: 30px;
}
/* decrease lineheight for menu navigation subtext */
.main-header .dropdown > a {
	padding: 0.8rem 0 !important;
}
.main-header .dropdown > a > div {
	line-height: 27px;
}

.main-header .dropdown > a > p {
	line-height: 20px;
}

li.activity-type a {
    font-weight: bold;
}
li.activity-type span {
    font-weight: normal;
    display: block;
    font-size: 12px;
    color: #212529;
}

.main-header .logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.main-header .header-logo {
	width: auto;
}

.main-header .logo .logo-text {
	display: flex;
	flex-direction: column;
}

.main-header .logo .logo-text span {
	color: var(--gray-2);
	font-size: 0.7em;
	line-height: 1.3em;
}

.main-header .logo .logo-text div {
	font-family: 'Lora', serif;
	color: var(--dark-blue);
	font-weight: 400;
	font-size: 1.5rem;
    line-height: 1em;
}

#home-slider {
	height: 220px;
}

#home-slider .carousel-controls {
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 15;
	display: flex;
	justify-content: center;
	padding: 6px 0;
}

#home-slider .carousel-indicators {
	position: static;
	margin: 0;
}

#home-slider .carousel-indicators li {
	text-indent: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #004979;
	background: #004979;
	color: #FFF;
	text-align: center;
	opacity: 1;
	font-weight: bold;
}

#home-slider .carousel-indicators li:hover {
	border-color: orange;
	outline: 1px solid orange;
}

#home-slider .carousel-indicators li.active {
	background: transparent;
	color: var(--dark-blue);
}

#home-slider .carousel-indicators li button {
    padding: 0;
    border: 0;
    color: white;
    background: transparent;
    width: 100%;
}

#home-slider .carousel-indicators li.active button {
	color: var(--dark-blue);
}

#home-slider .carousel-inner,
#home-slider .carousel-inner .carousel-item {
	height: 100%;
}

#home-slider .carousel-inner .carousel-item img {
	height: 100%;
	width: auto !important;
	left: 50%;
	position: relative;
	transform: translate(-50%, 0);
}

#home-slider .play-control {
	border: none;
	background: transparent;
	color: var(--dark-blue);
	position: relative;
    z-index: 99;
    margin-right: 10px;
    cursor: pointer;
}

#home-slider .play-control:not(.play) .fa-pause {
	display: none;
}

#home-slider .play-control.play .fa-play {
	display: none;
}

.header-blocks {
	line-height: 18px;
}

.block-purple {
	background-color: var(--purple);
}

.block-orange {
	background-color: var(--orange);
}

.block-green {
	background-color: var(--green);
}
.block-purple:focus,
.block-orange:focus,
.block-green:focus {
    outline: 1px solid var(--white);
    outline-offset: -3px;
}

.slider-section {
	position: relative;
	display: flex;
    flex-direction: column-reverse;
}

.nav-secondary {
	z-index: 2;
	position: static;
	background: url(../images/header-bg.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 15px;
}

.nav-secondary .single-item {
	background-color: var(--mid-blue);
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	border-top: 1px solid #FFF;
}

.nav-secondary .single-item:first-child {
	border-top: none;
}

.nav-secondary a:focus {
    outline: 1px solid var(--white);
    outline-offset: -3px;
}

.counter-wrapper {
	background: url('../images/paper-texture-bg.jpg') center no-repeat;
	background-size: cover;
}

.counter-wrapper p {
	color: var(--gray-2);
}

.counter-value {
	font-family: 'Lora', serif;
	color: var(--dark-blue);
}

.nyche-section {
	background: var(--purple);
}


.sort-order ul li {
	white-space: nowrap;
}

.refine-sidebar {
	position: fixed;
	left: -50%;
	top: 0;
	height: 100%;
	width: 80%;
	background: #FFF;
	border-left: 1px solid #dee2e6;
	max-width: 280px;
	padding-top: 20px;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	transition: cubic-bezier(0, 0, 0.2, 1) all 0.3s;
}

.refine-sidebar.show {
	opacity: 1;
	visibility: visible;
	left: 0;
}

.refine-sidebar h3 {
	position: absolute;
    padding-top: 15px;
    padding-left: 15px;
    background: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.filter-wrapper {
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 50px;
}

[id*="filter-accordion"] .accordion-header,
.accordion .accordion-header {
	cursor: pointer;
}

[id*="filter-accordion"] .h5 i,
.accordion .h5 i,
[id*="filter-accordion"] h5 i,
.accordion h5 i {
	position: absolute;
	top: 3px;
	right: 0;
}

[id*="filter-accordion"] .collapsed .h5 i,
.accordion .collapsed .h5 i,
[id*="filter-accordion"] .collapsed h5 i,
.accordion .collapsed h5 i {
	transform: rotate(180deg);
}

[id*="filter-accordion"] ul li {
	margin-bottom: 0.5rem;
}

.form-check {
	padding-left: 2rem;
	line-height: 18px;
	margin-bottom: 14px;
}

.form-check .form-check-input {
	margin-left: -2rem;
	margin-top: .1rem;
}

.form-check label.form-check-label:after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: lightgray;
	left: 0;
	top: 0;
	border-radius: 3px;
}

.form-check:hover label.form-check-label:after {
	background-color: var(--gray-4);
}

.form-check input[type="checkbox"]:checked ~ label.form-check-label:after {
	content: "\f00c";
	background: var(--dark-blue);
	border-radius: 3px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	text-align: center;
	color: #FFF;
}

.form-check-inline .form-check-input {
	position: absolute;
    top: 0;
}

.form-check-inline input[type="radio"] + .form-check-label {
	padding-left: 7px;
}

.form-check-inline input[type="radio"] + .form-check-label:after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: lightgray;
	left: 0;
	top: 3px;
	border-radius: 50%;
}

.form-check-inline:hover input[type="radio"] ~ .form-check-label:after {
	background-color: var(--gray-4);
}

.form-check-inline input[type="radio"]:checked ~ .form-check-label:after {
	content: "\f111";
	background: var(--dark-blue);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 0.593rem;
	text-align: center;
	color: #FFF;
	line-height: 1.1247rem;
}

.filter-list {

}

.item-info li {
	position: relative;
	margin-right: 0.5rem;
	display: inline;
	word-break: break-all;
}

.item-info li + li:before {
	content: "";
	display: block;
	height: 12px;
	border-left: 1px solid #ccc;
	position: absolute;
	left: 0;
	top: 0;
}

.filter-button.stick {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
}

.close-filter {
	position: absolute;
	left: 100%;
	top: 0;
}

.control-bar {
	font-size: 1.2rem;
}

.control-bar a:hover {
    outline: 2px solid var(--dark-blue);
}

.control-bar li.disable {
	opacity: 0.5;
}

.control-bar-vertical {

}

.result-wrapper > div {
	max-width: 315px;
	margin-left: auto;
	margin-right: auto;
}


.result-wrapper .default-image a.tile-img {
    background-image: url(https://considerthesource.s3.amazonaws.com/1615/8327/4052/APT_CTSO_Topics_Placeholder_400x275.jpg);
    background-size: cover;
    background-position: center;
}
.carousel-indicator {
	counter-reset: slide-counter;
    flex-wrap: wrap;
}

.carousel-indicator li {
	max-width: 90px;
	max-height: 90px;
	padding: 5px;
    border: 1px solid #e1e1e1;
    counter-increment: slide-counter;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

ol.carousel-indicator li::after {
	content: counter(slide-counter);
	position: absolute;
	bottom: -2px;
	right: -2px;
	padding: 0 7px;
	background: var(--gray-1);
	color: #FFF;
}

.carousel-indicator li.active {
	border-color: var(--orange);
	box-shadow: 0px 0px 0px 1px var(--orange);
}

.carousel-indicator li{
	margin-left: 10px;
}
.carousel-indicator li + li {
	margin-left: 10px;
}


.activity-file-thumbs {
	counter-reset: slide-counter;
	flex-wrap:wrap;
}
.activity-file-thumbs li{
	margin-bottom:10px;
}

.activity-file-thumb,
#activity-scale .scale .drop .selected,
.activity-file-thumbs li.selected {
	width: 90px;
	height: 90px;
	max-width: 90px;
	max-height: 90px;
	padding: 5px;
    border: 1px solid #e1e1e1;
    counter-increment: slide-counter;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.activity-file-thumbs li.selected,
#activity-scale .scale .drop .selected {
	opacity: 0.5;
}

.marker,
li.selected *,
li.selected {
	list-style: none !important;
}

li.selected:before {
	display: none;
}


#activity-scale .activity-file-thumb {
	margin: 10px auto;
}

#activity-scale .drop { display:block; position:relative; z-index:1; /*overflow:hidden;*/}

#activity-scale .drop { transition:transform .2s; }
.marker { width: 90px; height: 90px; }
.ui-sortable-helper {
  transform:scale(.9);
  background: #ddd;
}

ol.activity-file-thumbs li::after {
	content: counter(slide-counter);
	position: absolute;
	bottom: -2px;
	right: -2px;
	padding: 0 7px;
	background: var(--gray-1);
	color: #FFF;
}

ol.activity-file-thumbs li.occurrence::after {
    content: "\f35d";
    color: var(--orange);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    bottom: 0px;
    right: 0px;
    background: #fff;
}

.activity-file-thumbs li.active {
	border-color: var(--orange);
	box-shadow: 0px 0px 0px 1px var(--orange);
}

.activity-file-thumbs li + li {
	margin-left: 10px;
}

.activity-file-thumb {
    display: flex;
    align-items: center;
    height: 100%;
}

.activity-file-wrapper .activity-file-thumb {
	position: absolute;
}

.activity-occurrence-add-more {
    height: 240px;
    width: 29%;
    margin: 0 2%;
    background-color: var(--beige);
    transition-duration: 0.4s;
    transition-property: background-color;
}

.activity-occurrence-add-more:hover {
    background-color: var(--beige-darker);
}

.activity-occurrence-add-more i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.5;
    color: var(--beige-darker);
    border-radius: 4px;
}

.activity-occurrence-add-more:hover i {
    color: var(--white);
}
.hr-bigger {
	border-top: 2px solid var(--gray-3);
}

.doc-next,
.doc-prev {
	position: relative;
	font-size: 0.8rem;
}

.doc-next {
	padding-left: 2.1rem;
}

.doc-prev {
	padding-right: 2.1rem;
}

.doc-next i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translate(0, -50%);
}

.doc-prev i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
}

.sidebar {
	border-left: 0;
}

.modal .close {
    /** why is this here??
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
    **/
    opacity: 1;
}

.nav-tabs-custom {
	counter-reset: tab-counter;
}

.nav-tabs-custom li {
	padding-left: 20px;
}


.nav-tabs-custom li:before {
	content: counter(tab-counter) ". ";
	counter-increment: tab-counter;
	background: var(--orange);
	border-radius: 50%;
	color: #FFF;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
	text-indent: 1px;
	position: absolute;
	left: 0;
	top: 8px;
}

.nav-tabs-custom li.nav-item {
	position: relative;
}

.nav-tabs-custom li.nav-item a.nav-link {
	font-weight: bold;
    color: var(--adaGray);
}

.nav-tabs-custom li.nav-item a.nav-link.active {
	border-bottom: 1px solid #eee;
    color: var(--dark-blue);
}

.activity-file > div {
    border: 1px solid var(--beige-darker);
    border-radius: 4px;
}
.activity-file > div.border-none{
	 border: 0px none;
    border-radius: 4px;
}
.activity-file > div.transcriptContent{
	 border: 0px none;
    border-radius: 4px;
}

.activity-file > div.contTranscript{
	 border: 0px none;
    border-radius: 4px;
}

.contTranscript{
	 text-align:left!important;
}

.activity-file-image {
    display: block;
    height: 200px;
    overflow: hidden;
}

.activity-file .btn-row {
    background:  var(--beige);
}

.activity-file .btn-row .btn:hover {
    background:  var(--beige-darker);
}

.activity-pin .fa,
.activity-pin .fab,
.activity-pin .fas,
.activity-pin-option .fa,
.activity-pin-option .fab,
.activity-pin-option .fas {
	transform: rotate(45deg) translate(3px, 2px);
	min-width: 14px;
	text-align: center;
    color: white;
    margin-left: -2px;
}

.activity-pin-option .fa-spin {
    margin-left: 7px;
    margin-top: 7px;
}

.activity-pin,
.activity-pin-option {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #89849b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: pointer;
  /**
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  **/
}

.file-marker.open .activity-pin {
    margin-left: 85px;
}


.file-marker-droppable{
    border: 4px solid #ffffff;
}

.file-marker-droppable.highlight{
    border: 4px solid #ffc107;
}

.btn-marker-option,
.file-marker button {
    padding: .125rem .25rem;
}

.btn-marker-option i,
.file-marker button i {
    font-size: 1rem;
}

.file-marker .marker-options {
    display: none;
    background-color: #ddd;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.file-marker.open {
    width: 200px;
    margin-left: -85px;
    z-index: 100; /** put on top of the others **/
}
.file-marker.open .marker-options {
    display: block;
}

.file-marker.ui-draggable-dragging .marker-options {
    opacity: 0.4;
}

.file-marker textarea {
    font-size: 13px;
}

.ui-sortable-handle,
.ui-draggable-handle,
.ui-draggable-handle a {
    cursor: move;
}

/* Animated switch */

input[type=checkbox].slide-switch{
	position: absolute;
	height: 0;
	width: 0;
	visibility: hidden;
}

input[type=checkbox].slide-switch + label {
	cursor: pointer;
	text-indent: -9999px;
	width: 55px;
    height: 30px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

input[type=checkbox].slide-switch + label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

input[type=checkbox].slide-switch:checked + label  {
	background: var(--green);
}

input[type=checkbox].slide-switch:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

input[type=checkbox].slide-switch + label:active:after {
	width: 30px;
}

/* Animated switch */

.nyche-section .h5 {
	font-weight: 700;
}

.footer-primary {
	background-color: var(--dark-blue);
}

.footer-primary address,
.footer-primary .footer-contact {
	max-width: 260px;
}

.footer-primary .footer-text {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.footer-primary ul:not(.footer-contact) li {
	line-height: 1.2rem;
	margin-bottom: 0.7rem;
}


.footer-col + .footer-col {
	border-left: none;
}

.footer-bottom {
	background: url('../images/paper-texture-bg.jpg') center no-repeat;
	background-size: cover;
	color: var(--gray-2);
	font-weight: bold;
}

main #activity-scale .scale {
	align-items: flex-end;
	width: 90%;
	margin: 0 auto;
	transition: ease transform 0.3s;
}

.ccm-block-next-previous-previous,
.ccm-block-next-previous-parent,
.ccm-block-next-previous-next{
  width:33%;
  float:left;
  display:block;
}
.ccm-block-next-previous-parent{
text-align:center;
}
.ccm-block-next-previous-next{
text-align:right;
}
main ul.nav li{
  width:100%;
}
main ul#activity-edit-tab li {
    width: auto;
}

main p a, main p a:hover{
color: var(--dark-blue);/*#458500;*/
font-weight:bold;
word-wrap:break-word;
}
.modal-transcripts table{
	max-width:100%;
}

.modal-transcripts table td{
	padding:5px;
}

/* Hide the checkbox list for any filter that is set to add options via select dropdown */
.filter-options[data-added-via-select="1"] ul{
	display:none;
}

.titleHiddenFromStudent{
	color:var(--orange);
}

.result-wrapper img{
	display:block;
	width:100%;
}
/*
.activity-file .audio-container  canvas{
	padding:45px 0px;
}*/
#activity-files .activity-file .audio-container canvas{
	padding:0px;
}
.activity-file-thumbs li{
	min-height:90px;
}

.content-main-complete #activity-files .activity-file .audio-container canvas{
	height:150px;
}

.embed-responsive video{
	width:800px;
	max-width:100%;
}

.activity-file.is-video{
	width:800px;
	max-width:100%;
}

#mdlOccurrence .article-slider .carousel video{
	width:800px;
}
#mdlOccurrence .article-slider .carousel{
	width:800px;
}
.audio-container{
	position:relative;
}
.audio-buttons{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	text-align:center;
}
.audio-buttons a,
.audio-buttons a:link,
.audio-buttons a:active,
.audio-buttons a:visited{
	padding:10px;
	cursor:pointer;
	font-size:20px;
	position:relative;
	margin:0 auto;
	display:block;
	height:100%;
	padding-top:60px;
	text-decoration:none;
	color:#000000;
}
.audio-buttons a:hover{
text-decoration:none;
color:#004979;
}
/*
#fmActivityResponse .audio-container > div{
	height:70px!important;
	}
	#fmActivityResponse .audio-buttons a, #fmActivityResponse .audio-buttons a:link,#fmActivityResponse  .audio-buttons a:active,#fmActivityResponse  .audio-buttons a:visited{
	padding-top:25px;
	}*/

	.occTranscriptDisplay .bg-light p{
		font-size:1rem;
	}
	.occTranscriptDisplay .bg-light p:last-child {
	margin-bottom:0px;
	}

.audio-container canvas {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.activity-file-thumb img{
	min-height:75px;
}
/* Button Block */

.bttn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

a.bttn, span.bttn a {
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s ease;
  line-height: var(--btn-line-height);
  margin-bottom: 20px;
  text-decoration: none;
  border-width: var(--bs-border-width);
  border-color: transparent;
  border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
}

a.bttn, span.bttn a, #main a.bttn, #main span.bttn a {
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s ease;
  line-height: var(--btn-line-height);
  margin-bottom: 20px;
}


#main a.bttn-forest-green,
#main span.bttn-forest-green a {
    background: var(--forest-green);
    color: var(--white);
}

#main a.bttn-burnt-orange,
#main span.bttn-burnt-orange a {
    background: var(--burnt-orange);
    color: var(--white);
}

#main a.bttn-plum-purple,
#main span.bttn-plum-purple a {
    background: var(--plum-purple);
    color: var(--white);
}
#main a.bttn-azure-blue,
#main span.bttn-azure-blue a {
    background: var(--azure-blue);
    color: var(--white);
}
#main a.bttn-navy-blue,
#main span.bttn-navy-blue a {
    background: var(--navy-blue);
    color: var(--white);
}

/* Hover states with darker backgrounds */
#main a.bttn-forest-green:hover,
#main span.bttn-forest-green a:hover {
     background: var(--forest-green-darker);
    color: var(--white);
}

#main a.bttn-burnt-orange:hover,
#main span.bttn-burnt-orange a:hover {
    background: var(--burnt-orange-darker);
    color: var(--white);
}

#main a.bttn-plum-purple:hover,
#main span.bttn-plum-purple a:hover {
    background: var(--plum-purple-darker);
    color: var(--white);
}
#main a.bttn-azure-blue:hover,
#main span.bttn-azure-blue a:hover {
    background: var(--azure-blue-darker);
    color: var(--white);
}
#main a.bttn-navy-blue:hover,
#main span.bttn-navy-blue a:hover {
    background: var(--navy-blue-darker);
    color: var(--white);
}

.bttn img {
  width: 30px;
  line-height: var(--btn-line-height);
  display: inline-block;
  vertical-align: middle;
}

.bttn.full-width {
    width: 100%; /* Makes the button take up the full width of the container */
}
.bttn .align-center{
	margin:0 auto!important;
}
.bttn .margin-left-1,
.bttn img.align-end.margin-left-1{
	margin-left:10px!important;
}

.bttn .margin-left-3,
.bttn img.align-end.margin-left-3{
	margin-left:30px!important;
}

.bttn .margin-right-1{
	margin-right:10px!important;
}
.bttn img {
    width: 30px;
    line-height: var(--btn-line-height);
    display: inline-block;
    vertical-align: middle; /* Aligns the image vertically with text */
}

.bttn img.align-end{
margin-left: auto!important;
    vertical-align: middle;
    text-align:right!important;
}
.bttn img.align-start{
	/*margin-right: auto!important; *//* Pushes the image to the far right in the flex container */

    vertical-align: middle;
}

.bttn.full-width img.align-end {
    margin-left: auto!important;           /* Pushes the image to the far right */
}

.bttn.full-width span.text-end {
    margin-left: auto!important;           /* Pushes the image to the far right */
}


/* Mobile Sidebar Toggle Button */
.sidebar-toggle-btn {
    margin: 1rem 0;
    background-color: var(--orange);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-weight: bold;
}

/* Modal Styles */
.sidebar-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.sidebar-modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    width: 90%;
    max-width: 400px;
    position: relative;
    border-radius: 4px;
}

/* Close Button */
.sidebar-close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.sidebar-close-btn:hover,
.sidebar-close-btn:focus {
    color: var(--orange);
    text-decoration: none;
}

.activity-concrete-block .tile-img {
 display: block;
  height: 160px;
  overflow:
hidden;
  background-size: cover;
  background-position:
center;
}

/* END btuton Block */

@media (max-width: 1188px) {
	#main {
		padding-top:64px;
	}
	
	.holocaust .sidebar ul.nav ul {
  	padding-left: 0.7em!important;
	}
	
	.holocaust .sidebar{
		-ms-flex: 0 0 40%;
	    flex:0 0 40%;
	    max-width: 40%;
	}
	.holocaust .content{
			-ms-flex: 0 0 60%;
	    flex:0 0 60%;
	    max-width: 60%;
	}
	.holocaust .content .col-sm-8{
		-ms-flex: 0 0 50%;
	    flex:0 0 50%;
	    max-width: 50%;
	}
	.holocaust .content .col-sm-4{
		-ms-flex: 0 0 50%;
	    flex:0 0 50%;
	    max-width: 50%;
	}
	.activity-concrete-block .tile-img {
    height: 100px;
	}
}
@media (max-width: 995px) {
	#main {
		padding-top:0px;
	}
}
@media (max-width: 990px) {
	.audio-container > div{
	height:110px!important;
	}
	.audio-buttons a{
	padding-top:40px;
	}
	
	.holocaust .content .col-sm-8{
		-ms-flex: 0 0 100%;
	    flex:0 0 100%;
	    max-width: 100%;
	}
	.holocaust .content .col-sm-4{
		-ms-flex: 0 0 100%;
	    flex:0 0 100%;
	    max-width: 100%;
	}

.holocaust .content .col-sm-9{
		-ms-flex: 0 0 100%;
	    flex:0 0 100%;
	    max-width: 100%;
	}
	.holocaust .content .col-sm-3{
		-ms-flex: 0 0 100%;
	    flex:0 0 100%;
	    max-width: 100%;
	}
	.activity-concrete-block{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	}
	  .activity-concrete-block .tile-img {
    height: auto;
	  }
	  .activity-concrete-block p{
	  margin-bottom:20px!important;
	  }
}

/* Hide sidebar on mobile */
@media (max-width: 767px) {
    .holocaust .sidebar {
        display: none;
    }
    .holocaust .content {
        	-ms-flex: 0 0 100%;
	    flex:0 0 100%;
	    max-width: 100%;
    }
    
    /* Modal sidebar styling */
    .sidebar-modal .sidebar {
        display: block;
        width: 100%;
        border: none;
        padding: 1rem 0;
    }
    #sidebarHolocaustToggleBtn{
    display:block!important;
    margin-bottom:20px!important;
    }
    .holocaust .content img{
    width:100%;
    height:auto;
    }
}
@media (max-width: 576px) {

  .ccm-block-next-previous-previous,
.ccm-block-next-previous-parent,
.ccm-block-next-previous-next{
  width:100%;
  float:none;
  text-align:left;
}

    .main-header .logo .logo-text span {
        margin-top: 0.5em;
        font-size: 0.8em;
    }

	.main-header .dropdown > a {
		height: auto !important;
	}

	.main-header .dropdown .dropdown-menu {
		position: static !important;
		width: auto !important;
		margin-left: -15px;
		margin-right: -15px;
		float: none;
		transform: none !important;
	}

    .main-header .logo-nysapt img {
        height: 70%;
        margin: 5% 0 0 10%;
    }

    .main-header .logo-nysa img {
        height: 70%;
        margin: 5% 0 0 0;
    }

    .nav-secondary{
    padding-bottom:0px;
    }
}

@media (max-width: 500px) {
	.audio-container > div{
	height:90px!important;
	}

	.audio-buttons a{
	padding-top:30px;
	}

}

@media (max-width: 380px) {
	.audio-container > div{
	height:70px!important;
	}
}

@media (min-width: 576px) {

	h1.title {
	    font-size: 1.4rem;
	}

	.refine-sidebar {
		position: static;
		height: auto;
		display: block;
		opacity: 1;
		visibility: visible;
		background: transparent;
		border-left: 0;
		max-width: none;
		padding-top: 0;
	}

	.main-header .header-logo {
		width: 50%;
	}

	.main-header .dropdown:after,
	.main-header .dropdown:before {
		display: none;
	}

	.main-header .dropdown > a > div {
		line-height: 30px;
	}

	.main-header .dropdown > a > p {
		line-height: 25px;
	}

	.nav-secondary {
		background-color: var(--mid-blue);
		padding-bottom: 0;
	}

	.nav-secondary .single-item > i {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	.nav-secondary .single-item {
		border: none;
	}

	#home-slider {
		height: auto;
	}

	#home-slider .carousel-inner,
	#home-slider .carousel-inner .carousel-item {
		height: auto;
	}

	#home-slider .carousel-inner .carousel-item img {
		height: auto;
		width: 100% !important;
		left: auto;
		position: static;
		transform: none;
	}

	.filter-wrapper {
		max-height: none;
		overflow-y: auto;
		overflow-x: auto;
		padding-top: 0;
	}

	.refine-sidebar h3 {
		position: static;
	    padding-top: 0;
	    padding-left: 0;
	    background: transparent;
	    top: auto;
	    left: auto;
	    width: auto;
	    z-index: 1;
	}

	.result-wrapper > div {
		max-width: none;
	}

	.doc-next,
	.doc-prev {
		font-size: 1rem;
	}

	.form-check-col {
		display: flex;
		flex-wrap: wrap;
	}

	.form-check-col .form-check {
		flex-basis: 30%;
	}
	.form-check-col.form-check-era-col .form-check {
		flex-basis: 100%;
	}
}

@media (min-width: 768px) {

	h1.title {
		font-size: 1.55rem;
	}

	.result-wrapper > div {
		margin-left: 0;
		margin-right: 0;
	}

	.header-search {
		position: static;
		top: auto;
		right: auto;
	}

	.header-wrapper {
		flex-direction: row;
	}

	.nav-secondary .single-item {
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
		border-top: none;
		border-bottom: none;
	}

	.nav-secondary .single-item:first-child {
		border-left: 4px solid #FFF;
	}

	.nav-secondary .single-item:last-child {
		border-right: 4px solid #FFF;
	}

	.navbar .navbar-nav .nav-item span {
		vertical-align: middle;
		display: inline-block;
		color: var(--mid-blue);
	}

    /**
	.navbar .navbar-nav .nav-item:after {
		content: "//";
		vertical-align: middle;
		display: inline-block;
		color: var(--mid-blue);
	}
    **/

	.main-header .header-logo {
		width: auto;
	}

	.main-header .logo .logo-text div {
		font-size: 1.5rem;
	}

	.main-header .logo .logo-text span {
		font-size: 1rem;
	}

	.sidebar {
		border-left: 2px solid var(--gray-3);
	}

	.footer-col + .footer-col {
		border-left: 1px solid var(--mid-blue);
	}

	.footer-primary .footer-text {
		border-top: 0;
		border-bottom: 0;
	}
}

@media (min-width: 992px) {
	.nav-secondary {
		position: absolute;
		background-color: transparent;
	}

	.nav-secondary .single-item:first-child {
		border-left: none;
	}

	.nav-secondary .single-item:last-child {
		border-right: none;
	}

	.slider-section {
		display: block;
	}

	.home-block {
		margin-top: -55px;
	}

	#home-slider .carousel-controls {
		margin-bottom: 55px;
		background: #FFF;
	}

	h1.title {
		font-size: 2rem;
	}

	.doc-next,
	.doc-prev {
		font-size: 0.8rem;
	}
}

@media (min-width: 1200px) {
	/*.header-wrapper {
		flex-direction: row;
	}*/

	h1.title {
		font-size: 2rem;
	}

	h1.article-heading {
		font-size: 1.75rem;
	}

	.main-header .logo .logo-text div {
		font-size: 2rem;
	}

	.main-header .logo .logo-text span {
		font-size: 1.3rem;
	}

	.doc-next,
	.doc-prev {
		font-size: 1rem;
	}
	.form-check-col.form-check-era-col .form-check {
		flex-basis: 48%;
	}
}