
#document-search-bar {
    width: 100%;
    padding-top: 14px;
    background: #499E57;
}

.search-input-container input {
    border: none;
    border-radius: 0 3px 3px 0;
    height: 38px;
    padding-right: 50px;
    padding-top: 3px;
}

.search-input-container {
    float: right;
    position: relative;
    z-index: 15; /* in relation to #document-search-bar #category-chosen-base */
    width: 319px;
}

.search-icon {
    width: 38px;
    height: 38px;
    background-color: #11265E;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 38px;
    padding-left: 2px;
    text-align: center;
    z-index: 8;
}

.search-icon a {
    display: block;
    width: 100%;
    height: 100%;
}

#document-search-bar #category-drilldown-base {
    height: 53px;
}

#document-search-bar #category-drilldown-base a,
#document-search-bar #category-filter-chosen a {
    letter-spacing: 0.03em;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    line-height: 42px;
    text-transform: uppercase;
    display: inline-block;
    height: 100%;
    position: relative;
    z-index: 4;
    margin-right: 30px;
}

#document-search-bar #category-drilldown-base a#category-drilldown-base-link {
    line-height: 36px;
}

#document-search-bar #category-drilldown-base a #menu-top-title {
    display: inline-block;
    border: 1px solid #dc671c;
    border-radius: 3px;
    padding: 0 25px 0 30px;
}

#document-search-bar #category-drilldown-base a .menu-arrow {
    color: #dc671c;
}

#document-search-bar #category-drilldown-base a:hover {
    cursor: pointer;
}

#document-search-bar #category-drilldown-base a:hover > .menu-arrow,
#document-search-bar #category-drilldown-base .menu-arrow.drilldown-open {
    color: #dc671c;
}

#document-search-bar #category-drilldown-base a:not(.just-closed):hover ~ .category-drilldown,
#document-search-bar #category-drilldown-base .category-drilldown:hover,
#document-search-bar #category-chosen-base:not(.just-closed):hover ~ #category-filter-chosen,
#document-search-bar #category-filter-chosen:not(.just-closed):hover {
    display: block;
}

#document-search-bar .menu-arrow {
    font-size: 22px;
    margin-left: 12px;
    line-height: 0;
}

#document-search-bar #category-filter-main {
    position: absolute;
    z-index: 444;
    left: 0;
    margin-left: 26px;
    padding: 4px;
}

#document-search-bar #category-filter-chosen {
    position: absolute;
    z-index: 444;
    right: 345px;
    top: 37px;
    margin-left: 26px;
    padding: 7px 4px 4px 4px;
}

.category-drilldown.hidden-drilldown,
.category-drilldown .hidden-drilldown,
#category-filter-chosen.hidden-drilldown,
#category-filter-chosen .hidden-drilldown {
    display: none;
}

#document-search-bar #category-drilldown-base .category-drilldown ul,
#document-search-bar #category-filter-chosen ul {
    list-style: none;
    padding: 10px 0 6px 0;
    margin: 0;
    width: auto;
    min-width: 200px;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #EDEDE6;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li,
#document-search-bar #category-filter-chosen ul li {
    padding: 0 20px;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li a,
#document-search-bar #category-filter-chosen ul li a {
    color: #363636;
    cursor: pointer;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li a.menu-arrow,
#document-search-bar #category-filter-chosen ul li a.menu-arrow {
    float: right;
    width: 26px;
    height: 37px;
    font-size: 22px;
    line-height: 20px;
    display: inline-block;
    padding-top: 7px;
    padding-left: 12px;
    padding-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    z-index: 5;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li a.menu-arrow:after,
#document-search-bar #category-filter-chosen.category-drilldown ul li a.menu-arrow:after {
    content: '\025BE';
}

#document-search-bar #category-drilldown-base .categories_root {
    position: relative;
    float: left;
}

#document-search-bar #category-drilldown-base .categories_root ul.categories_children {
    /*display: none;*/
}

#document-search-bar #category-drilldown-base .category-drilldown ul li:hover > ul.categories_children,
#document-search-bar #category-filter-chosen.category-drilldown ul li:hover > ul.categories_children {
    display: block;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li:hover > a.menu-arrow,
#document-search-bar #category-drilldown-base .category-drilldown ul li:hover > a.menu-category,
#document-search-bar #category-drilldown-base .category-drilldown ul li:hover > ul.categories_children:not(:hover) li:first-child a.menu-category,
#document-search-bar #category-drilldown-base .category-drilldown ul .menu-arrow.drilldown-open,
#document-search-bar #category-filter-chosen.category-drilldown ul li:hover > a.menu-arrow,
#document-search-bar #category-filter-chosen.category-drilldown ul li:hover > a.menu-category,
#document-search-bar #category-filter-chosen.category-drilldown ul .menu-arrow.drilldown-open {
    color: #dc671c;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li:hover > a.menu-arrow:after,
#document-search-bar #category-drilldown-base .category-drilldown ul .menu-arrow.drilldown-open:after,
#document-search-bar #category-filter-chosen.category-drilldown ul li:hover > a.menu-arrow:after,
#document-search-bar #category-filter-chosen.category-drilldown ul .menu-arrow.drilldown-open:after {
    content: '\025B8';
}

#document-search-bar #category-drilldown-base .category-drilldown ul li > ul,
#document-search-bar #category-filter-chosen.category-drilldown ul li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 8;
}

#document-search-bar #category-drilldown-base .category-drilldown ul li > ul li > ul {
}

#document-search-bar #category-drilldown-base .category-drilldown ul li > ul li > ul li > ul {
}

#document-search-bar #category-chosen-base {
    position: absolute;
    z-index: 14; /* in relation to .search-input-container */
    right: 349px;
    top: 0;
    height: 38px;
    padding: 0 16px 0 0;
    line-height: 38px;
    border-radius: 3px 0 0 3px;
    max-width: 500px;
    overflow: hidden;
    background: #11265E;
}

#document-search-bar #category-chosen-base span.menu-arrow {
    font-size: 18px;
    line-height: 38px;
}

#document-search-bar #category-chosen-base a#category-chosen-current-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.03em;
    display: inline-block;
    height: 100%;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 10px;
}


.discover-content {
    padding-bottom: 80px;
}

.document-content h1,
.discover-content h2 {
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    color: #363636;
}

.document-content h1 {
    margin: 20px 0 40px 0;
}

.discover-content h2 {
    margin: 40px 0 30px 0;
}

#document-search-errors {
    color: #DE483C;
}

.filter-bar-left {
    display: none;
    background-color: #FFFFFF;
    min-width: 360px;
    height: auto;
    padding: 0;
    position: absolute;
    z-index: 12;

    -webkit-box-shadow: 16px 0 41px -15px rgba(69,69,69,0.4);
       -moz-box-shadow: 16px 0 41px -15px rgba(69,69,69,0.4);
            box-shadow: 16px 0 41px -15px rgba(69,69,69,0.4);
}

.filter-bar-left .filter-bar-left-inner {
    padding: 60px 36px 40px 36px;
}

.filter-bar-left h3 {
    text-transform: uppercase;
    color: #0055A6;
    margin: 0 0 10px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #E9E7D8;
}

.filter-bar-left .close {
    position: relative;
    top: -60px;
    right: -22px;
    font-size: 30px;
    padding: 10px;
    color: #949283;
    filter: alpha(opacity=100);
    opacity: 1;
}

#tags_modal .close:hover,
.filter-bar-left .close:hover {
    color: #0055A6;
}

#tags_modal label,
.filter-bar-left label {
    display: block;
    padding-top: 10px;
    font-weight: 400;
    color: #363636;
}

#tags_modal label input[type=checkbox],
.filter-bar-left label input[type=checkbox],
.filter-bar-left label input[type=radio] {
    margin-right: 12px;
}

#tags_modal .modal-footer {
    padding: 15px 30px 15px 30px;
    background-color: #EEEEED;
}

#tags_modal label.level_0,
#category-filter-bar label.level_0,
#tag-filter-bar label.level_0 {
    text-transform: uppercase;
    color: #363636;
    font-weight: 600;
    padding-top: 18px;
}

#tags_modal label.level_1,
#category-filter-bar label.level_1,
#tag-filter-bar label.level_1 {
    color: #0055A6;
    font-weight: 400;
    border-top: none;
}

#tag-filter-bar ul,
#tags_modal ul {
    list-style: none;
}

.filter-bar-left input.btn {
    margin: 40px auto 0 auto;
}

/*========== FILTER DROPDOWNS ==========*/

#advanced-filter-bar {
    position: relative;
    margin-top: 40px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#advanced-filter-bar > div {
    margin-bottom: 15px;
    align-self: flex-start;
}

#advanced-filter-bar .document-filter {
    position: relative;
    display: inline-block;
    padding: 11px 42px 6px 20px;
    margin-right: 20px;
    height: 40px;
    min-width: 250px;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
}

#advanced-filter-bar .document-filter .chevron-down {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    height: 100%;
    padding: 0 15px;
    color: #FFFFFF;
    line-height: 38px;
    font-size: 12px;
    font-weight: 400;
    text-transform: initial;
}

.btn.document-filter:hover,
.btn.document-filter:has(.menu-arrow.drilldown-open) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #2A5EEC;
}

#advanced-filter-bar .document-sort-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: right;
}

#advanced-filter-bar .document-sort-wrapper .document-search-sort {
    display: inline-block;
}

#advanced-filter-bar .document-sort-wrapper .document-search-sort .chosen-container {
    margin-bottom: 0;
}

#advanced-filter-bar .document-sort-wrapper .document-sort-label {
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
    line-height: 43px;
}

#advanced-filter-bar .filter-drilldown {
    position: absolute;
    z-index: 444;
    left: 0;
    top: 40px;
    padding: 10px 0 10px 0;
    min-width: 250px;
    background: #FFFFFF;
    border: 1px solid #2A5EEC;
    cursor: auto;
}

#advanced-filter-bar .filter-drilldown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
}

#advanced-filter-bar .filter-drilldown ul.categories_children {
    padding: 10px 0 6px 0;
    margin: 0;
    width: auto;
    min-width: 200px;
    background-color: #2A5EEC;
    border-radius: 0;
}

#advanced-filter-bar .filter-drilldown ul li {
    padding: 5px 10px 0 15px;
    white-space: nowrap;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #363636;
}

#advanced-filter-bar .filter-drilldown ul li a {
    color: #363636;
    margin-right: 25px; /* to make space for .menu-arrow */
}

#advanced-filter-bar .filter-drilldown.category-drilldown ul li:hover {
    background-color: #2A5EEC;
}

#advanced-filter-bar .filter-drilldown.category-drilldown ul li:hover a,
#advanced-filter-bar .filter-drilldown.category-drilldown ul li .menu-arrow.drilldown-open ~ .categories_children a,
#advanced-filter-bar .filter-drilldown ul li .categories_children label {
    color: #FFFFFF;
}

#advanced-filter-bar .filter-drilldown.hidden-drilldown,
#advanced-filter-bar .filter-drilldown .hidden-drilldown {
    display: none;
}

#advanced-filter-bar #category-drilldown-base:not(.just-closed):hover .filter-drilldown,
#advanced-filter-bar #outcome-areas-drilldown-base:not(.just-closed):hover .filter-drilldown,
#advanced-filter-bar #needs-categories-drilldown-base:not(.just-closed):hover .filter-drilldown,
#advanced-filter-bar .filter-drilldown:hover {
    display: block;
}

#advanced-filter-bar .filter-drilldown ul li:hover > ul.categories_children {
    display: block;
}

#advanced-filter-bar .filter-drilldown ul li > ul  {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 8;
}

#advanced-filter-bar .filter-drilldown ul li a.menu-arrow:after {
    content: '\025BE';
}

#advanced-filter-bar .filter-drilldown ul li:hover > a.menu-arrow:after,
#advanced-filter-bar .filter-drilldown ul .menu-arrow.drilldown-open:after {
    content: '\025B8';
}

#advanced-filter-bar .filter-drilldown ul li a.menu-arrow {
    float: right;
    font-size: 18px;
    line-height: 20px;
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 5;
}

#advanced-filter-bar .filter-drilldown ul li:hover > a.menu-arrow,
#advanced-filter-bar .filter-drilldown ul .menu-arrow.drilldown-open {
    padding-right: 2px;
}

#advanced-filter-bar .filter-drilldown label {
    font-weight: 400;
    margin-right: 10px;
    cursor: pointer;
}

#advanced-filter-bar .filter-drilldown input[type=checkbox] {
    margin-right: 5px;
    outline: none;
}

#advanced-filter-bar #document-filter-needs-categories ul {
    column-count: 2;
    column-gap: 0;
}

/*==
RESPONSIVENESS
==*/

@media (max-width: 991px) {

    #advanced-filter-bar #document-filter-needs-categories ul {
        column-count: 1;
    }

    #advanced-filter-bar .document-sort-wrapper {
        margin-bottom: 0;
    }
}

/*========== END FILTER DROPDOWNS ==========*/

/*========== SORT CHOSEN OVERRIDES ==========*/

#content-wrapper .document-sort-wrapper .chosen-container .chosen-single {
    height: 40px;
    padding: 0 0 0 10px;
    background: #FFFFFF;
}

#content-wrapper .document-sort-wrapper .chosen-single span {
    font-size: 16px;
    line-height: 44px;
    color: #11265E;
}

#content-wrapper .document-sort-wrapper .chosen-single div {
    width: 20px;
    background-color: transparent;
}

#content-wrapper .document-sort-wrapper .chosen-single div b {
    height: auto;
    width: 20px;
    margin-left: 0;
    margin-top: 0;
    line-height: 40px;
}

#content-wrapper .document-sort-wrapper .chosen-single div b:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 12px;
    color: #11265E;
}

#content-wrapper .document-sort-wrapper .chosen-with-drop .chosen-single div b:after {
    content: "\f077";
}

#content-wrapper .document-sort-wrapper .chosen-with-drop .chosen-single {
    background: #11265E;
    border-radius: 3px;
}

#content-wrapper .document-sort-wrapper .chosen-with-drop .chosen-single span,
#content-wrapper .document-sort-wrapper .chosen-with-drop .chosen-single div b:after {
    color: #FFFFFF;
}

#content-wrapper .document-sort-wrapper .chosen-drop .chosen-results li.result-selected {
    background: transparent;
}

#content-wrapper .document-sort-wrapper .chosen-drop .chosen-results li.result-selected:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
    color: #11265E;
    position: absolute;
    left: 9px;
    top: 14px;
}

#content-wrapper .document-sort-wrapper .chosen-drop {
    width: 140%;
    margin-top: 6px;
    background: #FFFFFF;
    border: 2px solid #EDEDE6;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content-wrapper .document-sort-wrapper .chosen-container .chosen-results {
    max-height: 280px;
    padding-bottom: 12px;
}

#content-wrapper .document-sort-wrapper .chosen-drop .chosen-results li {
    font-size: 15px;
    color: #363636;
    margin: 0;
    padding: 16px 20px 0 26px;
    position: relative;
}

/*========== END SORT CHOSEN OVERRIDES ==========*/

.discover-content .pagination {
    width: 100%;
    text-align: center;
}

.document-search-results {
    margin-right: -60px;
}

.document-item {
    float: left;
    padding-top: 1px;
}

.document-content .document-icon-link,
.document-item .document-icon-link {
    display: block;
    position: relative;
}

.document-content .folded-corner.media-type-pdf,
.document-item .folded-corner.media-type-pdf {
    width: 26px;
    height: 52px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4gIDxwb2x5Z29uIGZpbGw9IiNFRUVFRUQiIHBvaW50cz0iMCwwIDAsMjAgMjAsMjAgMjAsMCIvPiAgPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIwLDAgMjAsMCAyMCwyMCIvPiAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwLjQiIHBvaW50cz0iMCwyMCAyMCwyMCAyMCw0MCIvPjwvc3ZnPg==');
    background-size: contain;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 51;
}

.document-content .document-details .folded-corner.media-type-pdf {
    right: -2px;
}

.document-item.medium .folded-corner.media-type-pdf {
    width: 22px;
    height: 44px;
}

.document-item.small .folded-corner.media-type-pdf {
    width: 16px;
    height: 32px;
}

.document-content .folded-corner.media-type-video,
.document-item .folded-corner.media-type-video,
.document-content .folded-corner.media-type-audio,
.document-item .folded-corner.media-type-audio {
    width: 100px;
    height: 100px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 51;
}

.document-content .folded-corner.media-type-video,
.document-item .folded-corner.media-type-video {
	background-image: url('/static/images/video_overlay_white.png?89faaf6f82fb');
}

.document-content .folded-corner.media-type-audio,
.document-item .folded-corner.media-type-audio {
	background-image: url('/static/images/audio_overlay_white.png?89faaf6f82fb');
}

.document-item.medium .folded-corner.media-type-video,
.document-item.medium .folded-corner.media-type-audio {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
}

.document-item.small .folded-corner.media-type-video,
.document-item.small .folded-corner.media-type-audio {
    width: 52px;
    height: 52px;
    margin-top: -26px;
    margin-left: -26px;
}

.document-item.large.is-series .folded-corner.media-type-series {
    width: 200px;
    height: 255px;
	background-image: url('/static/images/series-bg-lg.png?89faaf6f82fb');
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}

.document-item.medium.is-series .folded-corner.media-type-series {
    width: 167px;
    height: 210px;
	background-image: url('/static/images/series-bg-md.png?89faaf6f82fb');
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}

.document-item.small.is-series .folded-corner.media-type-series {
    width: 116px;
    height: 148px;
	background-image: url('/static/images/series-bg-sm.png?89faaf6f82fb');
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}

.document-item.is-series a.document-icon-link {
    border: 1px solid transparent;
}

.document-item.is-series a.document-icon-link img,
.document-item.is-series a.topic-icon-link img {
    position: relative;
    z-index: 50;
}

.document-item.large.is-series a.document-icon-link img,
.document-item.large.is-series a.topic-icon-link img {
    margin-bottom: 14px;
    top: 2px;
    left: 2px;
}

.document-item.medium.is-series a.document-icon-link img,
.document-item.medium.is-series a.topic-icon-link img {
    margin-bottom: 12px;
    top: 1px;
    left: 1px;
}

.document-item.small.is-series a.document-icon-link img,
.document-item.small.is-series a.topic-icon-link img {
    margin-bottom: 9px;
    top: 1px;
    left: 1px;
}

.flexslider .slides .document-item.is-series img {
    width: auto;
}

.document-item a.document-icon-link,
.document-details a.document-icon-link {
    border: 1px solid #EDEDE6;
}

.document-content .publish_date,
.document-item .publish_date {
    color: #0055A6;
    font-size: 12px;
    margin-top: 6px;
}

.document-item .document_count {
    color: #0055A6;
    font-size: 12px;
}

.document-item .is-series {
    font-size: 12px;
    font-weight: 400;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
}

.document-item .mini-description {
    margin-top: 15px;
    color: #363636;
}

.document-search-results .document-item.large,
.flexslider.large ul.slides li {
    margin: 0 20px 10px 0;
}

.document-item.large {
    width: 202px;
    /*height: 410px;*/
}

.documents-in-series-results .document-item.medium,
.document-search-results .document-item.medium,
.flexslider.medium ul.slides li {
    margin: 0 16px 10px 0;
}

.document-item.medium {
    width: 169px;
    /*height: 326px;*/
}

.document-search-results .document-item.small,
.flexslider.small ul.slides li {
    margin: 0 20px 10px 0;
}

.document-item.small {
    width: 118px;
    /*height: 250px;*/
}

.document-item h4 {
    margin-top: 15px;
}

.document-item h4 a {
    font-size: 18px;
    font-weight: 500;
    color: #363636;
    line-height: 1.3em;
}

.document-item h4 a:hover,
.document-item h4 a:active {
    color: #11265E;
}

.document-item.medium h4 a {
    font-size: 18px;
}

.document-item.small h4 a {
    font-size: 15px;
}

.documents-in-series-results .document-item.medium,
.document-search-results .document-item.medium {
    height: 590px;
    overflow: hidden;
}

.discover-content .pagination {
    font-size: 14px;
    color: #363636;
}

.discover-content .pagination a {
    color: #0055A6;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 6px;
}

.discover-content span#num-search-results {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

/*========== FLEXSLIDER OVERRIDES ==========*/
.profile-content .flexslider,
.document-content .flexslider,
.discover-content .flexslider {
    background-color: transparent;
	width: 100%;
	margin: 0 auto;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.profile-content .slides li,
.document-content .slides li,
.discover-content .slides li {
    margin-right: 34px;
}

.profile-content .flex-control-nav,
.document-content .flex-control-nav,
.discover-content .flex-control-nav {
    display: none;
}

.profile-content .flex-direction-nav a:before,
.document-content .flex-direction-nav a:before,
.discover-content .flex-direction-nav a:before {
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    font-size: 34px;
    content: '\25C0';
    transform:scale(1,1.5);
    -webkit-transform:scale(1,1.5);
    line-height: 80px;
    color: #11265E;
}

.profile-content .flex-direction-nav a.flex-next:before,
.document-content .flex-direction-nav a.flex-next:before,
.discover-content .flex-direction-nav a.flex-next:before {
    content: '\25B6';
}

.profile-content .flex-direction-nav a,
.document-content .flex-direction-nav a,
.discover-content .flex-direction-nav a {
    width: 64px;
    height: 110px;
    background-color: #FFFFFF;
    margin: 0;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    top: 80px;
    padding: 12px;
}

/*=== medium ===*/
.document-content .medium .flex-direction-nav a,
.discover-content .medium .flex-direction-nav a {
    top: 52px;
}

.profile-content .medium .slides li,
.document-content .medium .slides li,
.discover-content .medium .slides li {
    margin-right: 30px;
}
/*=== endmedium ===*/

/*=== small ===*/
.discover-content .small .flex-direction-nav a {
    width: 46px;
    height: 80px;
    top: 36px;
}

.discover-content .small .flex-direction-nav a:before {
    line-height: 50px;
    font-size: 30px;
}

.discover-content .flexslider.small .flex-prev {
    left: -22px;
}

.discover-content .flexslider.small .flex-next {
    right: -2px;
}

.discover-content .small .slides li {
    margin-right: 30px;
}
/*=== endsmall ===*/

.profile-content .flex-direction-nav a.flex-next,
.document-content .flex-direction-nav a.flex-next,
.discover-content .flex-direction-nav a.flex-next,
.profile-content .flex-direction-nav a.flex-prev,
.document-content .flex-direction-nav a.flex-prev,
.discover-content .flex-direction-nav a.flex-prev {
    border-radius: 15px;
    border: 2px solid #EFE7E1;
    text-align: center;
}

.profile-content .flexslider .flex-prev,
.document-content .flexslider .flex-prev,
.discover-content .flexslider .flex-prev {
    opacity: 1;
    left: -32px;
}

.profile-content .flexslider .flex-next,
.document-content .flexslider .flex-next,
.discover-content .flexslider .flex-next {
    opacity: 1;
    right: -12px;
}

#preview_modal .preview_item {
    width: 540px;
}

#preview_modal .flexslider.large ul.slides li {
    margin: 0;
}

#preview_modal .flex-direction-nav a {
    top: 200px;
}

/*========== END FLEXSLIDER OVERRIDES ==========*/

.document-content h3,
.discover-content h3 {
    margin: 80px 0 30px 0;
}

.document-content h3 span,
.discover-content h3 span {
    display: block;
    text-transform: uppercase;
    color: #363636;
    font-size: 36px;
    font-weight: 500;
    background-color: #FFFFFF;
    position: relative;
    z-index: 5;
    float: left;
    padding-right: 15px;
}

.document-content h3 + hr,
.discover-content h3 + hr {
    border-top: 1px solid #9A9991;
    position: relative;
    top: 18px;
    z-index: 4;
}

.document-content h3 + hr {
    padding-bottom: 10px;
}

.discover-content h3 + hr {
    padding-bottom: 40px;
}

#document-search-results-summary {
    margin: 0 0 40px 0;
}

#document-search-results-summary .container {
    padding: 0 30px 0 0;
}

#document-search-results-summary .document-search-terms {
    font-size: 24px;
    line-height: 45px;
    font-weight: 400;
    font-style: normal;
    color: #363636;
}

#document-search-results-summary .document-search-terms .search-nosort {
    font-size: 16px;
    line-height: 16px;
}

#document-search-results-summary .document-search-terms .search-term {
    color: #2A5EEC;
}

#document-search-results-summary .document-search-sort {
    padding-left: 10px;
}

#document-search-results-summary .sort-by {
    text-transform: uppercase;
    white-space: nowrap;
    overflow: visible;
    line-height: 45px;
    text-align: right;
    padding-right: 0;
}

#document-search-results-summary .sort-by .sort-by-label {
    position: relative;
}

.document-search-results #no-results {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    color: #363636;
}

.discover-content .user-control-footer {
    padding: 0;
    margin-top: 40px;
}

.discover-content .user-control-footer a.btn {
    display: inline-block;
    margin: 0 12px 10px 0;
}


/*==
RESPONSIVENESS
==*/

@media (min-width: 1200px) {
    div.flexslider.small {
        max-width: 1104px;
    }
}

@media (max-width: 1199px) {
    div.flexslider.large {
        max-width: 888px;
    }
    div.flexslider.small {
        max-width: 828px;
    }

    #advanced-filter-bar .document-sort-wrapper {
        flex-basis: 100%;
        align-self: flex-end;
    }
}

@media (max-width: 991px) {
    div.flexslider.large {
        max-width: 668px;
    }
    div.flexslider.medium {
        max-width: 555px;
    }
    div.flexslider.small {
        max-width: 700px;
    }

    .search-input-container input {
        border-radius: 3px;
    }

    #advanced-filter-bar {
        flex-direction: column;
    }

    #advanced-filter-bar > div {
        align-self: start;
    }

    #advanced-filter-bar .document-sort-wrapper {
        align-self: flex-start;
    }
}

@media screen and (max-width: 860px) {

    .profile-content .flex-direction-nav .flex-prev,
    .document-content .flex-direction-nav .flex-prev,
    .discover-content .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .profile-content .flex-direction-nav .flex-next,
    .document-content .flex-direction-nav .flex-next,
    .discover-content .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}

@media (max-width: 767px) {

    #preview_modal .preview_item,
    #preview_modal div.flexslider.large {
        width: 450px;
    }

    #preview_modal .flex-direction-nav a {
        top: 100px;
    }

    #discover-cover-image .cover-image-content h1 {
        margin-left: 60px;
    }

    #discover-cover-image img.magnify-icon {
        left: -24px;
    }

    .search-input-container {
        width: 100%;
    }

}

@media (max-width: 730px) {

    #document-search-bar table td {
        display: block;
    }

    #document-search-bar .search-bar-right ul li:first-of-type {
        margin-right: 0;
        padding-right: 0;
    }

    div.flexslider.large {
        width: 434px;
    }
    div.flexslider.medium {
        width: 555px;
    }
    div.flexslider.small {
        width: 556px;
    }

}

@media (max-width: 580px) {

    #preview_modal .preview_item,
    #preview_modal div.flexslider.large {
        width: 262px;
    }

    div.flexslider.large {
        width: 200px;
    }
    div.flexslider.medium {
        width: 360px;
    }
    div.flexslider.small {
        width: 262px;
    }

    .discover-content .user-control-footer {
        text-align: center;
    }

}

@media (max-width: 399px) {

    .document-search-results .document-item.medium {
        margin-right: 14px;
    }

}

/*==
END RESPONSIVENESS
==*/



/*========== DOCUMENT DETAILS PAGE ==========*/

.document-content #breadcrumbs {
    font-size: 16px;
    line-height: 40px;
    margin-top: 20px;
    overflow: hidden;
}

.user-control-bar {
    background-color: #949283;
    width: 100%;
    padding: 14px 0 12px 0;
}

.user-control-bar a.btn {
    display: inline-block;
}

.document-content .document-right {
    float: right;
    text-align: right;
    margin: 40px 0 40px 60px;
}

.document-content .document-details {
    margin-top: 20px;
}

.document-content .document-details-left {
    float: left;
    width: 300px;
    margin-right: 40px;
    margin-bottom: 10px;
}

.document-content .document-details-left .document-icon-link {
    width: 302px;
    margin-bottom: 10px;
}

.document-content .document-details-left .detail-row a.btn {
    margin-bottom: 10px;
}

.document-content .detail-row {
    margin-bottom: 10px;
}

.document-content .document-details table {
    margin-bottom: 20px;
}

.document-content .document-details table td {
    vertical-align: top;
    padding: 0 30px 6px 0;
    font-size: 16px;
}

.document-content .document-details table td:first-child {
    font-weight: 600;
}

.document-content .document-details p {
    font-size: 18px;
}

.document-content .document-details .document-details-description ul,
.document-content .document-details .document-details-description ol {
    font-size: 18px;
    position: relative;
    left: 36px;
    margin-bottom: 10px;
}

.document-content .document-series-row {
    clear: both;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}

.document-content .document-forum-wrapper {
    clear: both;
    margin-top: 40px;
}

.document-content .document-forum-wrapper .document-forum-wrapper-inner {
    margin: 20px 0;
}

.document-content .favorite_wrapper {
    margin-top: 12px;
}

.document-content .library_wrapper {
    padding: 0;
}

.document-content .library_wrapper #library_faux_select {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    color: #FFFFFF;
    padding: 0;
    font-weight: 400;
}

.document-content .library_wrapper #library_faux_select #library_faux_select_left {
    background-color: #11265E;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    flex-basis: 100%;
    flex-grow: 1;
    padding: 9px 0 4px 0;
    z-index: 60;
}

.document-content .library_wrapper #library_faux_select #library_faux_select_right {
    background: #2A5EEC;
    flex-basis: 80px;
    z-index: 70;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top: 7px;
}

.document-content .library_wrapper #library_faux_select:hover #library_dropdown,
.document-content .library_wrapper #library_faux_select:focus-within #library_dropdown {
    display: block;
}

.document-content .library_wrapper #library_dropdown {
    display: none;
    background: #FFFFFF;
    position: absolute;
    width: 100%;
    top: 38px;
    z-index: 50;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #9A9991;
    font-size: 14px;
    cursor: auto;
}

.document-content .library_wrapper #library_dropdown ul {
    list-style: none;
}

.document-content .library_wrapper #library_dropdown li {
    padding: 8px;
    text-align: left;
    color: #363636;
    position: relative;
    border-top: 1px solid #9A9991;
}

.document-content .library_wrapper #library_dropdown li:nth-child(1) {
    border-top: none;
}

.document-content .library_wrapper #library_dropdown #new_library {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #363636;
    height: 30px;
    padding-top: 3px;
    margin-bottom: 0;
    width: auto;
}

.document-content .library_wrapper #library_dropdown #new_library::placeholder {
    color: #9A9991;
}

.document-content .library_wrapper #add_to_library_btn {
    float: right;
}

.document-content .library_wrapper #library_action_msg {
    padding: 12px 0 6px 0;
}

.document-content .library_wrapper #library_dropdown .btn-add {
    position: absolute;
    top: 6px;
    right: 8px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 15px;
    height: 22px;
    line-height: 24px;
    background: #2A5EEC;
}

.document-content .library_wrapper #library_dropdown .btn-add:hover,
.document-content .library_wrapper #library_dropdown .btn-add:focus {
    background: #11265E;
}

.document-content .library_wrapper #library_dropdown li:first-of-type .btn-add {
    top: 12px;
}

.document-content .document-right label + input[type=text],
#content-wrapper .document-content .document-right .chosen-container .chosen-single {
    height: 38px;
}

#content-wrapper .document-content .document-right .chosen-single span {
    line-height: 38px;
}

#content-wrapper .document-content .document-right .chosen-single div b {
    /*background-position: -2px 9px;*/
    line-height: 36px;
}

#content-wrapper .document-content .document-right .chosen-with-drop .chosen-single div b {
    /*background-position: -20px 9px;*/
}

#content-wrapper ul.slides {
    margin-left: 0;
}

.document-content .document-right .share_wrapper {
    margin-top: 12px;
}

.document-content .document-right .share_wrapper img {
    margin-left: 8px;
}

.document-content .document-right .share_wrapper a:first-child img {
    margin-left: 0;
}

.document-content .documents-in-series-wrapper,
.document-content .related-documents-wrapper {
    clear: both;
}

.document-content .documents-in-series-results {
    margin-top: 50px;
    margin-right: -60px;
}

.document-content .related-documents-results {
    margin-top: 50px;
}

.document-item a.remove {
  color: #DE483C;
  display: block;
  margin-top: 10px;
  font-size: 11px;
  text-transform: uppercase;
}

a#load-document-forum {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 10px;
}

.document-right .star-rating {
    height: 22px;
}

.document-right .star-rating .star-i {
    width: 26px;
    height: 22px;
    /*margin-right: 4px; using border instead of margin for better hover performance */
    border-right: 4px solid #FFFFFF;
}

.preview-warning {
    color: #DE483C;
    /*text-align: center;*/
    font-size: 14px;
    font-weight: normal;
}

/*=== vimeo popup ===*/
.modal-dialog.modal-video {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-dialog.modal-video .modal-footer {
    height: 0;
    padding: 0;
}

@media (min-width: 869px) {
    .modal-dialog.modal-video {
        width: 860px;
        margin: 30px auto;
    }
}
/* make video player responsive */
/* https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.modal-dialog.modal-video .modal-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.modal-dialog.modal-video .modal-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video_download_modal .modal-dialog .modal-body .btn {
    margin: 0 auto 15px auto;
    font-size: 17px;
    height: auto;
}

/*=== forum topic ===*/
.document-forum-wrapper .pybb .post.first-post {
  background-color: transparent;
  border-bottom: 1px solid #F3F2E4;
}
/*=== end forum topic ===*/

/*==
RESPONSIVENESS
==*/

@media (max-width: 991px) {

    .document-content .document-right {
        float: none;
        text-align: left;
        margin-left: 0;
    }

}

@media (max-width: 580px) {

    .document-content .document-details-left {
        float: none;
        width: 100%;
    }

}

/*==
END RESPONSIVENESS
==*/

/*========== END DOCUMENT DETAILS PAGE ==========*/

/*========== DOCUMENT EDIT PAGE ==========*/
.edit-document {
    padding-bottom: 80px;
}

.edit-document h1 {
    padding-left: 15px;
}

.edit-document #document_create_form > .col-md-9 {
    padding-left: 0;
    padding-right: 0;
}

.edit-document #document_create_form > .col-md-3 {
    padding-right: 0;
    padding-top: 40px;
}

.edit-document .status_rejected {
    color: #DE483C;
}

.edit-document .status_approved {
    color: #0055A6;
}

.edit-document div.errors {
    margin-bottom: 12px;
}

#tags_modal ul.root {
    margin-left: 30px;
}

.edit-document .tag-controls-wrapper .btn {
    float: left;
    margin: 0 12px 20px 0;
}

.edit-document .right-column-wrapper .btn {
    margin: 0 0 12px 0;
}

.edit-document .right-column-wrapper a.btn {
    display: inline-block;
}

.edit-document .body-footer-wrapper .btn {
    display: inline-block;
    margin: 0 12px 12px 0;
}

.edit-document .right-column-wrapper .reference_links {
    margin-top: 40px;
    line-height: 2em;
}

.edit-document input#id_tags_search {
    margin-bottom: 10px;
}

body .ui-widget-content {
	background-image: none;
    margin-top: 0;
    background: #FFFFFF;
    border-top: none;
    border-right: 2px solid #EEEEED;
    border-bottom: 2px solid #EEEEED;
    border-left: 2px solid #EEEEED;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 7px 10px -1px rgba(0,0,0,.5);;
    -moz-box-shadow: 0 7px 10px -1px rgba(0,0,0,.5);;
    box-shadow: 0 7px 10px -1px rgba(0,0,0,.5);;
    overflow: hidden;
    padding-top: 10px;
}

body .ui-widget {
    font-size: 1em;
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
	border: none;
    background-color: #EEEEED;
    background-image: none;
	font-weight: normal;
	color: #212121;
}

body .ui-menu .ui-state-focus,
body .ui-menu .ui-state-active {
	margin: 0;
}

body .ui-menu .ui-menu-item {
    padding: 10px;
}

body .ui-state-hover a,
body .ui-state-hover a:hover,
body .ui-state-hover a:link,
body .ui-state-hover a:visited,
body .ui-state-focus a,
body .ui-state-focus a:hover,
body .ui-state-focus a:link,
body .ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}

.edit-document .help-icon {
    display: inline-block;
    position: relative;
    top: -6px;
    cursor: pointer;
}

body .ui-widget-content.ui-tooltip {
    border: 2px solid #DFDFDF;
    border-radius: 5px;
}

#hidden_file_wrapper,
#hidden_thumbnail_wrapper {
    display: none;
}

#cached_file_wrapper,
#cached_thumbnail_wrapper {
    margin-bottom: 15px;
}

.edit-document input[type=file] {
    display: inline-block;
    margin-left: 5px;
}

.series-subtitle {
    font-size: 14px;
    margin-left: 30px;
    font-weight: 700;
}

.edit-document .progress-bar-wrapper {
    text-align: right;
    margin: 0 30px 0 30px;
}

.edit-document progress[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Get rid of default border in Firefox. */
    border: none;

    width: 100%;
    height: 38px;
    margin-top: 40px;

    background-color: #EEEEED;
    border-radius: 3px;
    position: relative;
    z-index: 560;
}

.edit-document .progress-bar-wrapper .modal-backdrop {
    display: none;
    z-index: 550;
}

.edit-document progress[value]::-webkit-progress-bar {
    background-color: #EEEEED;
    border-radius: 3px;
}

.edit-document progress[value]::-webkit-progress-value {
    background-color: #0055A6;
    background-image:
	   -webkit-linear-gradient(135deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0, 0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top,
	                           rgba(255, 255, 255, .25),
	                           rgba(0, 0, 0, .25));

    border-radius: 3px;
    background-size: 72px 38px, 100% 100%, 100% 100%;
}

.edit-document progress[value]::-moz-progress-bar {
    background-color: #0055A6;
    background-image:
    -moz-linear-gradient(135deg,
                         transparent 33%, rgba(0, 0, 0, 0.1) 33%,
                         rgba(0, 0, 0, 0.1) 66%, transparent 66%),
    -moz-linear-gradient(top,
                         rgba(255, 255, 255, 0.25),
                         rgba(0, 0, 0, 0.25));

    border-radius: 3px;
    background-size: 72px 38px, 100% 100%, 100% 100%;
}

#author-selections {
    margin-top: 20px;
}

.author-match-link {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 18px;
}

#btn-add-author-row {
    padding: 2px 10px;
    line-height: 15px;
    height: 20px;
}

/*========== END DOCUMENT EDIT PAGE ==========*/
