div:has(> input[value='AutoPlayPreference']){
    background: #f0f0f0;
    padding: 4px 8px;
    position: static !important;
    width: auto !important;
    height: auto !important;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
}
div:has(> div > input[value='AutoPlayPreference'] ){
    width: auto !important;
    height: auto !important;
    clip: unset; /* allow focus checkbox indication in Safari */
}
input[value='AutoPlayPreference'] { 
    margin: 0 5px 0 2px !important;

    & + label { 
        font-family: Lato, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, "Open Sans", Tahoma, FreeSans, sans-serif !important; 
    }
}

.bg-content{background: linear-gradient(#f0f0f0, #fcfcfc);}
.bg-content-start{background: linear-gradient(#1c4040, #377F7F);}
.bg-knowledge-check{background: linear-gradient(#dcebdc, #fcfcfc);}
.bg-callout{background: linear-gradient(#1c4040, #377f7f);}
.bg-content > *{display:none;}
    
.title-knowledge-check h1 span {
    color: #186060 !important;
}   

.ttxt p,
.ttxt li {
  margin-bottom: 20px !important;
}
.ttxt ul {
  list-style: none !important;
  padding-left: 0 !important;
  padding-inline-start: 0 !important;
}
.ttxt li {
  padding-left: 1.1rem !important;
  background: transparent 0 0.25rem no-repeat;
  background-color: transparent;
  background-image: url('bullet-arrow.svg');

  background-position: 0 6px;
  background-repeat: no-repeat;
}
.ttxt li ul {
  margin: 20px 0;
}
.ttxt li ul li {
  margin-bottom: 10px;
  background-image: url('bullet-circle.svg');
}
.ttxt ol li {
    padding-left: 0 !important;
    color: #377f7f;
    font-weight: bold;
    background-image: none;
}
.ttxt ol li span {
    color: #1f3042;
    font-weight: normal;
}

.footnote-slide p span {
    font-size:11px !important;
}

a:link span, a:visited span {
    color: #1f3042 !important;
}
a:hover span, a:active span {
    color:#377f7f !important;
}
.callout-text a:link span, .callout-text a:visited span {
    color:#fff !important;
}
.callout-text a:hover span, .callout-text a:active span {
    color: #abf5f7 !important; /* previously #9ae4e6 */
}

[title="External Link"]:after {
    background-image: url(images/icon-external-link.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    margin-bottom: -1px;
    margin-left: .25rem;
    width: 12.8px;
    height: 11px;
}

.columns-2{
 column-count: 2;
}

.columns-2 ul,
.columns-2 section>section{
    display:table;
    break-inside: avoid-column;
}

.mejs-overlay-play {
  background: rgba(55, 127, 127, 1);
}

svg[data-name="button-return"]:hover path[data-name="button bg"] {
    fill: #346F70;
}

.bg-transcript {
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.skipToContent {
    position: absolute;
    z-index: 2000;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    color: white;
    background-color: #377f7f;
    padding: .75em;
    overflow: hidden;
}

a.skipToContent:active,
a.skipToContent:focus,
a.skipToContent:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

body:not(#publisherWin) .nav-tooltip {
    z-index: 100 !important;
}

.nav-tooltip span {
    font-size: 8.25pt !important;
}

/* Lectora's focus style */
div.fInd > div[id^="tobj"] textarea:focus, 
div.fInd > div[id^="tobj"] input[type="text"]:focus, 
div.fInd > fieldset > div[id^="tobj"] input[type="text"]:focus, 
div.fInd > div[id^="tobj"] input[type="password"]:focus, 
div.fInd > div[id^="tobj"] select:focus, 
div.fInd > fieldset > div[id^="tobj"] select:focus, 
div.fInd > div[id^="tobj"] .ttxt a:focus, 
div.fInd > div[id^="tobj"] a:focus > div,
div.fInd > div[id^="tobj"] a:focus,
div.fInd > div[id^="tobj"] a:focus svg,
div.fInd > div[id^="tobj"] a:focus img, 
div.fInd > div[id^="tobj"] button:focus {
    box-shadow: rgb(251, 177, 97) 0px 0px 0px 3px inset !important;
    border-color: inherit;
    outline: rgb(251, 177, 97);
    outline: auto 1px rgb(251, 177, 97);
    /*outline: auto 3px rgba(255,102,1,.9);*/
}
:focus{
    outline: rgb(251, 177, 97);
    outline: auto 1px rgb(251, 177, 97);
}

/* reduce focus size on small media player elements */
div.fInd > div[id^="tobj"] a:focus > div.mejs-volume-current,
div.fInd > div[id^="tobj"] a:focus > div.mejs-volume-total{
    box-shadow: rgb(251, 177, 97) 0px 0px 0px 2px inset !important;
}

/* Show not-allowed cursor for disabled nav items */
div[class^="nav-"] {
  pointer-events: auto !important;
}
div[class^="nav-"] button {
  cursor: inherit;
}
div[class^="nav-"] button[disabled] {
  cursor: not-allowed;
}