/* External Fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(fonts/opensans/v8/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/opensans/v8/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/opensans/v8/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(fonts/opensans/v8/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
}


/* Global font styles  */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, td, th {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    color: #39484f;
}
body, p, blockquote p {
    font-size: 15px;
    line-height: 23px;
}
h1 {
    font-size: 32px;
    font-weight: bold;
}
h1:first-child {
    margin-top: 0px;
}

h2 {
    font-size: 24px;
    font-weight: bold;
}
h2:first-child{
    margin-top:0px;
}

h3 {
    font-size: 18px;
    font-weight: bold;
}
h3:first-child {
    margin-top:0px;
}

figure, img, video, .video-wrapper-inner {
    margin-bottom: 20px;
}

figure > img,
figure > video,
#tinymce img {
    margin-bottom: 0;
}

figcaption {
    font-size: 13px;
    line-height: 17px;
    color: #7d7d7d;
    margin-top: 25px;
}
cite {
    font-style: italic;
    font-size: 13px;
    line-height: 17px;
}
q {
    padding: 13px;
    background-color: #f2f2f2;
    color: #7d7d7d;
    display: block;
    quotes: none;
}
blockquote {
    border: none;
    padding: 10px 0 10px 50px;
    margin: 0;
}

a {
    border: none;
    background-color: transparent;
    color: #00537e;
    text-decoration: underline;
    padding: 0 3px;
}

a:hover {
    border: none;
    color: #00537e;
    background-color: rgba(0, 83, 126, .08);
    padding: 0 3px;
    text-decoration: underline;
}

a:focus {
    border: none;
    text-decoration: underline;
    color: #00537e;
    background-color: rgba(0, 83, 126, .16);
    outline: 2px solid black;
    outline-offset: 1px;
    box-shadow: 0 0 0 1px white;
}

a:active  {
    border: none;
    color: #00537e;
    background-color: rgba(0, 83, 126, .16);
    padding: 0 3px;
    text-decoration: underline;
    outline: none;
    box-shadow: none;
}

a:visited {
    color: #003e5f;
    background-color: transparent;
}

a:visited:hover {
    border: none;
    text-decoration: underline;
    color: #003e5f;
    background-color: rgba(0, 62, 95, .08);
}

a:visited:focus {
    border: none;
    text-decoration: underline;
    color: #003e5f;
    background-color: rgba(0, 62, 95, .16);
    outline: 2px solid black;
    outline-offset: 1px;
    box-shadow: 0 0 0 1px white;
}

a:visited:active  {
    border: none;
    text-decoration: underline;
    color: #003e5f;
    background-color: rgba(0, 62, 95, .16);
    outline: none;
    box-shadow: none;
}


/* /Global font styles */

em {
    font-style: italic;
}

ul, ol {
    padding-left: 40px;
}
ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}

/* New content block responsive design */
.container-fluid {
    max-width: 1110px; /* 1050px content width + 30px padding on each side */
    padding: 40px 15px;
    margin-left: auto;
    margin-right: auto;
}
.highlight {
    background-color: yellow;
}
/* Special readibility rule for 1-column */
.col-narrow {
    width: 690px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
.auto-width .col-xs-12, .auto-width .col-sm-12, .auto-width .col-md-12, .auto-width .col-lg-12 {
    width: auto;
}
/* /New content block responsive design */

.img-responsive { /* Exists in bootstrap, but needed for Asset Detail View */
    display: block;
    max-width: 100%;
}

.vid-responsive video {
    max-width: 100%;
}

img.block-center, figure.block-center, .video-wrapper.block-center {
    margin: 0 auto 1em;
    display: block;
}

.image-wrap:has(img) div:has(.image-long-description-title-button) {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 14px;
}

.image-wrap:has(img) .image-long-description-title-button {
    cursor: pointer;
    color: #28779F;
    background: rgba(40, 119, 159, 0.05);
    align-self: center;
}

.image-wrap:has(img) .image-long-description-title-button:hover {
    text-decoration: underline;
    background: rgba(40, 119, 159, 0.1);
}

.image-wrap:has(img) .image-long-description-title-button:focus {
    text-decoration: unset;
    background: unset;
    outline: solid 2px #000 !important;
    border-radius: 2px;
}

.image-long-description-wrapper {
    display: none;
}

.ui-dialog.image-long-description-dialog {
    background-color: white;
    background-image: none;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    border-top: 4px solid #00537e;
    border-left: 1px solid #00537e;
    border-right: 1px solid #00537e;
    border-bottom: 1px solid #00537e;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
}

.ui-dialog.image-long-description-dialog .image-long-description-wrapper {
    max-width: 520px;
    padding: 0;
    display: inline-block !important;
    overflow-x: auto;
    margin-bottom: -5px;
}

.ui-dialog.image-long-description-dialog .image-long-description-title {
    color: #39484F;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    padding: 8px 42px 16px 24px;
}

.ui-dialog.image-long-description-dialog span.image-long-description {
    color: #39484F;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block;
    padding: 0 42px 24px 24px;
}

.ui-dialog.image-long-description-dialog .ui-widget-header {
    background: unset;
    border: unset;
}

.ui-dialog.image-long-description-dialog .ui-state-hover, .ui-state-focus {
    background: none;
    border: none;
}

.ui-dialog.image-long-description-dialog .ui-dialog-titlebar {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWdfaW5kaWNhdG9yIj4KPG1hc2sgaWQ9Im1hc2swXzQzMl8zMTEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwIDI0KSIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNDMyXzMxMSkiPgo8cGF0aCBpZD0iZHJhZ19pbmRpY2F0b3JfMiIgZD0iTTIwIDE1QzIwIDE1LjU1IDE5LjgwNDIgMTYuMDIwOCAxOS40MTI1IDE2LjQxMjVDMTkuMDIwOCAxNi44MDQyIDE4LjU1IDE3IDE4IDE3QzE3LjQ1IDE3IDE2Ljk3OTIgMTYuODA0MiAxNi41ODc1IDE2LjQxMjVDMTYuMTk1OCAxNi4wMjA4IDE2IDE1LjU1IDE2IDE1QzE2IDE0LjQ1IDE2LjE5NTggMTMuOTc5MiAxNi41ODc1IDEzLjU4NzVDMTYuOTc5MiAxMy4xOTU4IDE3LjQ1IDEzIDE4IDEzQzE4LjU1IDEzIDE5LjAyMDggMTMuMTk1OCAxOS40MTI1IDEzLjU4NzVDMTkuODA0MiAxMy45NzkyIDIwIDE0LjQ1IDIwIDE1Wk0yMCA5QzIwIDkuNTUgMTkuODA0MiAxMC4wMjA4IDE5LjQxMjUgMTAuNDEyNUMxOS4wMjA4IDEwLjgwNDIgMTguNTUgMTEgMTggMTFDMTcuNDUgMTEgMTYuOTc5MiAxMC44MDQyIDE2LjU4NzUgMTAuNDEyNUMxNi4xOTU4IDEwLjAyMDggMTYgOS41NSAxNiA5QzE2IDguNDUgMTYuMTk1OCA3Ljk3OTE3IDE2LjU4NzUgNy41ODc1QzE2Ljk3OTIgNy4xOTU4MyAxNy40NSA3IDE4IDdDMTguNTUgNyAxOS4wMjA4IDcuMTk1ODMgMTkuNDEyNSA3LjU4NzVDMTkuODA0MiA3Ljk3OTE3IDIwIDguNDUgMjAgOVpNMTQgMTVDMTQgMTUuNTUgMTMuODA0MiAxNi4wMjA4IDEzLjQxMjUgMTYuNDEyNUMxMy4wMjA4IDE2LjgwNDIgMTIuNTUgMTcgMTIgMTdDMTEuNDUgMTcgMTAuOTc5MiAxNi44MDQyIDEwLjU4NzUgMTYuNDEyNUMxMC4xOTU4IDE2LjAyMDggMTAgMTUuNTUgMTAgMTVDMTAgMTQuNDUgMTAuMTk1OCAxMy45NzkyIDEwLjU4NzUgMTMuNTg3NUMxMC45NzkyIDEzLjE5NTggMTEuNDUgMTMgMTIgMTNDMTIuNTUgMTMgMTMuMDIwOCAxMy4xOTU4IDEzLjQxMjUgMTMuNTg3NUMxMy44MDQyIDEzLjk3OTIgMTQgMTQuNDUgMTQgMTVaTTE0IDlDMTQgOS41NSAxMy44MDQyIDEwLjAyMDggMTMuNDEyNSAxMC40MTI1QzEzLjAyMDggMTAuODA0MiAxMi41NSAxMSAxMiAxMUMxMS40NSAxMSAxMC45NzkyIDEwLjgwNDIgMTAuNTg3NSAxMC40MTI1QzEwLjE5NTggMTAuMDIwOCAxMCA5LjU1IDEwIDlDMTAgOC40NSAxMC4xOTU4IDcuOTc5MTcgMTAuNTg3NSA3LjU4NzVDMTAuOTc5MiA3LjE5NTgzIDExLjQ1IDcgMTIgN0MxMi41NSA3IDEzLjAyMDggNy4xOTU4MyAxMy40MTI1IDcuNTg3NUMxMy44MDQyIDcuOTc5MTcgMTQgOC40NSAxNCA5Wk04IDE1QzggMTUuNTUgNy44MDQxNyAxNi4wMjA4IDcuNDEyNSAxNi40MTI1QzcuMDIwODMgMTYuODA0MiA2LjU1IDE3IDYgMTdDNS40NSAxNyA0Ljk3OTE3IDE2LjgwNDIgNC41ODc1IDE2LjQxMjVDNC4xOTU4MyAxNi4wMjA4IDQgMTUuNTUgNCAxNUM0IDE0LjQ1IDQuMTk1ODMgMTMuOTc5MiA0LjU4NzUgMTMuNTg3NUM0Ljk3OTE3IDEzLjE5NTggNS40NSAxMyA2IDEzQzYuNTUgMTMgNy4wMjA4MyAxMy4xOTU4IDcuNDEyNSAxMy41ODc1QzcuODA0MTcgMTMuOTc5MiA4IDE0LjQ1IDggMTVaTTggOUM4IDkuNTUgNy44MDQxNyAxMC4wMjA4IDcuNDEyNSAxMC40MTI1QzcuMDIwODMgMTAuODA0MiA2LjU1IDExIDYgMTFDNS40NSAxMSA0Ljk3OTE3IDEwLjgwNDIgNC41ODc1IDEwLjQxMjVDNC4xOTU4MyAxMC4wMjA4IDQgOS41NSA0IDlDNCA4LjQ1IDQuMTk1ODMgNy45NzkxNyA0LjU4NzUgNy41ODc1QzQuOTc5MTcgNy4xOTU4MyA1LjQ1IDcgNiA3QzYuNTUgNyA3LjAyMDgzIDcuMTk1ODMgNy40MTI1IDcuNTg3NUM3LjgwNDE3IDcuOTc5MTcgOCA4LjQ1IDggOVoiIGZpbGw9IiMxQzFCMUYiIGZpbGwtb3BhY2l0eT0iMC41NCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWdfcGFuIj4KPG1hc2sgaWQ9Im1hc2swXzM3OV84NzM5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzM3OV84NzM5KSI+CjxwYXRoIGlkPSJkcmFnX3Bhbl8yIiBkPSJNMTIgMjJMNy43NSAxNy43NUw5LjE3NSAxNi4zMjVMMTEgMTguMTVWMTNMNS44NzUgMTIuOTc1TDcuNyAxNC44TDYuMjUgMTYuMjVMMiAxMkw2LjIyNSA3Ljc3NUw3LjY1IDkuMkw1Ljg1IDExSDExVjUuODVMOS4xNzUgNy42NzVMNy43NSA2LjI1TDEyIDJMMTYuMjUgNi4yNUwxNC44MjUgNy42NzVMMTMgNS44NVYxMUwxOC4xMjUgMTEuMDI1TDE2LjMgOS4yTDE3Ljc1IDcuNzVMMjIgMTJMMTcuNzUgMTYuMjVMMTYuMzI1IDE0LjgyNUwxOC4xNSAxM0gxM0wxMi45NzUgMTguMTI1TDE0LjggMTYuM0wxNi4yNSAxNy43NUwxMiAyMloiIGZpbGw9IiMxQzFCMUYiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=) 12 12, auto;
    border: none;
}

.ui-dialog.image-long-description-dialog .ui-dialog-titlebar-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlXzI0cHgiPgo8cGF0aCBpZD0iaWNvbi9uYXZpZ2F0aW9uL2Nsb3NlXzI0cHgiIGQ9Ik0xOSA2LjQxTDE3LjU5IDVMMTIgMTAuNTlMNi40MSA1TDUgNi40MUwxMC41OSAxMkw1IDE3LjU5TDYuNDEgMTlMMTIgMTMuNDFMMTcuNTkgMTlMMTkgMTcuNTlMMTMuNDEgMTJMMTkgNi40MVoiIGZpbGw9IiMzOTQ4NEYiIHN0cm9rZT0iIzM5NDg0RiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center !important;
    border: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    z-index: 1;
}

.ui-dialog.image-long-description-dialog .ui-dialog-titlebar-close:focus {
    border-radius: 2px;
    outline: solid 2px #000 !important;
}

.ui-dialog.image-long-description-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none;
}

/* Click-to-See Slide Dialog & Hotspot Styles [START] */
.ui-dialog.hotspot-dialog {
    background-color: white;
    background-image: none;
    border-top: 4px solid #00537E;
    border-left: 1px solid #00537E;
    border-right: 1px solid #00537E;
    border-bottom: 1px solid #00537E;
    border-radius: 6px;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 1.1em;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.ui-dialog.hotspot-dialog .image-long-description-title-button,
.ui-dialog.hotspot-dialog .image-long-description-title-button:hover,
.ui-dialog.hotspot-dialog .image-long-description-title-button:focus {
    background: none;
    outline: none !important;
    cursor: default;
    text-decoration: none;
}

.ui-dialog.hotspot-dialog .ui-widget-header {
    background: unset;
    border: unset;
}

.ui-dialog.hotspot-dialog .ui-state-hover,
.ui-dialog.hotspot-dialog .ui-state-focus {
    background: none;
    border: none;
}

.ui-dialog.hotspot-dialog .ui-dialog-titlebar {
    background: none;
    border: none;
    padding: 0;
}

.ui-dialog.hotspot-dialog .ui-dialog-titlebar .ui-dialog-title {
    height: 0;
    margin: 0;
}

.ui-dialog.hotspot-dialog .ui-dialog-titlebar-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlXzI0cHgiPgo8cGF0aCBpZD0iaWNvbi9uYXZpZ2F0aW9uL2Nsb3NlXzI0cHgiIGQ9Ik0xOSA2LjQxTDE3LjU5IDVMMTIgMTAuNTlMNi40MSA1TDUgNi40MUwxMC41OSAxMkw1IDE3LjU5TDYuNDEgMTlMMTIgMTMuNDFMMTcuNTkgMTlMMTkgMTcuNTlMMTMuNDEgMTJMMTkgNi40MVoiIGZpbGw9IiMzOTQ4NEYiIHN0cm9rZT0iIzM5NDg0RiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center !important;
    border: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 7px;
    width: 24px;
    height: 24px;
    z-index: 1;
}

.ui-dialog.hotspot-dialog .ui-dialog-titlebar-close:focus {
    border-radius: 2px;
    outline: solid 2px #000 !important;
}

.ui-dialog.hotspot-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none;
}

.ui-dialog.hotspot-dialog .ui-widget-content {
    color: #425259;
    padding: 8px 24px 8px 16px;
}
.ui-dialog.hotspot-dialog .ui-dialog-content dfn {
    font-weight: bold;
    font-style: normal;
}

.ui-widget-overlay.transparent-overlay {
    background-color: transparent;
    background-image: none;
    opacity: 0;
}

.hotspot:hover,
.hotspot:focus {
    position: relative;
    border: 2px solid #fff;
    border-radius: 5px !important;
    outline: 2px solid #000;
}

.hotspot .chevron {
    position: absolute;
    background-color: transparent;
    visibility: hidden;
}

.hotspot .chevron.top-arrow {
    visibility: visible;
    left: calc(50% - 10px);
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00537E;
}

.hotspot .chevron.right-arrow {
    visibility: visible;
    right: -10px;
    top: calc(50% - 10px);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #00537E;
}

.hotspot .chevron.bottom-arrow {
    visibility: visible;
    left: calc(50% - 10px);
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00537E;
}

.hotspot .chevron.left-arrow {
    visibility: visible;
    left: -10px;
    top: calc(50% - 10px);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #00537E;
}
/* Click-to-See Slide Dialog & Hotspot Styles [END] */

.video-wrapper.block-center {
    text-align: center;
}

figure.block-center > figcaption {
    margin: 25px auto 0;
    text-align: left; /* override player-shared style*/
}

figure.imgLeft, img.imgLeft {
    float: left;
    margin: 0 1em 0.5em 0;
}

figure.imgRight, img.imgRight {
    float: right;
    margin: 0 0 0.5em 1em;
}

figure.imgRight .imgRight {
    margin: 0;
    float: none;
}

figure.imgLeft .imgLeft {
    margin: 0;
    float: none;
}

figure.block-center > img {
    margin-bottom: 0;
}

video.real-dimensions {
    width: 1024px;
    height: 576px;
}

video.full-width, video, .video-wrapper-inner {
    width: 100%;
}

.vid-actual-size video, .vid-actual-size .video-wrapper-inner {
    width: auto;
}

.video-wrapper video, .video-wrapper.block-center .video-wrapper-inner {
    margin-bottom: 0;
}

.video-wrapper-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: end;
    row-gap: .2em;
}

.audioPlay {
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    background-image: url('images/inline_text_actions_sprite.png');
    background-position: left top;
    background-repeat: no-repeat;
    /*JRM: Added  these styles when I changed this to a button */
    border: none;
    background-color: transparent;
    padding: 0;
}


/* New table styles (for .ed tables only!) */
table.ed {
    border-collapse: collapse;
    border: 2px solid #e7e7e7; /* bug fix #66568 */
    margin: 15px 0;
}
table.ed.border-on {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.17);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.17);
}
table.ed th, table.ed tr th, table.ed td, table.ed tr td {
    padding: 15px 30px;
    font-size: 14px;
    line-height: 17px;
}
table.ed td, table.ed tr td {
    border: 0;
}
table.ed.border-on td, table.ed.border-on tr td {
    border: 2px solid #e7e7e7;
    border-top: 0;
}
table.ed th, table.ed tr th {
    font-size: 15px;
    color: #ffffff;
    padding: 15px;
    background: linear-gradient(to bottom, #007eaf 0%, #007eaf 100%);
}
table.ed.border-on th, table.ed.border-on tr th {
    border: 0;
    border-left: 2px solid rgba(255, 255, 255, 0.12);
}
table.ed.border-on th:first-child, table.ed.border-on tr th:first-child {
    border: 0;
}

/* Make sure columns clear floated images when columns are stacked on top of each other */
@media screen and (max-width: 767px) {
    .row-fluid > div {
        clear: both;
    }
}

.btn {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn.slide-jump {
    background-color: #dddddd;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

button:focus {
    outline: 1px dotted #999 !important;
}

.nobr {
	white-space:nowrap;
}

.nobr .tippy-box {
    white-space: normal !important;
}

.resourceLink::after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 0 0 0 7px;
    vertical-align: -1px;
    background-image: url('images/inline_text_actions_not_visited.png');
    display: inline-block;
}

.resourceLink:visited::after {
  background-image: url('images/inline_text_actions_visited.png');
}

/* Passage with Content styles */
.passage-with-content-container {
    height: 100vh;
    width: 100%;
}
.passage-with-content-container > .row-fluid {
    height: 100%;
}
.passage-with-content-container > .row-fluid > .passage-container {
    height: 100%;
    overflow: auto;
    padding-top: 30px;
}
.screenBuilderWithPassageContent {
    width: 100%;
}
.screenBuilderWithPassageContent > .row-fluid > .passage-container {
    overflow: auto;
    padding-top: 30px;
}
.passage-button-expand {
    position: absolute;
    top: 1px;
    right: 5px;
    text-indent: -9999px;
    width: 28px;
    height: 27px;
    background-image: url('images/passageExpandSprite.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: white;
    border: none;
    padding: 0;
}
.passage-button-expand.expanded {
    background-position: -28px 0;
}

/* Content block background images */
.responsive-background {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.responsive-container {
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .passage-with-content-container > .row-fluid > div {
        width: 50%;
        clear: none;
    }
    .passage-with-content-container > .row-fluid .col-sm-6 {
        float: left;
    }
}

/* In version 2.5.0 of MathJax a change was made so SVG math will inherit the font color
   set on the containing HTML element rather than always use black in versions prior to 2.5.0.
   However, we want the color to remain black (so nothing changes for our users).
*/
.MathJax {
    color: black;
}

.MathJax:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

/* Emulate the 'blacker' SVG output setting of MathJax 2 which doesn't yet exist in MathJax 3 */
.MathJax path {
    stroke-width: 15 !important;
}

.tippy-popper:hover, .tippy-popper:focus {
    border: 2px solid #fff;
    border-radius: 5px !important;
    outline: 2px solid #000;
}

    .translation-loader {
        /* Position the loader in the center */
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        width: 100%;
        height: 100%;
        background: #f0f8ff;
        opacity: 0.5;
    }

.translation-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

.translation-bounce1, .translation-bounce2, .translation-bounce3 {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #333;
    position: absolute;
    top: 0;
    animation: sk-bounce 2.0s infinite cubic-bezier(0.67, 0.15, 0.85, 0.39);
}

.translation-bounce1 {
    left: 0;
    animation-delay: -0.3s;
}

.translation-bounce2 {
    left: 17px;
    animation-delay: -0.15s;
}

.translation-bounce3 {
    left: 34px;
}

@keyframes sk-bounce {
    0%, 80%, 100% {
        transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
    }
}