/* Add here all your css styles (customizations) */
.c-g-bg-index{
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: inherit;
	background-size: 100% auto;
}
.c-g-width-350{
	width : 350px;
	overflow-x: hidden;
}
.c-w-100{
	width : 100%;
}
[type=submit]{
	-webkit-appearance: none;
}
.btn-sm {
	line-height: 1.4;
	padding: 0.14286rem 0.5rem;
	font-size: 0.88rem;
}
.btn:disabled, .btn:disabled:hover{
  background-color: #cccccc !important;
  cursor: default;
}
.c-g-center-button{
	display: block;
	margin: 0 auto;
}
.alert-fixed {
	position: fixed;
	width: 95%;
	z-index: 9999;
}
.alert-fixed p{
	font-size: 21px;
}
.alert-fixed p+p{
	font-size: 16px;
}
@media (max-width: 768px){
	.mobile-nav-fix{
		border-style: solid!important;
		border-color: #eee!important;
		border-width: 1px!important;
	}
}
@media (max-width: 576px){
	.alert-fixed {
		position: absolute;
		top: 200px;
		max-width: 95%;
		left: 2.5%;
		right: 2.5%;
	}
}
@media (min-width: 576px){
	.alert-fixed {
		max-width: 510px;
	}
}
@media (min-width: 768px){
	.alert-fixed {
		max-width: 720px;
	}
}
@media (min-width: 992px){
	.alert-fixed {
		max-width: 960px;
	}
}
@media (min-width: 1200px){
	.alert-fixed {
		max-width: 1140px;
	}
}
.updated-sincelast-true, .updated-recently-true, .Draft-product, .Archived-product, .hidden-product{
	display:inline-block;
	position:relative;
	float: right;
}
.updated-sincelast-carousel-true, .updated-recently-carousel-true{
	border-radius: 20px;
	width:40px;
	height:40px;
	background: #FFFFFF;
	position: absolute;
	top:10px;
	right:10px;
	vertical-align: bottom;
	margin-left: 2px;
}
.Draft-carousel-product {
  border-radius: 20px;
	width:40px;
	height:40px;
	background: #FFFFFF;
	position: absolute;
	top:10px;
	right:10px;
	vertical-align: bottom;
	margin-left: 2px;
}
.Protected-product, .Published-product, .FreeRegistration-product, .-product {
    display: none;
	position: relative;
    float: right;
}
.Protected-carousel-product, .Published-carousel-product, .FreeRegistration-carousel-product, .-carousel-product {
	display: none;
}
.updated-recently-false, .updated-recently-, .updated-sincelast-false, .updated-sincelast- {
	display:none;
}
.updated-recently-carousel-false, .updated-recently-carousel-, .updated-sincelast-carousel-false, .updated-sincelast-carousel-  {
	display:none;
}
.notificationIcon {
	float: left;
	margin-right: 20px;
}
.productHovering:hover {
	background-color:#f5f8fb !important;
	cursor: pointer;
}
.productHovering .titleHovering a,
.content p a,
.g-max-width-645.text-center.mx-auto p a,
article p a,
article h3.titleHovering,
.g-word-break a,
#featured p a {
	text-decoration: underline !important;
}
.productHovering .titleHovering a:focus,
.content p a:focus,
.g-max-width-645.text-center.mx-auto p a:focus,
article p a:focus,
article h3.titleHovering:focus,
.g-word-break a:focus,
#featured p a:focus {
  color: #a61d37 !important;
}
.g-line-height-1 ul, .g-line-height-1 ol{
    line-height: 1.5 !important;
}
.sanSerif{
	font-family: "Open Sans", sans-serif;
}
/*fix to allow the locale dropdown to display nicely*/
@media only screen and (max-width: 480px) {
  .c-mn{
    margin: 0em!important;
  }
  .c-wml{
    width: 7em;
    margin-left: 1em;
    margin-right: 1em;
  }
}
a{
	word-wrap: break-word!important;
}
a.skip-main {
  margin: 1rem 35%;
  position:absolute;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  z-index: -999;
}
@media (max-width: 767px) {
  a.skip-main {
    margin: 1rem 10%;
    width: 80%;
  }
}
a.skip-main:focus, a.skip-main:active {
  z-index:999;
  -webkit-animation: fadein .3s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein .3s; /* Firefox < 16 */
      -ms-animation: fadein .3s; /* Internet Explorer */
       -o-animation: fadein .3s; /* Opera < 12.1 */
          animation: fadein .3s;
  border: 3px #ffffff dashed !important;
  outline: none !important;
  box-shadow: none !important;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*Strengthify override*/
[data-strengthifymessage]{
	color: #fff!important;
	padding: 1rem!important;
	font-family: "Open Sans", sans-serif!important;
}
.strengthify-bg, .strengthify-container, .strengthify-separator {
	height: .5rem!important;
}
.bg-warning[data-strengthifymessage], .bg-info[data-strengthifymessage], .bg-success[data-strengthifymessage]{
	color: #000!important;
}
.small-h-tags h1, .small-h-tags h2, .small-h-tags h3{
	font-size: 1.5rem!important;
}
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    display:none !important;
}
/*Signin popover override*/
.c-arrow::after{
	border-bottom-color: #f5f6fa !important;
}
.c-arrow::before{
	-webkit-box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1)!important;
	box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1)!important;
	border: none!important;
}
.c-popover{
	font-family: 'Open Sans', sans-serif!important;
	font-size:14px!important;
	border: none!important;
}

.oup-print-only {
    display: none;
}

@media print {
	.oup-print-only {
		display: block;
	}
	header, footer, .prevResourceCollectionBtn, .nextResourceCollectionBtn, .u-progress, .g-bg-img-hero a {
		display: none;
	}
}

/** transcripts */
.split-audio-video-transcript .hidden {
  display: none;
}

.split-audio-video-transcript a {
  outline: none !important;
  cursor: pointer;
}

.split-audio-video-transcript .text a:hover {
  background: #949494;
  cursor: pointer;
  color: #540D1A;
}

.split-audio-video-transcript .play-arrow {
  opacity: 0;
}

@media (max-width: 767px) {
  .split-audio-video-transcript.split .audio-transcript-wrapper,
  .split-audio-video-transcript.split .video-transcript-wrapper {
    display: block !important;
  }

  .split-audio-video-transcript.split .audio,
  .split-audio-video-transcript.split .video {
    width: 100% !important;
  }

  .split-audio-video-transcript.split .transcript, .split-audio-video-transcript.split #autotranscript {
    width: 100% !important;
  }

  .split-audio-video-transcript.split .transcript .rendered-content {
    position: relative !important;
  }
}

.split-audio-video-transcript.split:before {
  padding-top: 0;
}

.split-audio-video-transcript.split audio,
.split-audio-video-transcript.split video {
  position: relative;
}

.split-audio-video-transcript.split .audio-transcript-wrapper,
.split-audio-video-transcript.split .video-transcript-wrapper {
  display: flex;
  align-content: stretch;
}

.split-audio-video-transcript.split .audio {
  width: 50%;
}

.split-audio-video-transcript.split .video {
  width: 65%;
}

.split-audio-video-transcript.split .audio-transcript-wrapper .transcript {
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  overflow-y: auto;
  min-height: 400px;
}

.split-audio-video-transcript.split .video-transcript-wrapper .transcript {
  position: relative;
  display: block;
  width: 35%;
  height: auto;
  overflow-y: auto;
}

.split-audio-video-transcript.split .transcript .rendered-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}

.split-audio-video-transcript.transcripts-hidden .transcript, .split-audio-video-transcript.transcripts-hidden #autotranscript {
  display: none;
}

/*
  invisible recaptcha badge
  signin/forgot/register/contact
*/
.grecaptcha-badge {
  position: relative !important;
  left: 0;
  bottom: 0 !important;
  visibility: visible !important;
}

.loading-spinner {
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 3px solid rgba(166,29,55,.3);
  border-radius: 50%;
  border-top-color: #a61d37;
  z-index: 2;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

.instruct-btn {
  min-width: 200px;
}

.instruct-pin {
  z-index: 100000000;
  position: absolute;
  left: 0;
  top: 0;
}

.non-instructor {
 margin-top: 3rem;
}

.attempt-feedback {
  color: #a61d37;
}

/* override library styling for color contrast */
table.dataTable tbody tr.selected {
  background-color: #26304d !important;
  color: #ffffff !important;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/* CSS for Institution search box

  .tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-height: 250px;
    overflow-y: scroll;
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 15px;
    line-height: 24px;
}
.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion p {
    margin: 0;
}

.select2-container--default .select2-selection--multiple {
  border: solid #919191 1px !important;
  border-radius: 0 !important;
  padding: .8rem 1rem .6rem;
  outline: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #26304d !important;
  color: white;
}

/* country modal for anything else */
#countryModal .modal-body {
  height: calc(100vh - 235px);
  overflow-y: scroll;
  overflow-x: hidden;
}

/* country modal for small screens */
@media (max-width: 576px) {
  #countryModal .modal-body {
    height: calc(100vh - 200px) !important
  }
}

/* lti advantage children product/account view */
.wrapper-embedded #settings .child-product .icon {
  float: left;
  position: relative;
  top: 5px;
  width: 5px;
}

.wrapper-embedded #settings .child-product a {
  display: inline-block;
  width: calc(100% - 25px);
}

.alert-dismissable .close:focus{
  outline: 3px #a61d37 dashed !important;
}

.disciplineTagList, .audienceTagList{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.disciplineTag, .audienceTag{
  list-style: none;
  color: black;
  background: #cad7d8;
  font-size: 14px !important;
  padding: 2px 10px 2px 10px;
  margin-bottom: 5px;
}
.audienceTag{
  background: #e3e3e3 !important;
}

.discipline-list > li > a{
  line-height: 1.2;
  font-size: 18px;
}

.pagination .page-link{
  color: #26304d;
  text-decoration: none;
  border: 0;
}

.pagination .page-link:hover {
  background-color: #eff5fa
}

.pagination .page-item.active .page-link {
  border-color: #26304d;
  background-color: #26304d;
}

ul.pagination{
  justify-content: right;
}

.pagination .page-item.disabled{
  opacity: 0.3;
}

@media screen and (max-width: 990px){
  ul.pagination{
    justify-content: left;
  }
}

.nav-link-lti {
  padding: 0 !important;
  border: none !important;
  cursor: auto !important;
}

.nav-link-lti.active {
  background-color: #fff !important;
  color: #26304d !important;
}

.dropdown-toggle-faq{
  white-space: break-spaces;
  display: flex;
  justify-content: flex-start;
}
.dropdown-toggle-faq::before {
  content: "\e900";
  position: relative;
  font-family: hs-icons !important;
  font-size: 12px;
  display: inline;
  border: none;
  margin-right: 0.5rem;
  margin-top: 3px;
  text-align: center;
  font-weight: bold;
}


.contentItemRow article{
  border-top: solid 2px #f5f8fb;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

#searchFilters .checkbox-filter, #searchFilters .checkbox-filter input{
 cursor: pointer !important;
}

span.resourceTimestamp {
  width: 8px;
  height: 18px;
  display: inline-block;
  position: absolute;
  background: #a61d37;
  z-index: 10000;
  top: -5px;
  border: solid 1px white;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.25s ease;
}

span.resourceTimestamp:hover{
  transform: scale(1.3);
  transition: 0.15s ease;
}

#streamingBasedRcModal .modal-dialog{
  max-width: 80%;
}

span.resourceTimestamp.disabled{
  user-select: none;
  cursor:default;
  background-color: #a7a7a7;
}

span.resourceTimestamp.disabled:hover{
  transform: scale(1);
}

.streamingRcModalClose:disabled{
  opacity: 0.2;
  cursor: not-allowed;
}

#back-to-top {
  position: fixed;
  bottom: 100px;
  right: 50px;
  display: none;
  z-index: 9999;
}

/*Bootstrap v4 to v5 addtional css change for OLL*/
.input-group-prepend {
  display: flex;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
}
.btn-block {
  display: block;
  width: 100%;
}
.form-group {
  margin-bottom: 1rem;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-control {
  background-color: #fff;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
}
.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
.form-select:focus {
  border-color: #a61d37;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.liNavigateByTag .nav-link.active{
  background-color: #666;
  color: #fff;
}

.liNavigateByTag .nav-link{
  white-space: normal !important;
}

.content .cue-point p a.g-bg-primary:focus{
  color: white !important;
}

/* ct instructions and accessibility instructions block*/
.ct_instructions{
	background-color: #edf2f8;
	font-weight: 600;
	font-size: 14px;
	padding: 10px;
  border-radius: 5px;
  width: fit-content;
  margin: 15px 0;
}
.ct_instructions>p, .ct_instructions p{
  display: inline;
  font-size: 14px !important;
}