/*#region Links*/

a {
    color: #000000;
    text-decoration: underline;
}

    a:hover {
        color: #0066cc;
        text-decoration: underline;
    }

a:not([href]).link,
.link {
    color: #0066cc;
    text-decoration: none;
}

    a:not([href]).link:hover,
    .link:hover {
        color: #004c9a;
        text-decoration: underline;
        cursor: pointer;
    }

a:not([href]).linkBlackToBlack,
.linkBlackToBlack,
a:not([href]).linkBlackToBlackNoUnderline,
.linkBlackToBlackNoUnderline {
    color: #000000;
    text-decoration: none;
}

    a:not([href]).linkBlackToBlack:hover,
    .linkBlackToBlack:hover,
    a:not([href]).linkBlackToBlackNoUnderline:hover,
    .linkBlackToBlackNoUnderline:hover {
        color: #000000;
    }

    a:not([href]).linkBlackToBlack:hover,
    .linkBlackToBlack:hover {
        text-decoration: underline;
    }

    a:not([href]).linkBlackToBlackNoUnderline:hover,
    .linkBlackToBlackNoUnderline:hover {
        text-decoration: none;
    }

a:not([href]).linkBlackToBlackAlwaysUnderline,
.linkBlackToBlackAlwaysUnderline {
    color: #000000;
    text-decoration: underline;
}

    a:not([href]).linkBlackToBlackAlwaysUnderline:hover,
    .linkBlackToBlackAlwaysUnderline:hover {
        color: #000000;
        cursor: pointer;
    }

a:not([href]).linkBlackToBlue,
.linkBlackToBlue,
a:not([href]).linkBlackToBlueNoUnderline,
.linkBlackToBlueNoUnderline {
    color: #000000;
    text-decoration: none;
}

    a:not([href]).linkBlackToBlue:hover,
    .linkBlackToBlue:hover,
    a:not([href]).linkBlackToBlueNoUnderline:hover,
    .linkBlackToBlueNoUnderline:hover {
        color: #0066cc;
    }

    a:not([href]).linkBlackToBlue:hover,
    .linkBlackToBlue:hover {
        text-decoration: underline;
    }

    a:not([href]).linkBlackToBlueNoUnderline:hover,
    .linkBlackToBlueNoUnderline:hover {
        text-decoration: none;
    }

a:not([href]).linkBlackToBlueAlwaysUnderline,
.linkBlackToBlueAlwaysUnderline {
    color: #000000;
    text-decoration: underline;
}

    a:not([href]).linkBlackToBlueAlwaysUnderline:hover,
    .linkBlackToBlueAlwaysUnderline:hover {
        color: #0066cc;
        cursor: pointer;
    }

a:not([href]).linkBlueToBlack,
.linkBlueToBlack,
a:not([href]).linkBlueToBlackNoUnderline,
.linkBlueToBlackNoUnderline {
    color: #0066cc;
    text-decoration: none;
}

    a:not([href]).linkBlueToBlack:hover,
    .linkBlueToBlack:hover,
    a:not([href]).linkBlueToBlackNoUnderline:hover,
    .linkBlueToBlackNoUnderline:hover {
        color: #000000;
    }

    a:not([href]).linkBlueToBlack:hover,
    .linkBlueToBlack:hover {
        text-decoration: underline;
    }

    a:not([href]).linkBlueToBlackNoUnderline:hover,
    .linkBlueToBlackNoUnderline:hover {
        text-decoration: none;
    }

a:not([href]).linkBlueToBlackAlwaysUnderline,
.linkBlueToBlackAlwaysUnderline {
    color: #0066cc;
    text-decoration: underline;
}

    a:not([href]).linkBlueToBlackAlwaysUnderline:hover,
    .linkBlueToBlackAlwaysUnderline:hover {
        color: #000000;
        cursor: pointer;
    }

a:not([href]).linkBlueToBlue,
.linkBlueToBlue,
a:not([href]).linkBlueToBlueNoUnderline,
.linkBlueToBlueNoUnderline {
    color: #0066cc;
    text-decoration: none;
}

    a:not([href]).linkBlueToBlue:hover,
    .linkBlueToBlue:hover,
    a:not([href]).linkBlueToBlueNoUnderline:hover,
    .linkBlueToBlueNoUnderline:hover {
        color: #004c9a;
    }

    a:not([href]).linkBlueToBlue:hover,
    .linkBlueToBlue:hover {
        text-decoration: underline;
    }

    a:not([href]).linkBlueToBlueNoUnderline:hover,
    .linkBlueToBlueNoUnderline:hover {
        text-decoration: none;
    }

a:not([href]).linkBlueToBlueAlwaysUnderline,
.linkBlueToBlueAlwaysUnderline {
    color: #0066cc;
    text-decoration: underline;
}

    a:not([href]).linkBlueToBlueAlwaysUnderline:hover,
    .linkBlueToBlueAlwaysUnderline:hover {
        color: #004c9a;
        cursor: pointer;
    }

a:not([href]).linkWhiteToWhite,
.linkWhiteToWhite,
a:not([href]).linkWhiteToWhiteNoUnderline,
.linkWhiteToWhiteNoUnderline {
    color: #ffffff;
    text-decoration: none;
}

    a:not([href]).linkWhiteToWhite:hover,
    .linkWhiteToWhite:hover,
    a:not([href]).linkWhiteToWhiteNoUnderline:hover,
    .linkWhiteToWhiteNoUnderline:hover {
        color: #ffffff;
    }

    a:not([href]).linkWhiteToWhite:hover,
    .linkWhiteToWhite:hover {
        text-decoration: underline;
    }

    a:not([href]).linkWhiteToWhiteNoUnderline:hover,
    .linkWhiteToWhiteNoUnderline:hover {
        text-decoration: none;
    }

a:not([href]).linkWhiteToWhiteAlwaysUnderline,
.linkWhiteToWhiteAlwaysUnderline {
    color: #ffffff;
    text-decoration: underline;
}

    a:not([href]).linkWhiteToWhiteAlwaysUnderline:hover,
    .linkWhiteToWhiteAlwaysUnderline:hover {
        color: #ffffff;
        cursor: pointer;
    }
/*#endregion Links*/

.accordion .accordion-item button::after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.dropdown-trigger .arrow span {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.background--blue1 {
    background-color: #0066CC;
    color: #fff;
}

.background--blue2 {
    background-color: #004C9A;
    color: white;
}

.background--dark-gray2 {
    background-color: #505050;
    color: white;
}

.background--gray {
    background-color: #808080;
}

.background--dark-gray3 {
    background-color: #707070;
    color: white;
}

.background--light-gray1 {
    background-color: #F4F4F4;
}

.background--light-gray1 {
    background-color: #CFCFCF;
}

.background--light-black {
    background-color: #333333;
    color: white;
}

.background--rich-black {
    background-color: #000000;
    color: white;
}

.background--SPIE-red {
    background-color: #EA202E;
}

@font-face {
    font-family: "Gotham--Bold";
    src: url("../fonts/Gotham-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Bold-Italic";
    src: url("../fonts/Gotham-BoldItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Black";
    src: url("../fonts/Gotham-Black.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Book";
    src: url("../fonts/Gotham-Book.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Book-Italic";
    src: url("../fonts/Gotham-BookItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Medium";
    src: url("../fonts/Gotham-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Medium-Italic";
    src: url("../fonts/Gotham-MediumItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Thin";
    src: url("../fonts/Gotham-Thin.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Thin-Italic";
    src: url("../fonts/Gotham-ThinItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Light";
    src: url("../fonts/Gotham-Light.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Light-Italic";
    src: url("../fonts/Gotham-LightItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Ultra-Light";
    src: url("../fonts/Gotham-UltraLight.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham--Ultra-Light-Italic";
    src: url("../fonts/Gotham-UltraLightItalic.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 62.5%;
}

body {
    /*  font-family: "Gotham--Book", Arial, Helvetica Neue, Helvetica, sans-serif;*/
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Gotham A", "Gotham B", sans-serif;
}

h1, .h1 {
    color: black;
    font-size: 30px;
    font-weight: 700;
    text-align: start;
}

h2, .h2 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

h3, .h3 {
    color: black;
    font-size: 20px;
    font-weight: 700;
}

h4, .h4 {
    font-size: 24px;
    color: black;
    font-weight: 700;
}

h5, .h5 {
    font-size: 18px;
    color: black;
    font-weight: 400;
}
/*.subtitle1 {
  font-size: 18px;
  font-weight: 700; }

.subtitle2 {
  font-size: 16px;
  font-weight: 700; }

.subtext1 {
  font-size: 14px;
  font-weight: 400; }

.subtext1 {
  font-size: 13px;
  font-weight: 400; }
*/
.optional-title {
    font-size: 17px;
}

.content-box {
    padding-left: 80px;
    padding-right: 80px;
}

.center-button {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}

.center-button-secondary {
    text-align: center;
}

._space-below {
    margin-bottom: 50px;
}

.full-underline {
    border-bottom: 1px solid #0066CC;
    margin-top: 45px;
    margin-bottom: 45px;
}

.no-margin {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.right-button {
    text-align: right;
}

.super-underline {
    border-bottom: 1px solid grey;
    margin-top: 15px;
    margin-bottom: 15px;
}

.content-box {
    padding: 10px 10px 10px 10px;
    position: relative;
    min-height: 200px;
    justify-content: center;
}

.background-grayone {
    background-color: #F4F4F4;
}

.float-title {
    padding-bottom: 20px;
    padding-top: 12px;
}

.tray-float {
    padding-bottom: 40px;
    padding-top: 22px;
}

.tray-float-left-nav {
    padding-bottom: 40px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .tray-float-left-nav {
        margin-top: 0;
    }
}

.tray-left-nav-pad {
    padding-bottom: 40px;
}

.left-nav-heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.carousel-control-next-icon {
    background-image: url("../../Content/igx/img/icon_rotator_arrow.svg");
    height: 32px;
    width: 18px;
}

.carousel-control-prev-icon {
    background-image: url("../../Content/igx/img/icon_rotator_arrow.svg");
    transform: rotate(180deg);
    height: 32px;
    width: 18px;
}

.spacer {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}

.hoverheading h2 {
    font-weight: 700;
    font-size: 18px;
}

.hoverheading:hover h2 {
    color: #0066cc;
    cursor: pointer;
}

.hoverheading:hover .nohover {
    color: black;
    cursor: unset;
}

.optional-space {
    margin-top: 40px;
}

.optional-space-below {
    margin-bottom: 30px;
}

img.four-across {
    width: 46%;
    float: left;
    margin-right: 10px;
    margin-bottom: 40px;
    cursor: pointer;
}

p.four-across {
    display: flex;
}

img.two-across {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
    order: 1;
}

img.profile {
    padding-right: 20px;
    margin-bottom: 40px;
}

.card-text {
    overflow: hidden;
    margin-bottom: .75rem;
}

.card-title {
    font-size: 16px;
    font-weight: bold;
}
/*header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden; }
*/
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

.hoverheading a {
    text-decoration: none;
}

@media (min-width: 768px) {
    .content-box {
        padding: 30px 30px 30px 30px;
    }

    .spacer {
        margin-right: 0;
        margin-left: 0;
    }

    img.four-across {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .content-box {
        padding: 30px 30px 30px 30px;
    }
}

@media (min-width: 1200px) {
    ._divide::before {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        top: 0;
        left: 15px;
        background-color: #0066CC;
    }

    .content-box {
        padding: 30px 30px 30px 30px;
    }
}

.navbar-nav {
    margin-top: 15px;
    margin-bottom: 15px;
}

.dropdown-menu {
    font-size: 1.6rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus {
        color: inherit;
    }

.nav-item:hover, .nav-item:focus {
    color: white;
    background-color: #0066CC;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #0066CC;
}

.nav-link a:hover, .nav-link a:focus {
    color: white;
}

.navbar {
    padding: unset;
}

.p-1 {
    width: 181px;
    padding: .5rem !important;
}

.form-control {
    font-size: 1.5rem;
}

.fa.fa-search {
    font-size: 1.5rem;
    color: #808080;
    line-height: unset !important;
}

.button-search {
    border: 0;
    background-color: transparent;
}

@media (min-width: 768px) {
    .p-1 {
        width: unset;
    }
}

.image {
    height: 100%;
}

.image--background-image {
    background-size: cover;
    background-position: center;
}

.text-here {
    border: solid 1px #ccc;
    padding: 5px 15px;
    position: relative;
    z-index: 1;
}

.dropdown-trigger {
    position: relative;
}

    .dropdown-trigger .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 20px;
        height: 30px;
        display: block;
        z-index: 2;
        pointer-events: none;
    }

        .dropdown-trigger .arrow span {
            position: absolute;
            width: 14px;
            height: 2px;
            background-color: #000;
            top: 50%;
        }

            .dropdown-trigger .arrow span:first-of-type {
                transform: rotate(45deg);
                left: -2px;
            }

            .dropdown-trigger .arrow span:last-of-type {
                transform: rotate(-45deg);
                right: -1px;
            }

    .dropdown-trigger.active .arrow span:first-of-type {
        transform: rotate(-45deg);
    }

    .dropdown-trigger.active .arrow span:last-of-type {
        transform: rotate(45deg);
    }

.section-group {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 15px 15px;
    display: none;
    position: relative;
    height: 0;
}

    .section-group a {
        display: block;
        padding: 5px;
    }

    .section-group.active {
        height: unset;
    }

.scroll {
    position: relative;
}

.long-xhtml hr {
    margin-bottom: 40px;
    margin-top: 40px;
}

.list-group {
    position: sticky;
    top: 15px;
    border: solid 1px #CFCFCF;
    border-radius: 3px;
    padding-left: 15px;
    padding-right: 40px;
    margin-top: 22px;
}

    .list-group .list-group-item {
        border-width: 0 0 1px 0;
        border-color: #CFCFCF;
        border-radius: 0;
        color: #000000;
        text-decoration: underline;
    }

        .list-group .list-group-item:hover {
            background-color: transparent;
            color: #0066cc;
            text-decoration: underline;
        }

        .list-group .list-group-item.active {
            background-color: transparent;
            font-weight: bold;
            color: #0066cc;
            text-decoration: underline;
        }

        .list-group .list-group-item.list-group-title,
        .list-group .list-group-item.list-group-title:hover,
        .list-group .list-group-item.list-group-title.active {
            color: #505050;
            text-decoration: none;
        }


.list-group-item span {
    cursor: unset;
    color: #505050;
    text-decoration: none;
}

.list-group-item:hover span {
    color: #505050;
    text-decoration: none;
}


.button {
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 20px 30px;
    display: inline-block;
    line-height: 0;
    border: 0;
    border-radius: 20px;
    font-weight: 700;
    font-family: "Gotham A","Gotham B",sans-serif;
}

.button--blue {
    background-color: #0066CC;
    color: white;
}

    .button--blue:hover, .button--blue:focus {
        background-color: #004C9A;
        text-decoration: none;
        color: #fff;
    }

.button--red {
    background-color: #EA202E;
    color: white;
}

    .button--red:hover, .button--red:focus {
        background-color: #C6000E;
        text-decoration: none;
        color: #fff;
    }

.button--black {
    background-color: #000000;
    color: white;
}

    .button--black:hover, .button--black:focus {
        background-color: #707070;
        text-decoration: none;
        color: #fff;
    }

.button--white {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

    .button--white:hover, .button--white:focus {
        background-color: white;
        text-decoration: none;
        color: #000000;
        border: 1px solid white;
    }

.button--solid-white {
    background-color: white;
    border: 1px solid white;
}

    .button--solid-white:hover, .button--solid-white:focus {
        background-color: #ebebeb;
        border-color: #ebebeb;
    }

.button--gray {
    background-color: transparent;
    border: 1px solid #707070;
    color: #000000;
}

    .button--gray:hover, .button--gray:focus {
        background-color: #CFCFCF;
        text-decoration: none;
        color: #000000;
    }

.button--yellow {
    background-color: #FECB2F;
    border: 1px solid #E2AA00;
    color: #000000;
}

    .button--yellow:hover {
        background-color: #FFBB00;
        text-decoration: none;
        color: #000000;
    }

    .button--yellow:focus,
    .button--yellow:focus-visible {
        background-color: #FECB2F;
        border-color: #E2AA00;
        color: #000000;
        outline: 2px solid #FECB2F;
        outline-offset: 2px;
        box-shadow: none;
    }

.button--outline {
    background-color: transparent;
    border: black;
    color: black;
}

    .button--outline:hover, .button--outline:focus {
        background-color: white;
        text-decoration: none;
        color: #000000;
    }

@media (min-width: 768px) {
    .button {
        font-size: 14px;
    }

    .spacer {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.text-color--white *:not(button) {
    color: #fff !important;
}

.text-color--white hr {
    border-color: #fff;
}

.text-color--white .hoverheading:hover h2 {
    text-decoration: underline;
}

.cta-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding: 40px;
}

.cta-card--grey {
    background-color: #e5e5e6;
}

.content__button-container {
    margin-top: 25px;
    text-align: right;
}

.tray-fluid button {
    float: right;
    background-color: white;
    color: #0066CC;
    border-color: #0066CC;
    padding: 5px 50px 5px;
    border-radius: 8px;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
}

.tray-one {
    position: relative;
    padding-bottom: 40px;
}

    .tray-one .carousel {
        z-index: 1;
    }

    .tray-one .carousel-item {
        height: 500px;
    }

    .tray-one .carousel.short .carousel-item {
        height: 350px;
    }

    .tray-one .carousel-caption {
        right: unset;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        padding: 20px 10px 0px 10px;
    }

        .tray-one .carousel-caption > div {
            padding: 0;
        }

        .tray-one .carousel-caption .spacer {
            display: block;
            margin: 0 0 20px 0;
        }

            .tray-one .carousel-caption .spacer:last-child {
                margin: 0;
            }

        .tray-one .carousel-caption .button {
            width: 100%;
            justify-content: center;
        }

        .tray-one .carousel-caption.textButtonShadow h1 {
            text-shadow: 0.25px 0.25px 0.1em rgba(0, 0, 0, 0.88);
        }

        .tray-one .carousel-caption.textButtonShadow h5 {
            text-shadow: 0.25px 0.25px 0.25em rgba(0, 0, 0, 0.88);
        }

        .tray-one .carousel-caption.textButtonShadow button {
            box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
        }

    .tray-one .carousel-subheading {
        color: white;
        line-height: 24px;
        text-shadow: 0.25px 0.25px 0.25em rgba(0, 0, 0, 0.88);
        font-size: 18px;
        font-weight: 500;
        margin-top: 1.6em;
        margin-bottom: .5rem;
        padding-bottom: 30px;
        display: block;
    }

    .tray-one .carousel-item img {
        min-height: 500px;
        object-fit: cover;
        top: 0;
        left: 0;
    }

tray-one .carousel.short .carousel-item img {
    min-height: 350px;
}

.tray-one .carousel-item iframe {
    min-height: 500px;
    top: 0;
    left: 0;
}

.tray-one .carousel.short .carousel-item iframe {
    min-height: 350px;
}

.tray-one .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.tray-one .parentdiv {
    display: block;
}

.tray-one .spacer {
    margin-bottom: 15px;
}

.tray-one h1 {
    font-size: 30px;
    color: white;
    margin-bottom: 20px;
    line-height: 1.2;
}

.tray-one h5 {
    font-size: 18px;
    color: white;
    padding-bottom: 30px;
}

.tray-one iframe {
    width: 100%;
}

@media (min-width: 576px) {
    .tray-one .carousel-caption {
        width: auto;
        top: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
        padding: 20px 15px;
    }

        .tray-one .carousel-caption .spacer {
            display: inline-block;
            margin: 0 15px 15px 15px;
        }

    .tray-one .text-left .spacer {
        margin-left: 0;
    }

    .tray-one .carousel-caption .button {
        width: auto;
    }
}

#carouselExampleIndicators {
    width: 100%;
}

.brightcove-slide {
    min-height: 100%;
}

    .brightcove-slide .video-js > .vjs-tech {
        object-fit: cover;
        width: 100% !important;
    }

@media (max-width: 888px) {
    .video-js {
        width: auto !important;
        height: auto !important;
    }

        .video-js .vjs-tech {
            width: auto !important;
        }
}

.tray--one {
    padding: 0 0 40px 0;
    position: relative;
    overflow: hidden;
}

    .tray--one h2 {
        font-size: 18px;
    }

    .tray--one p {
        text-align: left;
        line-height: 1.7;
    }

@media (min-width: 768px) {
    .tray-one h1 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .parentdiv {
        display: inline-flex;
    }

    .tray-one .spacer {
        margin-bottom: 0;
    }
}

.tray-two {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
}

    .tray-two img {
        width: 100%;
        margin-bottom: 20px;
        cursor: pointer;
        border-radius: 3px;
    }

    .tray-two h4 {
        text-align: left;
    }

    .tray-two p {
        text-align: left;
    }

@media (min-width: 992px) {
    .tray-two img {
        margin-top: unset;
    }

    .tray-two h4 {
        margin-top: unset;
    }

    ._divide::before {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        top: 0;
        left: -8px;
        background-color: #707070;
    }
}

@media (min-width: 1200px) {
    ._divide::before {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        top: 0;
        left: -8px;
        background-color: #707070;
    }
}

.tray-three {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-three img {
        width: 100%;
        margin-bottom: 20px;
        cursor: pointer;
        border-radius: 3px;
    }

    .tray-three h4 {
        text-align: left;
    }

    .tray-three p {
        text-align: left;
    }

    .tray-three .center-three {
        align-self: center;
    }

.tray-3-3 {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-3-3 img {
        width: 100%;
        margin-bottom: 20px;
        order: 1;
        height: auto;
        border-radius: 3px;
    }

    .tray-3-3 video {
        width: 350px;
    }

    .tray-3-3 h4 {
        text-align: left;
    }

    .tray-3-3 p {
        text-align: left;
    }

    .tray-3-3 .center-three {
        align-self: center;
        order: 2;
    }

@media (min-width: 768px) {
    .tray-three img {
        margin-top: unset;
    }

    .tray-3-3 video {
        width: 400px;
    }
}

@media (min-width: 992px) {
    .tray-3-3 video {
        width: 600px;
    }
}

@media (min-width: 1200px) {
    .tray-3-3 video {
        width: 700px;
    }
}

.tray-four {
    padding: 30px 0 0px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-four img {
        width: 100%;
        margin-bottom: 20px;
    }

    .tray-four a > img {
        cursor: pointer;
    }

    .tray-four a > h2:hover {
        color: #0066cc;
        cursor: pointer;
    }

    .tray-four h4 {
        text-align: left;
    }

    .tray-four p {
        text-align: left;
        margin-bottom: 50px;
    }

    .tray-four button {
        margin-bottom: 50px;
    }

    .tray-four .center-three {
        align-self: center;
    }

    .tray-four .headinghover:hover h2 {
        color: #0066cc;
    }

    .tray-four h2 {
        text-decoration: underline;
    }

@media (min-width: 768px) {
    .tray-four img {
        margin-top: unset;
    }

    .tray-four p,
    .tray-four button {
        margin-bottom: 40px;
    }
}

.tray-four-col {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .tray-four-col {
        margin-bottom: 0px;
    }
}

.tray-five {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-five img {
        width: 100%;
        border-radius: 3px;
        margin-bottom: 20px;
    }

    .tray-five a > img {
        cursor: pointer;
    }

    .tray-five h4 {
        text-align: left;
    }

    .tray-five p {
        text-align: left;
        margin-bottom: 10px;
    }

    .tray-five h2 {
        text-decoration: underline;
    }

.tray-five-col {
    padding-top: 22px;
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .tray-five-col {
        margin-bottom: 0px;
    }
}

.tray-five-space {
    padding-top: 40px;
}

.tray--five {
    padding: 10px;
    display: flex;
}

@media (min-width: 768px) {
    .tray-five img {
        margin-top: unset;
    }
}

.tray-six {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-six img {
        width: 46%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 6px;
    }

    .tray-six a > img {
        cursor: pointer;
    }

    .tray-six h4 {
        display: flex;
    }

    .tray-six h2 {
        font-size: 18px;
        font-weight: 700;
        text-decoration: underline;
    }

    .tray-six p {
        display: flex;
    }

.tray-six-col {
    padding-top: 22px;
}

.tray-six-space {
    padding-top: 40px;
}

.tray--six {
    padding: 10px;
    display: flex;
}

@media (min-width: 768px) {
    .tray-six img {
        width: 100%;
        margin-bottom: 20px;
    }

    .tray-six h4 {
        text-align: left;
        display: block;
    }

    .tray-six p {
        text-align: left;
        display: block;
    }

    .tray--six {
        padding: 10px;
        display: flex;
    }
}

.tray-eight {
    padding: 30px 0 60px 0;
    position: relative;
    overflow: hidden;
}

    .tray-eight h4 {
        text-align: left;
    }

    .tray-eight p {
        text-align: left;
    }

.tray-nine {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-nine img {
        width: 100%;
        margin-bottom: 20px;
        order: 1;
        border-radius: 3px;
    }

    .tray-nine h4 {
        text-align: left;
    }

    .tray-nine p {
        text-align: left;
    }

    .tray-nine .center-nine {
        align-self: center;
        order: 2;
    }

    .tray-nine .hoverheading:hover h2 {
        color: #0066cc;
        cursor: pointer;
    }

.tray--nine {
    position: relative;
    overflow: hidden;
    display: flex;
    padding-bottom: 60px;
}

    .tray--nine img {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 3px;
    }

    .tray--nine h4 {
        text-align: left;
    }

    .tray--nine p {
        text-align: left;
    }

    .tray--nine .center-nine {
        align-self: center;
    }

    .tray--nine .hoverheading:hover h2 {
        color: #0066cc;
        cursor: pointer;
    }

@media (min-width: 768px) {
    .tray-nine img {
        margin-top: unset;
    }
}

.tray-ten {
    padding: 30px 0 60px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-ten h4 {
        text-align: left;
        margin-bottom: 20px;
    }

    .tray-ten p {
        text-align: left;
    }

.table {
    color: black;
}

    .table thead th {
        background-color: #D9EDF7;
        border-top: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    }

.table-striped tbody tr:nth-of-type(even) {
    background-color: #F4F4F4;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: white;
}

.table-striped tbody tr:nth-of-type(odd) {
    border-bottom: 1px solid #CFCFCF;
}

.tray-eleven {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-eleven .cardContainer {
        padding: 0px 12px;
    }

    .tray-eleven .card {
        border: none;
        border-radius: 3px;
        flex: auto;
        margin-bottom: 15px;
    }

    .tray-eleven .card--gray {
        background-color: #F4F4F4;
        border: 1px solid #CFCFCF;
    }

    .tray-eleven .card--white {
        border: 1px solid #AAAAAA;
    }

    .tray-eleven .card--blue {
        background-color: #0066CC;
        border: 1px solid #0066CC;
    }

    .tray-eleven .card--red {
        background-color: #EA202E;
        border: 1px solid #EA202E;
    }

    .tray-eleven .card--outline {
        background-color: transparent;
        border: 1px solid #000000;
    }

    .tray-eleven .card--rich-black {
        background-color: #000000;
        border: 1px solid #000000;
    }

        .tray-eleven .card--rich-black h5 {
            color: white;
        }

    .tray-eleven .card--transparent_BlackText {
        background-color: none;
        border: 1px solid #000000;
    }

        .tray-eleven .card--transparent_BlackText h5 {
            color: black;
        }

    .tray-eleven .card--transparent_WhiteText {
        background-color: none;
        border: 1px solid #000000;
    }

        .tray-eleven .card--transparent_WhiteText h5 {
            color: white;
        }

    .tray-eleven .card .icon-book_white {
        width: 22.4px;
        height: 25.28px;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .tray-eleven a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden;
    }

.book-title {
    margin-bottom: 0;
    font-size: 16px;
    color: #000000;
}

.right-arrow {
    float: right;
    cursor: pointer;
    margin-top: 9px;
}

.right-arrow-white {
    height: 16px;
    width: 10px;
    float: right;
    cursor: pointer;
    margin-top: 9px;
}

.card-body {
    padding: 20px;
}

.icon-book {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .right-arrow {
        margin-top: 9px;
    }

    .card-deck {
        display: block;
    }
}

@media (min-width: 992px) {
    .right-arrow {
        margin-top: 9px;
    }

    .card-deck {
        display: flex;
    }
}

.tray-twelve {
    padding: 22px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-twelve button {
        margin-top: 20px;
        margin-bottom: 45px;
    }

    .tray-twelve a.button {
        margin-top: 20px;
        margin-bottom: 45px;
    }

    .tray-twelve img {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .tray-twelve h4 {
        text-align: left;
    }

    .tray-twelve p {
        text-align: left;
    }

    .tray-twelve .center-twelve {
        align-self: center;
    }

    .tray-twelve .align-right {
        text-align: right;
    }

    .tray-twelve .align-right > * {
        text-align: start;
    }

.tray-12-12 {
    padding: 30px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-12-12 img {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
        order: 1;
    }

    .tray-12-12 h4 {
        text-align: left;
    }

    .tray-12-12 p {
        text-align: left;
    }

    .tray-12-12 .center-twelve {
        align-self: center;
        order: 2;
    }

@media (min-width: 992px) {
    .tray-twelve button {
        margin-bottom: unset;
    }
}

@media (min-width: 1200px) {
    .tray-twelve button {
        margin-bottom: unset;
    }
}

.tray-thirteen {
    padding: 30px 0 60px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-thirteen img {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .tray-thirteen h4 {
        text-align: left;
    }

    .tray-thirteen p {
        text-align: left;
    }

    .tray-thirteen .center-thirteen {
        align-self: center;
    }

.tray-13-13 {
    padding: 30px 0 40px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-13-13 img {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
        order: 1;
    }

    .tray-13-13 h4 {
        text-align: left;
    }

    .tray-13-13 p {
        text-align: left;
    }

    .tray-13-13 .center-thirteen {
        align-self: center;
        order: 2;
    }

.tray-fourteen {
    padding: 22px 0 60px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

.accordion {
    border: 1px solid #CFCFCF;
    border-top: 0;
    border-radius: 5px;
    /* Set custom colors using Bootstrap variables */
    --bs-accordion-btn-color: #ffffff;
    --bs-accordion-btn-bg: #ffffff;
    --bs-accordion-active-color: #F4F4F4;
    --bs-accordion-active-bg: #F4F4F4;
    --bs-accordion-inner-border-radius: 5px;
    --bs-accordion-border-radius: 5px;
    --bs-accordion-btn-focus-box-shadow: none;
}

    .accordion .accordion-item .accordion-header:focus-within {
        background-color: #F4F4F4;
    }

    .accordion .accordion-item .accordion-header:focus {
        background-color: #F4F4F4;
    }

    .accordion .accordion-item .accordion-header:focus-visible {
        background-color: #F4F4F4;
    }

    .accordion .accordion-item {
        border-radius: 5px;
        border-width: 0 0 0 0;
    }

        .accordion .accordion-item .accordion-header {
            border-top: 1px solid #CFCFCF;
            /* background-color: #F4F4F4; */
            /* background: none; */
            /*padding: 15px 0;
                padding-left: 15px;
*/
            border-color: #CFCFCF;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom: none;
        }

            .accordion .accordion-item .accordion-header:hover {
                background: #F4F4F4;
            }

                .accordion .accordion-item .accordion-header:hover button {
                    background: #F4F4F4;
                }


        .accordion .accordion-item button {
            font-size: 16px;
            border: 0;
            color: black;
            position: relative;
            width: 100%;
            text-align: left;
        }

button.accordion-button {
    padding: 16px;
}

.accordion-button::after {
    background-image: url("../../Content/igx/img/icon_large_caret_arrow.svg");
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.accordion-button:not(.collapsed)::after {
    margin-top: 0;
    margin-bottom: 0;
}

.accordion .accordion-item button:hover, .accordion .accordion-item button:focus {
    text-decoration: none;
    /*
                    background: #F4F4F4;
                        */
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
    /*background-color: #fff;*/
    box-shadow: none;
    text-decoration: none;
}

    .accordion .accordion-item .accordion-button:not(.collapsed):hover {
        /* background: #F4F4F4;*/
        box-shadow: none;
        text-decoration: none;
    }

.accordion .accordion-item .accordion-button {
    text-decoration: none;
}



.tray-fifteen {
    padding: 30px 0 60px 0;
    position: relative;
    overflow: hidden;
    display: flex;
}

    .tray-fifteen h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        padding-bottom: 10px;
    }

    .tray-fifteen .nav {
        border: solid 1px black;
    }

    .tray-fifteen .nav-link {
        border-bottom: solid 1px black;
        width: 80%;
        transform: translateX(8%);
        border-radius: unset;
    }

        .tray-fifteen .nav-link:last-child {
            border-bottom: 0px;
        }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: black;
    background-color: transparent;
}

.tray-profile {
    padding: 22px 0 0 0;
}

    .tray-profile .card-title {
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        text-decoration: underline;
    }

    .tray-profile img {
        padding-right: 20px;
        margin-bottom: 40px;
        border-radius: 3px;
    }

    .tray-profile .card-text {
        overflow: hidden;
        margin-bottom: .75rem;
        line-height: 1.4em;
    }

.tray-profile--secondary .card-title {
    font-size: 16px;
    font-weight: bold;
}

.tray-profile--secondary img {
    padding-right: 20px;
    margin-bottom: 40px;
}

.tray-profile--secondary .card-text {
    overflow: hidden;
    margin-bottom: .75rem;
}

.img-no-tray {
    padding-right: 20px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .tray-profile {
        padding: 30px 0 60px 0;
    }

        .tray-profile img {
            margin-bottom: 0;
        }
}

.image {
    height: 100%;
}

.image--background-image {
    background-size: cover;
    background-position: center;
}

hr {
    border-color: #808080;
}

.tray-hero,
.tray-minihero {
    
}

.tray-hero-buttons {
    background-color: #000000;
    padding-top: 33px;
    padding-bottom: 33px;
}

.miniheroButtonRow {
    justify-content: left;
    display: flex;
    flex-wrap: wrap;
    width: 75%;
}

.miniheroButton {
    height: 40px;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 240px;
}

.button.miniheroButtonButton {
    width: 100%;
    padding: 20px 0px;
}

.button.miniheroButtonButton:focus,
.button.miniheroButtonButton:focus-visible {
    background-color: #FECB2F;
    border-color: #E2AA00;
    color: #000000;
    outline: 2px solid #FECB2F;
    outline-offset: 2px;
    box-shadow: none;
}

    .button.miniheroButtonButton.buttonTargetBlank {
        padding: 12px 0px;
    }

.iconButtonRow {
}

.iconButtonCol {
    /* width: 100%; */
}

.iconButton {
    display: flex;
    justify-content: center;
    margin-top: 7px;
    margin-bottom: 7px;
    max-width: 100%;
    position: relative;
    margin-left: 32px;
    margin-right: 32px;
}

    .iconButton button,
    .iconButton a {
        height: 56px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 40px;
        font-weight: 700;
        font-size: 16px;
    }

.iconButton-icon {
    margin-right: 4px;
}

img.iconbutton-right-arrow {
    width: 16px;
    height: 16px;
    margin: 0px;
}

img.iconbutton-ne-arrow {
    margin: -2px 0px;
    width: 20px;
    height: 20px;
}

.tray-hero {
    position: relative;
    padding-bottom: 20px;
}

    .tray-hero h1,
    .tray-minihero h1 {
        font-size: 30px;
        color: #ffffff;
        line-height: 1.2;
    }

@media (min-width: 768px) {
    .tray-hero h1,
    .tray-minihero h1 {
        font-size: 42px;
    }

    .iconButton {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.tray-hero .carousel,
.tray-minihero .carousel {
    z-index: 1;
    padding-left: 0px;
    padding-right: 0px;
}

.tray-hero .carousel-item {
    height: 300px;
}

.tray-minihero .carousel-item {
    height: 350px;
}

.tray-hero .carousel-item .heroBackground {
    min-height: 300px;
    object-fit: cover;
    top: 0;
    left: 0;
}

.tray-minihero .carousel-item .heroBackground {
    min-height: 350px;
    object-fit: cover;
    top: 0;
    left: 0;
}

.tray-hero .carousel-caption {
    right: unset;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 10px 0px 10px;
}

.tray-minihero .carousel-caption {
    right: unset;
    bottom: 70px;
    left: 70%;
    transform: translateX(-50%);
    padding: 20px 10px 0px 10px;
}

    .tray-hero .carousel-caption > div,
    .tray-minihero .carousel-caption > div {
        padding: 0;
    }

    .tray-hero .carousel-caption.textButtonShadow h1,
    .tray-minihero .carousel-caption.textButtonShadow h1 {
        text-shadow: 0.25px 0.25px 0.1em rgba(0, 0, 0, 0.88);
    }

@media (min-width: 576px) {
    .tray-hero .carousel-caption {
        width: auto;
        top: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
        padding: 20px 15px;
    }
}

@media (min-width: 768px) {
    .tray-minihero .carousel-item {
        height: 225px;
    }

        .tray-minihero .carousel-item .heroBackground {
            min-height: 225px;
            object-fit: cover;
            top: 0;
            left: 0;
        }

    .tray-minihero .carousel-caption {
        width: auto;
        top: 50%;
        left: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
        padding: 20px 15px;
    }
}

.tray-explore-journals {
    margin-bottom: 30px;
}
/* Media Scroller */
/*
@import "https://unpkg.com/open-props";
@import "https://unpkg.com/open-props/normalize.min.css";
*/

.media-scroller {
    --_spacer: var(--size-3);
    display: grid;
    /*gap: var(--_spacer);*/
    gap: 16px;
    grid-auto-flow: column;
    /*grid-auto-columns: 18%;*/
    padding: 0 var(--_spacer) var(--_spacer);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    /* For Firefox */
    scrollbar-width: none;
    /* For Internet Explorer and Edge */
    -ms-overflow-style: none;
    /* Ensure content can still scroll if it overflows */
    overflow-y: scroll; /* or overflow: auto */
}
    /* For Chrome, Safari, Opera, and other WebKit browsers */
    .media-scroller::-webkit-scrollbar {
        display: none;
        width: 0; /* Optional: remove scrollbar space */
        height: 0; /* Optional: for horizontal scrollbar */
    }

.media-scroller--with-groups {
    grid-auto-columns: 80%;
}

.media-group {
    display: grid;
    gap: var(--_spacer);
    grid-auto-flow: column;
}

.media-element {
    display: grid;
}

    .media-element img {
        border-radius: 3px;
        max-width: 182px;
    }

.snaps-inline {
    scroll-snap-type: inline mandatory;
}

    .snaps-inline > * {
        scroll-snap-align: start;
    }


.horizontal-scroller-title {
    font-weight: 700;
    font-size: 14px;
    font-family: "Gotham A","Gotham B",sans-serif;
    margin-top: 12px;
}

.horizontal-scroller {
    display: flex;
    /*margin-bottom: 24px;*/
}

.horizontal-scroller-button {
    z-index: 1;
    cursor: pointer;
    height: 236px;
    background-color: black;
    opacity: 60%;
    padding-left: 2px;
    padding-right: 2px;
    align-content: center;
}

    .horizontal-scroller-button.prev {
        margin-right: -36px;
        display: none;
    }

        .horizontal-scroller-button.prev .horizontal-scroller-arrow {
            transform: rotate(180deg);
        }

    .horizontal-scroller-button.next {
        margin-left: -36px;
        display: block;
    }

.horizontal-scroller-arrow {
    width: 32px;
    height: 32px;
}
/* END - Media Scroller*/

.homepage-section-header {
    margin-bottom: 20px;
}

    .homepage-section-header .container {
        padding: 0px;
    }

.proceedings-card {
    color: black;
    height: 155px;
    border-radius: 5px;
    border: 1px solid var(--color-light-gray-2, #CFCFCF);
    background: var(--color-white, #FFF);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.30);
    display: flex;
    padding: 4px 20px 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .proceedings-card img {
        height: 70px;
    }

.proceedings-card-date {
    font-family: "Gotham A","Gotham B",sans-serif;
    font-size: 13px;
    font-weight: 325;
    line-height: 18px;
}

.black-link,
.black-link:hover {
    color: black;
    text-decoration: none;
}

.overflow-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.overflow-title-two-line {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bold-text {
    font-weight: 700;
    font-size: 14px;
    font-family: "Gotham A","Gotham B",sans-serif;
}

.semi-bold-text {
    font-weight: 500;
    font-size: 14px;
    font-family: "Gotham A","Gotham B",sans-serif;
}

.home-page-button {
    margin-top: 24px;
}

.tray-explorejournals .home-page-button {
    margin-top: 14px;
}

.popular-content-col {
    padding: 16px 12px;
}

.popular-content-list {
    font-size: 16px;
    font-size: 16px;
    padding: 30px;
    background: #F7F0DF;
    height: 440px;
    border: #808080 1px solid;
    border-radius: 5px;
}

.popular-content-item {
    font-family: "Gotham A","Gotham B",sans-serif;
    margin-bottom: 10px;
}

    .popular-content-item.bold-text {
        font-size: 16px;
    }

    .popular-content-item a {
        color: black;
        text-decoration: underline;
    }

.ebook-card-col {
    padding: 16px 12px;
}

.ebook-card img {
    width: 100%;
    border-radius: 3px;
}

.ebook-card-title {
    margin-top: 12px;
}

.breadcrumb {
    background: none;
}

.buttonTargetBlank {
    padding: 12px 30px;
}
/* BEGIN - Video Grid Styling from SpieSite.css */
/* Video Presentation Grid */
.videoViewAllLink,
.ViewAllLink {
    color: #7c7c7c;
    font-size: 16px;
    float: right;
    text-decoration: underline;
    margin: -20px 20px 20px 5px;
}

.SearchResultsContentTechnologyText.ViewAllLink {
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    padding-left: 25px;
    float: right;
    top: 20px;
    left: 5px;
    position: relative;
}

.videoViewAllLink:hover {
    color: #000;
}

.VideoGridItem {
    width: 100%;
}

    .VideoGridItem:hover {
        cursor: pointer;
    }

        .VideoGridItem.activeWatch:hover .GridItemTitle,
        .VideoGridItem:hover .GridItemTitle,
        .VideoGridItem:focus .GridItemTitle,
        .VideoGridItem:focus-within .GridItemTitle {
            text-decoration: underline;
        }

        .VideoGridItem.activeWatch:hover .VideoGridThumbnail img.thumbnailStill,
        .VideoGridItem.activeWatch:hover img.VideoFilterImage,
        .VideoGridItem:hover .VideoGridThumbnail img.thumbnailStill,
        .VideoGridItem:hover img.VideoFilterImage,
        .VideoGridItem:focus .VideoGridThumbnail img.thumbnailStill,
        .VideoGridItem:focus img.VideoFilterImage,
        .VideoGridItem:focus-within .VideoGridThumbnail img.thumbnailStill,
        .VideoGridItem:focus-within img.VideoFilterImage {
            outline: solid 3px #FECB2F;
        }

div.VideoFilterRow .VideoGridItem.activeWatch .justWatched {
    display: block;
    margin-bottom: -22px;
}

div.VideoFilterRow .VideoGridItem.activeWatch:hover .justWatched {
    display: none;
}

div.VideoFilterRow .VideoGridItem.activeWatch:hover .viewDetails {
    display: block;
    margin-bottom: -22px;
}

div.VideoFilterRow .VideoGridItem:hover .viewDetails {
    display: block;
    margin-bottom: -22px;
}

.VideoGridItem.activeWatch .VideoTime,
.VideoGridItem.activeWatch:hover .VideoTime,
.VideoGridItem:hover .VideoTime {
    background-color: #FECB2F;
    color: black;
    font-weight: bold;
    opacity: 0.99;
    position: relative;
    font-size: 14px;
    /* z-index:10;  */
    /*margin-top:-96px;*/
}

.VideoOpenAccessMarker {
    padding: 2px 0 5px 3px;
    height: 25px;
}

.VideoGridItem.activeWatch .lockOutThumb,
.VideoGridItem.activeWatch:hover .lockOutThumb,
.VideoGridItem:hover .lockOutThumb {
    opacity: 0.3;
    margin-top: -96px;
}

div#VideoLoadMoreResultsContainer .row {
    padding-left: 0;
    margin-left: 0;
}

div#VideoLoadMoreResultsContainer.loadMoreResultsContainer {
    border: none;
}
/* .VideoGridItem */

.VideoFilterRow {
    overflow: auto;
    margin-bottom: 20px;
    display: flex;
}

    .VideoFilterRow > div {
        display: inline-block;
        /* width: 186px; */
        /* margin: 0 0 0 23px; */
        float: left;
        padding-bottom: 5px;
    }
/*
.GridItemContainer:nth-of-type(1) {
    margin-left: 3px;
}
*/

.GridItemContainer {
    padding-left: 12px;
    padding-right: 12px;
}

.VideoGridThumbnail {
    /* height: 115px; */
    text-align: right;
    width: 100%;
}

    .VideoGridThumbnail img, .VideoGridThumbnail .emptyVid {
        /* width: 186px; */
        /* height: 105px; */
        margin-bottom: -24px;
        color: white;
        width: 100%;
    }

    .VideoGridThumbnail .lockOutThumb {
        width: 100%;
        height: 96px;
        background: rgba(255,255,255, 0.5);
        position: relative;
        margin-top: -72px;
        margin-bottom: -24px;
        display: block;
    }

        .VideoGridThumbnail .lockOutThumb img {
            background: none;
            height: auto;
            width: auto;
            position: relative;
            margin-top: 25px;
            float: left;
            margin-left: 40%;
        }

    .VideoGridThumbnail .emptyVid {
        color: white;
        padding: 15px 0 0 0;
        text-align: center;
    }

        .VideoGridThumbnail .emptyVid img {
            width: 40px;
            height: 30px;
        }

div.VideoTime {
    color: white;
    background-color: black;
    padding: 2px 3px;
    /*margin-left:75%;*/
    margin-bottom: 10px;
    display: inline-block;
    opacity: 0.99;
    font-size: 14px;
}

.VideoGridThumbnail .justWatched,
.VideoGridThumbnail .nowPlaying,
.VideoGridThumbnail .viewDetails {
    background: rgba(0,0,0,0.5);
    position: relative;
    margin-top: -80px;
    outline: solid 3px #FECB2F;
    height: 105px;
    padding-top: 40px;
    text-align: center;
    color: #FECB2F;
    font-weight: bold;
    width: 100%;
}

.VideoGridThumbnail .justWatched,
.VideoGridThumbnail .viewDetails {
    display: none;
}

.VideoGridItem.activeWatch .justWatched {
    display: block;
}

.GridItemTitle {
    font-weight: bold;
    color: #000;
    margin: 4px auto 6px;
    word-wrap: break-word;
    text-align: left;
    line-height: 22px;
    font-family: "Gotham A","Gotham B";
    font-size: 16px;
    text-decoration: underline;
}

.GridItemAuthor a, .GridItemAuthor span {
    font-size: 14px;
    /* color: #404040; */
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.GridItemAuthor:hover,
.GridItemAuthor:focus {
    color: #000;
    text-decoration: underline;
}

.GridItemDate {
    font-size: 14px;
    margin-top: -4px;
    color: #505050;
}
/* END - Video Grid Styling from SpieSite.css */
/* BEGIN - Cadmore Video Styling */

#DLLockImage {
    margin-left: 360px;
    margin-top: 0;
    opacity: 0.999;
    height: auto;
    width: auto;
    transform: scale(1.5);
}

#VideoLockOverlay {
    height: 380px;
    margin-top: -415px;
    opacity: 0.999;
}

    #VideoLockOverlay.cadmore {
        position: relative;
        display: inline-block;
        height: unset;
        margin: unset;
        width: 100%;
    }

        #VideoLockOverlay.cadmore img.videoThumbnail,
        #VideoLockOverlay.cadmore {
            width: 98%;
            max-width: unset;
        }

            #VideoLockOverlay.cadmore img.videoThumbnail,
            #VideoLockOverlay.cadmore img.videoThumbnail {
                width: 100%;
            }

            #VideoLockOverlay.cadmore #DLLockImage {
                position: absolute;
                bottom: 45%;
                left: 48%;
                margin: unset;
                transform-origin: center;
            }

.whiteOut {
    height: 410px;
    margin-top: 5px;
    width: 100%;
    background: rgba(255,255,255,0.4);
    opacity: 0.99;
    display: block;
    padding-top: 182px;
    cursor: pointer;
}

#VideoLockOverlay.cadmore .whiteOut {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    margin: unset;
    padding: unset;
}

.whiteOut.cadmore {
    height: 422px;
}

.video-js div.lockOut {
    background: rgba(255,255,255,0.5);
}

.video-js img {
    opacity: 0.99;
    margin-top: -410px;
    margin-left: 40px;
    position: relative;
    height: 380px;
    display: block;
}

.videoThumbnail.cadmore img {
    max-width: unset;
}

.embed-responsive.embed-responsive-16by9.displayVideo750.locked,
.embed-responsive.embed-responsive-16by9.displayVideo750.locked::before {
    padding: 0;
}

embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9::before {
    /* padding-top: 56.25%; */
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /* padding-top: 56.25%; */
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /* max-width: 1320px; */
        /* /max-width: 1140px */
        max-width: 1200px;
    }
}
/* END - Cadmore Video Styling */



/* Adverts */

.headerAdvert {
    display: flex;
    justify-content: center;
    padding: 10px 0px;
    background-color: #F8F9FA;
}

.headerAdvert.desktopHeaderAdvert{
    display: none;
}

.headerAdvert.mobileHeaderAdvert {
    display: flex;
}

@media (min-width: 992px) {
    .headerAdvert.desktopHeaderAdvert {
        display: flex;
    }

    .headerAdvert.mobileHeaderAdvert {
        display: none;
    }
}

/* Prevent layout shift before React hydrates the header */
#headerReactContainer {
    min-height: 45px;
}

@media (min-width: 992px) {
    #headerReactContainer {
        min-height: 82px;
    }
}

.pageBuilderTab .container {
    padding-left: 0px;
    padding-right: 0px;
}

b, strong {
    font-weight: 700;
}

.pageBuilderSubTitle {
    text-align: left;
}

.tray66TextOnly {
    padding-top: 22px;
}

.row > * {
    padding-right: calc(var(--bs-gutter-x) * .8);
    padding-left: calc(var(--bs-gutter-x) * .8);
}

.hybrid-page {
    padding-top: 15px;
}
    /*# sourceMappingURL=igx.css.map */