.contentCssClass a {
    color: #0d7baa;
}

.contentCssClass a:hover {
    color: #333;
}

div.mock-ul p,
div.mock-ul p span,
div.spotLight p,
div.spotLight span {
    font-family: "Roboto", Calibri, Helvetica, Arial !important;
    letter-spacing: .03em !important;
    font-size: 16px !important;
}


.side-resource-box {
    display: flex;
    flex-direction: column;
    margin: 0 auto 1rem;
    width: 250px;
    border: 1px solid #294958;
    padding: 1.25rem;
    position: relative;
}

.side-resource-box .resource-box-heading {
    display: block;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

.side-resource-box .resource-box-heading img {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    position: relative;
}

.side-resource-box .resource-body {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    border: none;
    color: #333;
}

.side-resource-box .resource-box-body h2 {
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto 1rem;
    color: #3f5263;
    font-size: 1.5rem;
}

.side-resource-box .resource-btn {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    color: #fff;
    background: #3e7d90;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    margin: 1em auto;
}

/* RESOURCE LIBRARY ICON BUTTONS */
.quickSearch-btn {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #3f5263;
    padding: 5px;
    color: #fff;
    background: #3e7d90;
    position: relative;
    margin: 0 auto 1em;
    width: 130px;
    transition: background 0.5s ease;
}

.quickSearch-btn img {
    display: block;
    width: 30px;
    margin: 0 auto;
}

.quickSearch-btn span {
    display: block;
    margin: 0 auto;
}

.quickSearch-btn:hover {
    background: #3f5263;
    border: 1px solid #3e7d90;
}


/*ADDED 4/6/2022 FOR MAIN NAVIGATION SUB DROPDOWN*/


.sub-trigger,
.dropdown-item {
    margin: 0 0 0.75rem;
    display: block;
    text-decoration: none;

}

.sub-trigger#discussionDropdown {
    margin: 0 0 .75rem;
    padding: 0 0 0 1.5rem;
    text-decoration: none;
}

.sub-trigger#manageTADropdown,
.sub-trigger#manageWebsiteDropdown, .sub-trigger#boardDropdown {
    padding: 0 1rem;
    margin: 0 0 1rem;
    text-decoration: none;
}

a.dropdown-toggle.sub-trigger:after {
    margin-top: 0.6rem;
}



.sub-drop {
    top: -3px;
    z-index: 30;
    left: 100%;
    height: auto;
}


/* sub elements can be hovered */
.sub-drop > * {
    pointer-events: auto;
    transition: all 1s;
}


.sub-trigger:hover.sub-drop {
    display: block;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


/*ADDED 5-10-2022 FOR QUICK SEARCH BUTTON ACTIVE STATE*/

.activeQuick {
    background: #b34b38;
}


@media only screen and (max-width: 767px) {
    .select-btn + .dropdown-menu.show input[type="checkbox"] {
        margin: 0 !important;
    }


    .select-btn + .dropdown-menu.show {
        padding: 0 .5em;
    }

    .select-btn + .dropdown-menu.show table tbody tr td {
        line-height: normal;
    }


    .select-btn + .dropdown-menu.show table tbody tr td label {
        display: block;
        word-break: break-word;
    }

}


section.t4paTabs ul.nav-tabs {
    margin-left: .5em;
}

section.t4paTabs ul.nav-tabs li.nav-item {
    margin-right: .25em;
}

section.t4paTabs ul.nav-tabs li.nav-item a.nav-link {
    background-color: #3f5263;
    border-color: #012349;
    color: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

section.t4paTabs ul.nav-tabs li.nav-item a.nav-link.active {
    background-color: #ccc;
    color: #000;
}

section.t4paTabs .tab-content {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 -8px;
    padding: 1em .5em;
    border: 1px solid #eee;
    overflow: hidden;
}

ul.events {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}

ul.events li {
    display: block;
    margin: 0;
}

ul.events li:nth-child(odd) {
    background: rgba(0, 0, 0, 0.05);
}

ul.events li a {
    display: block;
    width: 100%;
    color: #333;
    padding: 1em;
    text-decoration: none;
}

ul.events li a:hover {
    background: #3f5263;
    color: #fff;
}


.eventResults {
    padding: 0;
    display: block;
    position: relative;
}

.eventResults .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    flex-direction: column;
    padding: 1rem 0;
}

.eventResults .row:nth-child(odd) {
    background: rgba(0, 0, 0, 0.05);
}


.eventResults h4,
.eventResults p {
    display: block;
    padding: 0 1.25rem;
}

section.t4paTabs .panel-group .panel {
    margin-bottom: .25rem;
}

section.t4paTabs .panel-group .panel .panel-heading {
    cursor: pointer;
    background: #3f5263;
    color: #fff;
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

section.t4paTabs .panel-group .panel .panel-body {
    padding: 1rem;

}

section.t4paTabs .panel-group .panel .panel-body .row {
    margin: 0;

}



[id*="Validator"] {
    /*top: 39px;*/
    position: absolute;
    right: 20px;
}


input[type="search"]#srContents_txtUserID {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

/*

.tooltip-inner {
    background: #3f5263;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #3f5263;
}
*/


.movePlayBtn {
    bottom: 3px !important;
}

.moveSlideBtn {
    top: 39% !important;
    z-index: 10;
}

.moveMovie {
    right: -7%!important;
    margin-left: unset!important;
}


@media (max-width: 360px) {
.moveMovie {
    right: -26%!important;
}    
    
    
}





@media (min-width: 1400px) {
    .caption-4 {
        top: 50%;
        transform: translateY(-50%);

    }

}

@media only screen and (max-width: 1400px) {
    .pause-cycle-button {
        position: absolute;
        right: 5%;
        bottom: 39%;
    }



    .carousel-item:not(#dvcarouselids) {
        background-size: cover;
        height: 600px;
        transform: scaleY(1);
        float: none;
        margin-right: unset !important;

    }


    .carousel.slide .d-block.mx-auto {
        object-fit: cover;
        object-position: center;

    }

    .carousel-caption:not(#dvcarouselids .carousel-caption) {
        transform: translateY(2%);
        right: 0 !important;
        left: unset;
        bottom: unset;
        float: none;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: unset !important;
        max-width: unset !important;
        top: -7%;
    }

    h5.first-caption-header:not(#dvcarouselids .caption-4 h5) {
        border-radius: 0;

    }


    p.first-caption-body:not(#dvcarouselids .caption-4 p),
    p.second-caption-body:not(#dvcarouselids .caption-4 p),
    p.third-caption-body:not(#dvcarouselids .caption-4 p) {
        border-radius: 0;
        transform: scaleY(1);
        min-height: 250px;

    }


    .carousel.slide .carousel-control-prev-icon,
    .carousel.slide .carousel-control-next-icon {
        /*transform: translateY(-110px);*/
    }


    .carousel-control-prev,
    .carousel-control-next {
        /*width: 5% !important;*/

        width: 40px;
        height: 40px;
        background: rgb(62, 125, 144, .5);
        top: 25%;
        border: 2px solid #000 !important;
        transform: translateY(50%);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }





}




@media (min-width: 1400px) {
    .carousel-caption:not(#dvcarouselids .carousel-caption) {
        top: 50%;
        transform: translateY(-50%);

    }
}



@media (max-width: 991px) {
    .carousel-item:not(#dvcarouselids) {
        height: 500px;
    }

    .pause-cycle-button {
        bottom: 47%;
    }


    .carousel-control-prev,
    .carousel-control-next {

        top: 20%;
        transform: translateY(50%);

    }


}


@media (max-width: 767px) {
    .carousel-item:not(#dvcarouselids) {
        height: 568px;
    }

    .pause-cycle-button {
        bottom: 52%;
    }

    .carousel-caption:not(#dvcarouselids .carousel-caption) {
        top: -3%;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block !important;
    }

}


@media (max-width: 543px) {
    .carousel-item:not(#dvcarouselids) {
        height: 630px;
    }

    .carousel-caption:not(#dvcarouselids .carousel-caption) {
        top: -2%;
    }


    p.first-caption-body:not(#dvcarouselids .caption-4 p),
    p.second-caption-body:not(#dvcarouselids .caption-4 p),
    p.third-caption-body:not(#dvcarouselids .caption-4 p) {
        min-height: 340px;
    }

    .pause-cycle-button {
        bottom: 55%;
    }

}


@media (max-width: 485px) {
    .carousel-item:not(#dvcarouselids) {
        height: 650px;
    }

    p.first-caption-body:not(#dvcarouselids .caption-4 p),
    p.second-caption-body:not(#dvcarouselids .caption-4 p),
    p.third-caption-body:not(#dvcarouselids .caption-4 p) {
        min-height: 330px;
    }

    .pause-cycle-button {
        bottom: 58%;

    }

}



@media (max-width: 420px) {
    .carousel-item:not(#dvcarouselids) {
        height: 740px;
    }

    p.first-caption-body:not(#dvcarouselids .caption-4 p),
    p.second-caption-body:not(#dvcarouselids .caption-4 p),
    p.third-caption-body:not(#dvcarouselids .caption-4 p) {
        min-height: 420px;
    }

    .pause-cycle-button {
        bottom: 60%;

    }

}



@media (max-width: 350px) {
    .carousel-item:not(#dvcarouselids) {
        height: 820px;
    }

    p.first-caption-body:not(#dvcarouselids .caption-4 p),
    p.second-caption-body:not(#dvcarouselids .caption-4 p),
    p.third-caption-body:not(#dvcarouselids .caption-4 p) {
        min-height: 450px;
    }

    .carousel-caption:not(#dvcarouselids .carousel-caption) {
        top: -2%;
    }

    .pause-cycle-button {
        bottom: 64%;

    }

}


.overview-bucket.solo {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.overview-bucket.solo ul {
    padding: 0 0 0 .75em;
}

.overview-bucket.solo ul li {
    margin: 0 0 1rem;
}

.overview-bucket.solo ul li img {
    margin: 1rem auto 1.5rem;
    display: block;
    width: 70%;
}

.overview-bucket.solo ul li img.banner {
    width: 90%;
}

.overview-bucket.solo ul li img.blockImg {
    width: 60%;
}

.fact-sheet-wrapper {
    padding: 0 1rem;
}

img.fact-sheet {
    margin: 0 1rem .5rem 0;
    float: left;
    width: 175px;
}

.about-row {
    padding: 0 .5rem;
}

.about-row h3 {
    width: 100%;
}

.about-row p.head-title {
    margin: 0 0 1rem;
    font-weight: bold;
}

.sidebar-img-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
}

.sidebar-img-wrapper img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

@media (max-width: 1199.98px) {

    .overview-bucket.solo ul li img,
    .overview-bucket.solo ul li img.banner {
        width: 100%;
    }
}

@media (max-width: 991.98px) {

    .overview-bucket.solo ul li img,
    .overview-bucket.solo ul li img.banner {
        width: 90%;
    }
}



.carousel-caption {
    margin-left: 50%;
}



@media only screen and (max-width: 1800px) {
    .carousel-caption {

        right: -4% !important;
    }
}


@media (max-width: 767.98px) {
    div#readers-wrap {
        margin: 0 auto !important;
    }
}

p.first-caption-body {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}


@media (max-width: 767.98px) {
    .carousel-control-prev, .carousel-control-next{
        
        z-index: 100;
    }
}