/* Esri Kaltura Overrides */
/* Built by MarTech FED  */ 

/* bring over Calcite component vars */
:root {
    --calcite-code-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "monospace";
    --calcite-sans-family: "Avenir Next", "Avenir", "Helvetica Neue", "sans-serif";
    --calcite-font-size--3: 0.625rem;
    --calcite-font-size--2: 0.75rem;
    --calcite-font-size--1: 0.875rem;
    --calcite-font-size-0: 1rem;
    --calcite-font-size-1: 1.125rem;
    --calcite-font-size-2: 1.25rem;
    --calcite-font-size-3: 1.625rem;
    --calcite-font-size-4: 2rem;
    --calcite-font-size-5: 2.5rem;
    --calcite-font-size-6: 3rem;
    --calcite-font-size-7: 3.5rem;
    --calcite-font-size-8: 4rem;
    --calcite-font-weight-light: 300;
    --calcite-font-weight-normal: 400;
    --calcite-font-weight-medium: 500;
    --calcite-font-weight-bold: 700
}

:root {
    --calcite-ui-brand: #007ac2;
    --calcite-ui-brand-hover: #00619B;
    --calcite-ui-brand-press: #004874;
    --calcite-ui-background: #f8f8f8;
    --calcite-ui-foreground-1: #ffffff;
    --calcite-ui-foreground-2: #f3f3f3;
    --calcite-ui-foreground-3: #eaeaea;
    --calcite-ui-text-1: #151515;
    --calcite-ui-text-2: #4a4a4a;
    --calcite-ui-text-3: #6a6a6a;
    --calcite-ui-text-inverse: #FFFFFF;
    --calcite-ui-text-link: #00619b;
    --calcite-ui-border-1: #cacaca;
    --calcite-ui-border-2: #d4d4d4;
    --calcite-ui-border-3: #dfdfdf;
    --calcite-ui-border-input: #949494;
    --calcite-ui-info: #00619b;
    --calcite-ui-success: #35ac46;
    --calcite-ui-warning: #edd317;
    --calcite-ui-danger: #D83020;
    --calcite-ui-danger-hover: #A82B1E;
    --calcite-ui-danger-press: #7C1D13;
    --calcite-theme-name: "light";
    --calcite-ui-foreground-current: #c7eaff;
    --calcite-ui-inverse: #353535;
    --calcite-ui-inverse-hover: #2b2b2b;
    --calcite-ui-inverse-press: #202020;
    --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8);
    --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05);
    --calcite-button-transparent-press: rgba(0, 0, 0, 0.08);
    --calcite-link-blue-underline: rgba(0, 97, 155, 0.4);
    --calcite-scrim-background: rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --calcite-border-radius: 4px;
    --calcite-ui-opacity-disabled: 0.5;
    --calcite-panel-width-multiplier: 1;
    font-family: var(--calcite-sans-family)
}

.calcite-theme-dark {
    --calcite-ui-brand: #009AF2;
    --calcite-ui-brand-hover: #007AC2;
    --calcite-ui-brand-press: #00619B;
    --calcite-ui-background: #353535;
    --calcite-ui-foreground-1: #2b2b2b;
    --calcite-ui-foreground-2: #202020;
    --calcite-ui-foreground-3: #151515;
    --calcite-ui-text-1: #ffffff;
    --calcite-ui-text-2: #bfbfbf;
    --calcite-ui-text-3: #9f9f9f;
    --calcite-ui-text-inverse: #151515;
    --calcite-ui-text-link: #00A0FF;
    --calcite-ui-border-1: #555555;
    --calcite-ui-border-2: #4a4a4a;
    --calcite-ui-border-3: #404040;
    --calcite-ui-border-input: #757575;
    --calcite-ui-info: #00A0FF;
    --calcite-ui-success: #36DA43;
    --calcite-ui-warning: #FFC900;
    --calcite-ui-danger: #FE583E;
    --calcite-ui-danger-hover: #FF0015;
    --calcite-ui-danger-press: #D90012;
    --calcite-theme-name: "dark";
    --calcite-ui-foreground-current: #214155;
    --calcite-ui-inverse: #f8f8f8;
    --calcite-ui-inverse-hover: #ffffff;
    --calcite-ui-inverse-press: #f3f3f3;
    --calcite-alert-dismiss-progress-background: rgba(43, 43, 43, 0.8);
    --calcite-button-transparent-hover: rgba(255, 255, 255, 0.05);
    --calcite-button-transparent-press: rgba(255, 255, 255, 0.08);
    --calcite-link-blue-underline: rgba(0, 160, 255, 0.4);
    --calcite-scrim-background: rgba(0, 0, 0, 0.85)
}

.calcite-theme-light {
    --calcite-ui-brand: #007ac2;
    --calcite-ui-brand-hover: #00619B;
    --calcite-ui-brand-press: #004874;
    --calcite-ui-background: #f8f8f8;
    --calcite-ui-foreground-1: #ffffff;
    --calcite-ui-foreground-2: #f3f3f3;
    --calcite-ui-foreground-3: #eaeaea;
    --calcite-ui-text-1: #151515;
    --calcite-ui-text-2: #4a4a4a;
    --calcite-ui-text-3: #6a6a6a;
    --calcite-ui-text-inverse: #FFFFFF;
    --calcite-ui-text-link: #00619b;
    --calcite-ui-border-1: #cacaca;
    --calcite-ui-border-2: #d4d4d4;
    --calcite-ui-border-3: #dfdfdf;
    --calcite-ui-border-input: #949494;
    --calcite-ui-info: #00619b;
    --calcite-ui-success: #35ac46;
    --calcite-ui-warning: #edd317;
    --calcite-ui-danger: #D83020;
    --calcite-ui-danger-hover: #A82B1E;
    --calcite-ui-danger-press: #7C1D13;
    --calcite-theme-name: "light";
    --calcite-ui-foreground-current: #c7eaff;
    --calcite-ui-inverse: #353535;
    --calcite-ui-inverse-hover: #2b2b2b;
    --calcite-ui-inverse-press: #202020;
    --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8);
    --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05);
    --calcite-button-transparent-press: rgba(0, 0, 0, 0.08);
    --calcite-link-blue-underline: rgba(0, 97, 155, 0.4);
    --calcite-scrim-background: rgba(255, 255, 255, 0.85)
}

@media (prefers-color-scheme: dark) {
    .calcite-theme-auto {
        --calcite-ui-brand: #009AF2;
        --calcite-ui-brand-hover: #007AC2;
        --calcite-ui-brand-press: #00619B;
        --calcite-ui-background: #353535;
        --calcite-ui-foreground-1: #2b2b2b;
        --calcite-ui-foreground-2: #202020;
        --calcite-ui-foreground-3: #151515;
        --calcite-ui-text-1: #ffffff;
        --calcite-ui-text-2: #bfbfbf;
        --calcite-ui-text-3: #9f9f9f;
        --calcite-ui-text-inverse: #151515;
        --calcite-ui-text-link: #00A0FF;
        --calcite-ui-border-1: #555555;
        --calcite-ui-border-2: #4a4a4a;
        --calcite-ui-border-3: #404040;
        --calcite-ui-border-input: #757575;
        --calcite-ui-info: #00A0FF;
        --calcite-ui-success: #36DA43;
        --calcite-ui-warning: #FFC900;
        --calcite-ui-danger: #FE583E;
        --calcite-ui-danger-hover: #FF0015;
        --calcite-ui-danger-press: #D90012;
        --calcite-theme-name: "dark";
        --calcite-ui-foreground-current: #214155;
        --calcite-ui-inverse: #f8f8f8;
        --calcite-ui-inverse-hover: #ffffff;
        --calcite-ui-inverse-press: #f3f3f3;
        --calcite-alert-dismiss-progress-background: rgba(43, 43, 43, 0.8);
        --calcite-button-transparent-hover: rgba(255, 255, 255, 0.05);
        --calcite-button-transparent-press: rgba(255, 255, 255, 0.08);
        --calcite-link-blue-underline: rgba(0, 160, 255, 0.4);
        --calcite-scrim-background: rgba(0, 0, 0, 0.85)
    }
}

@media (prefers-color-scheme: light) {
    .calcite-theme-auto {
        --calcite-ui-brand: #007ac2;
        --calcite-ui-brand-hover: #00619B;
        --calcite-ui-brand-press: #004874;
        --calcite-ui-background: #f8f8f8;
        --calcite-ui-foreground-1: #ffffff;
        --calcite-ui-foreground-2: #f3f3f3;
        --calcite-ui-foreground-3: #eaeaea;
        --calcite-ui-text-1: #151515;
        --calcite-ui-text-2: #4a4a4a;
        --calcite-ui-text-3: #6a6a6a;
        --calcite-ui-text-inverse: #FFFFFF;
        --calcite-ui-text-link: #00619b;
        --calcite-ui-border-1: #cacaca;
        --calcite-ui-border-2: #d4d4d4;
        --calcite-ui-border-3: #dfdfdf;
        --calcite-ui-border-input: #949494;
        --calcite-ui-info: #00619b;
        --calcite-ui-success: #35ac46;
        --calcite-ui-warning: #edd317;
        --calcite-ui-danger: #D83020;
        --calcite-ui-danger-hover: #A82B1E;
        --calcite-ui-danger-press: #7C1D13;
        --calcite-theme-name: "light";
        --calcite-ui-foreground-current: #c7eaff;
        --calcite-ui-inverse: #353535;
        --calcite-ui-inverse-hover: #2b2b2b;
        --calcite-ui-inverse-press: #202020;
        --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8);
        --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05);
        --calcite-button-transparent-press: rgba(0, 0, 0, 0.08);
        --calcite-link-blue-underline: rgba(0, 97, 155, 0.4);
        --calcite-scrim-background: rgba(255, 255, 255, 0.85)
    }
}

body,
body :is(input, button, select, textarea, h1, h2, h3, h4, h5, h6) {
    font-family: var(--calcite-sans-family),'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* CSS Template to theme your KMS */
/* resize top logo */
#header .brand img {
    max-height: 40px;
}

/* this customizes the slider and add some space next to it */
body.module-home #entrySlider {
    margin-bottom: 0px;
    text-align: center;
}

/* Here we list all the things to search for to make a quick color scheme */
/* Color 1: #333333 PRIMARY NAV */
/* Color 2: #eeeeee LINKS */
/* Color 3: #ffffff Header text and underline */
/* BG color: #367a8e */
/* ******* COLOR 1 ******* */
/* This modifies the color of the text and icons in dropdown menus */

:is(.dropdown-menu, #header) > li > a {
    color: var(--calcite-ui-text-1);
}

a {
    color: var(--calcite-ui-brand);
}

.stat_data,
.stat_data a{
    color: var(--calcite-ui-text-1) !important;
}

/* ******* COLOR 2 ******* */
/* This modifies the color of hyperlinked text within mediaspace, as well as certain icons and other dominant UI elements */
.nav-pills > li > a#gallerySearch-tab,
.nav-pills > li > a#gallerySearch-tab:active,
.nav-pills > li > a#gallerySearch-tab:focus,
.nav-pills > li > a#channelSearch-tab,
.nav-pills > li > a#channelSearch-tab:active,
.nav-pills > li > a#channelSearch-tab:focus,
#channel_title .muted,
#categoryCarousel #filterBarWrap .categorynav #categoryview button.active,
.mediaTable tbody tr .entryTitle h4,
#videosResultsTable tbody tr .entryTitle h4,
.input-append i,
.input-prepend i,
.input-prepend .btn,
#entryButtons #Captions .videoSearchInput:after,
#wrap #filterBarWrap #mymediaview button.active,
.mediaTable tbody tr .entryTitle,
#videosResultsTable tbody tr .entryTitle,
#wrap #myMediaCarousel #myMediaEntries #filterBarWrap .navbar-search-wrapper form .input-prepend i,
.mediaTable tbody tr .entryTitle a,
#videosResultsTable tbody tr .entryTitle a,
.thumb_user_content .searchme,
#entryCarousel .expandable dl.dl-horizontal:not(.details) dt#appearsIn + dd > a.badge,
#entryCarousel .expandable dl.dl-horizontal:not(.details) dt.customdata + dd > a.badge,
#categoryCarousel #filterBarWrap #categoryview button.active,
#wrap .my-history .filter-bar #myHistoryView button.active,
#playlistView #categoryview button.active {
    color: var(--calcite-ui-brand) !important;
}

#sidr.sidr.navbar-inverse .navbar-inner ul#menu.dd-menu li a.navbar-link, 
#sidr.sidr.navbar-inverse .dd-wrapper ul#menu.dd-menu li a.navbar-link, 
#sidr.sidr.navbar .navbar-inner ul#menu.dd-menu li a.navbar-link, 
#sidr.sidr.navbar .dd-wrapper ul#menu.dd-menu li a.navbar-link {
    font-weight: var(--calcite-font-weight-medium) !important;
}

.input-append i,
.input-prepend i {
    color: var(--calcite-ui-text-3) !important;
}


#mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper .overlay_wrapper {
    z-index: 0 !important;
}

#mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper:hover .overlay_wrapper{
    z-index: 50 !important;
}

/* #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper .channel.label-inverse {
    opacity: 0;
} */

/* #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper
.channel_stats {
    z-index: 0;
} */
 
/* #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper:hover .channel.label-inverse {
    opacity: 1;
}

#mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper:hover
.channel_stats {
    z-index: 50;
}

#galleryGrid.grid li.galleryItem div.thumbnail .overlay-wrapper {
    opacity: 0;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .overlay-wrapper {
    opacity: 1;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper
.thumb_name {
    opacity: 0;
}

#galleryGrid.grid li.galleryItem:hover div.thumbnail .thumb_labels_wrapper
.thumb_name {
    opacity: 1;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion {
    visibility: hidden;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion .accordion-heading .user_wrapper {
    opacity: 0;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .accordion .accordion-heading .user_wrapper {
    opacity: 1;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_time .thumb_time_content {
    opacity: 0;    
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .thumb_labels_wrapper .thumb_time .thumb_time_content {
    opacity: 1;    
}

#galleryGrid.full li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_time {
    opacity: 0;
}

#galleryGrid.full li.galleryItem div.thumbnail:hover .thumb_labels_wrapper .thumb_time {
    opacity: 1;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .overlay-wrapper {
    opacity: 0;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail:hover .overlay-wrapper {
    opacity: 1;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail:hover .thumb_labels_wrapper .thumb_name .thumb_name_content {
    opacity: 1;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    opacity: 0;
}

body.module-home .container ul.thumbnails li div.thumbnail .overlay-wrapper {
    opacity: 0;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .overlay-wrapper {
    opacity: 1;
} */

/* body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper {
    opacity: 0;
} */

/* body.module-home .container ul.thumbnails li div.thumbnail:hover .thumb_labels_wrapper {
    opacity: 1;
} */

/* body.module-home .container ul.thumbnails li div.thumbnail .accordion {
    opacity: 0;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .accordion {
    opacity: 1;
} */

/* #mySidebar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content, #detailsSideBar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    opacity: 0;
}

#mySidebar .thumbnail:hover .thumb_labels_wrapper .thumb_name .thumb_name_content, #detailsSideBar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    opacity: 1;
}

#mySidebar .thumbnail .overlay-wrapper, #detailsSideBar .thumbnail .overlay-wrapper {
    opacity: 0;
}

#mySidebar .thumbnail:hover .overlay-wrapper, #detailsSideBar .thumbnail .overlay-wrapper {
    opacity: 1;
}

#mySidebar .thumbnail div.thumb_icon .thumb_icon_content, #detailsSideBar .thumbnail div.thumb_icon .thumb_icon_content {
    opacity: 0;
}

#mySidebar .thumbnail:hover div.thumb_icon .thumb_icon_content, #detailsSideBar .thumbnail div.thumb_icon .thumb_icon_content {
    opacity: 1;
}

.galleryItem .thumbnail div.photo-group div.thumb_icon .thumb_icon_content i.icon-white {
    opacity: 0;
}

.galleryItem .thumbnail:hover div.photo-group div.thumb_icon .thumb_icon_content i.icon-white {
    opacity: 1;
}

div.thumb_icon .thumb_icon_content i.icon-white {
    opacity: 0;
}

.hostedEnabled .thumbnail div.photo-group div.thumb_icon .thumb_icon_content i.icon-white {
    opacity: 0;
}

.hostedEnabled .thumbnail:hover div.photo-group div.thumb_icon .thumb_icon_content i.icon-white {
    opacity: 1;
} */

#channel-poster .focus {
    opacity: 0;
}

#categoryCarousel #filterBarWrap #categoryview .btn:hover,
#wrap .my-history .filter-bar #myHistoryView .btn:hover,
#playlistView #categoryview .btn:hover {
    color: var(--calcite-ui-brand-hover) !important;
}

.mymediaTable tbody tr td.thumbTd .status.label-info,
.nav-list li > a:hover,
.nav-list li > a:focus,
.bs-docs-sidenav li > a:hover,
.bs-docs-sidenav li > a:focus,
.nav-list li.active > a,
.bs-docs-sidenav li.active > a {
    background-color: red !important;
}

.navbar-search-wrapper form .input-append input,
.navbar-search-wrapper form .input-prepend input {
    border-left: red !important;
}

/* This modifies the color of hyperlinked text that is currently being hovered by the end user as well as certain icons and other dominant UI elements */
a:active,
a:hover,
a:focus {
    color: var(--calcite-ui-brand-hover);
}

.nav-pills > li > a#gallerySearch-tab:hover,
.nav-pills > li > a#channelSearch-tab:hover,
#wrap .navbar.categorySearchBar .input-append .add-on:hover i,
#wrap .navbar.categorySearchBar .input-prepend .add-on:hover i,
#wrap .navbar.channelSearchBar .input-append .add-on:hover i,
#wrap .navbar.channelSearchBar .input-prepend .add-on:hover i,
#categoryCarousel #filterBarWrap .categorynav #categoryview .btn:hover,
body.module-quiz.controller-entry.action-add-quiz #wrap #browseTable .navbar-search-wrapper form .input-append .add-on:hover i,
body.module-quiz.controller-entry.action-add-quiz #wrap #browseTable .navbar-search-wrapper form .input-prepend .add-on:hover i {
    color: red !important;
}

/* This modifies the background color and border color of buttons */
button.btn.btn-link,
button.btn.btn-link:active,
button.btn.btn-link:focus,
button.btn.btn-small.btn-link,
button.btn.btn-small.btn-link:active,
button.btn.btn-small.btn-link:focus,
a.btn.btn-link,
a.btn.btn-link:active,
a.btn.btn-link:focus,
a.btn.btn-small.btn-link,
a.btn.btn-small.btn-link:active,
a.btn.btn-small.btn-link:focus,
input.btn.btn-link,
input.btn.btn-link:active,
input.btn.btn-link:focus,
input.btn.btn-small.btn-link,
input.btn.btn-small.btn-link:active,
input.btn.btn-small.btn-link:focus,
div.btn.btn-link,
div.btn.btn-link:active,
div.btn.btn-link:focus,
div.btn.btn-small.btn-link,
div.btn.btn-small.btn-link:active,
div.btn.btn-small.btn-link:focus,
span.btn.btn-link,
span.btn.btn-link:active,
span.btn.btn-link:focus,
span.btn.btn-small.btn-link,
span.btn.btn-small.btn-link:active,
span.btn.btn-small.btn-link:focus {
    color: var(--calcite-ui-brand) !important;
}

button.btn.btn-primary,
button.btn.btn-small.btn-primary,
a.btn.btn-primary,
a.btn.btn-small.btn-primary,
input.btn.btn-primary,
input.btn.btn-small.btn-primary,
div.btn.btn-primary,
div.btn.btn-small.btn-primary,
span.btn.btn-primary,
span.btn.btn-small.btn-primary,
#entryButtons > ul > li.active > a,
#entryButtons > ul > li.active > a:hover,
#entryButtons > ul > li.active > a:focus,
#entryButtons > ul > li > a.active,
#entryButtons > ul > li > a.active:hover,
#entryButtons > ul > li > a.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
    color: var(--calcite-ui-text-1) !important;
}

a.btn.btn-primary {
    background-color: var(--calcite-ui-brand) !important;
    color: var(--calcite-ui-text-inverse) !important;
}

button.btn.btn-primary,
button.btn.btn-small.btn-primary,
a.btn.btn-primary,
a.btn.btn-small.btn-primary,
input.btn.btn-primary,
input.btn.btn-small.btn-primary,
div.btn.btn-primary,
div.btn.btn-small.btn-primary,
span.btn.btn-primary,
span.btn.btn-small.btn-primary,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav-tabs li a:hover,
#entryCarousel .nav-pills > li.active > a,
#entryCarousel .nav-pills > li.active > a:hover,
#entryCarousel .nav-pills > li.active > a:focus,
#entryCarousel .nav-pills > li > a.active,
#entryCarousel .nav-pills > li > a.active:hover,
#entryCarousel .nav-pills > li > a.active:focus,
#entryCarousel .nav-pills > li > a:hover {
    border-color: var(--calcite-ui-brand) !important;
}

/* This modifies the background color of the hover effect when a child element of a dropdown menu is hovered or clicked */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: var(--calcite-ui-foreground-2) !important;
}

/* This modifies the color of tags across KMS */
.tagsWrapper .badge-info,
.tagsWrapper .badge-info:hover,
.tag {
    border-color: var(--calcite-ui-foreground-3) !important;
    border-radius: 15px !important;
    background-color: var(--calcite-ui-foreground-3) !important;
    color: var(--calcite-ui-text-1) !important;
    transition: background-color .4s ease;
    font-weight: 600;
}

.tagsWrapper .badge-info:hover,
.tag:hover {
    background-color: var(--calcite-ui-foreground-1) !important;
}

/* ******* COLOR 3 ******* */
/* This modifies the color of both the text and the underline effect on the primary navigation */
#header #horizontalMenu .nav > li > a,
#header #horizontalMenu .nav > .active > a,
#header #horizontalMenu .nav > .active > a:hover,
#header #horizontalMenu .nav > li > a:hover,
#header #horizontalMenu .nav > .active > a:focus,
#gsearchv2,
#header .btn,
#header .btn:active,
#header .btn:focus {
    color: var(--calcite-ui-text-1) !important;
}

#header #horizontalMenu .nav > .active > a,
#header #horizontalMenu .nav > .active > a:hover,
#header #horizontalMenu .nav > li > a:hover,
#header #horizontalMenu .nav > .active > a:focus {
    border-color: var(--calcite-ui-text-1) !important;
}

/* ******* BG COLOR ******* */
/* This modifies the background color of buttons when they are active or being hovered by a user */
button.btn.btn-link:hover,
button.btn.btn-small.btn-link:hover,
a.btn.btn-link:hover,
a.btn.btn-small.btn-link:hover,
input.btn.btn-link:hover,
input.btn.btn-small.btn-link:hover,
div.btn.btn-link:hover,
div.btn.btn-small.btn-link:hover,
span.btn.btn-link:hover,
span.btn.btn-small.btn-link:hover {
    color: var(--calcite-ui-brand-hover) !important;
}

button.btn.btn-primary:hover,
button.btn.btn-small.btn-primary:hover,
a.btn.btn-primary:hover,
a.btn.btn-small.btn-primary:hover,
input.btn.btn-primary:hover,
input.btn.btn-small.btn-primary:hover,
div.btn.btn-primary:hover,
div.btn.btn-small.btn-primary:hover,
span.btn.btn-primary:hover,
span.btn.btn-small.btn-primary:hover {
    background-color: var(--calcite-ui-brand-hover) !important;
}

/* ESRI CALCITE */
a.btn.btn-primary:focus {
    outline: 2px solid var(--calcite-ui-brand);
    outline-offset: 2px;
    border-color: var(--calcite-ui-brand) !important;
}

/* button.btn.btn-primary:hover,
button.btn.btn-small.btn-primary:hover,
a.btn.btn-primary:hover,
a.btn.btn-small.btn-primary:hover,
input.btn.btn-primary:hover,
input.btn.btn-small.btn-primary:hover,
div.btn.btn-primary:hover,
div.btn.btn-small.btn-primary:hover,
span.btn.btn-primary:hover,
span.btn.btn-small.btn-primary:hover {

} */

/* This modifies the background color of the KMS header. This is the area that contains the logo and primary navigation */
/* #header .navbar-inner {
   background-color: #367a8e !important;
   box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.1);
   background: linear-gradient(0, white 50%, #000 50%);
} */

/* This modifies the color of the text and icons in dropdown menus when that element is actively hovered */
.dropdown-menu > li > a:hover,
#header .nav li > a:hover {
    color: var(--calcite-ui-text-1) !important;
}

a.dropdown-toggle[aria-expanded='true']:after {
    border-left-color: var(--calcite-ui-text-2);
} 

/* ================ */
/* overwrite styles */
/* ================ */

.dropdown-menu {
    border-radius: 0;
}

/* link button border radius */
button.btn, 
button.btn.btn-small, 
a.btn, 
a.btn.btn-small, 
input.btn, 
input.btn.btn-small, 
div.btn, 
div.btn.btn-small, 
span.btn, 
span.btn.btn-small, 
label.btn, 
label.btn.btn-small {
    border-radius: 0 !important;
}

#orderedPlaylists .playlist-carousel-container {
    padding-bottom: 30px;
}
body.module-home .container .home__playlist-name-heading,
#orderedPlaylists .playlist-carousel-container h4{
    text-transform: unset;
    line-height: 1.25;
    font-size: var(--calcite-font-size-3);
    color: var(--calcite-ui-text-1);
}

#orderedPlaylists .playlist-carousel-container .channel-playlist-link
body.module-home .container .home__playlist-name-heading {
    color: var(--calcite-ui-text-1);
}


#orderedPlaylists .playlist-carousel-container h4 {
    margin-left: 44px;
}

#orderedPlaylists .playlist-carousel-container .channel-playlist-link {
    margin-left: 0;
    color: var(--calcite-ui-text-1);
}

body.module-home .container .home__playlist-name-heading a.clickable-header:hover {
    font-weight: unset;
}

.progress.history-progress.complete .bar,
.progress.history-progress .bar {
    background: var(--calcite-ui-brand);
}

.mediaTable tbody tr .entryTitle .entry-name, 
#videosResultsTable tbody tr .entryTitle .entry-name {
    color: var(--calcite-ui-text-1) !important;
}

/* Channel list, link titles */
.mediaTable tbody tr .entryTitle:hover {
    color: var(--calcite-ui-text-1) !important;
}

.nav-tabs li a.active, 
.nav-tabs li a.btn.active {
    border-bottom-color: var(--calcite-ui-brand-hover);
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
    background-color: transparent !important;
}


/* =================== */
/* Esri Modifications  */
/* =================== */

.nav-tabs li a {
    font-weight: normal;
}
.nav-tabs li a.btn {
    color: var(--calcite-ui-text-3) !important;
    font-weight: 600;
}

.nav-tabs.nav-tabs>.active>a, 
.nav-tabs.nav-tabs>.active>a.btn, 
.nav-tabs.nav-tabs>.active>a:hover, 
.nav-tabs.nav-tabs>.active>a.btn:hover, 
.nav-tabs.nav-tabs>.active>a:focus, 
.nav-tabs.nav-tabs>.active>a.btn:focus {
    font-weight: 600;
}

a.btn:hover:not(.btn-link, a.btn .button--transparent) {
    background-color: transparent;
}

#entryActions button, 
#entryButtons button {
    text-transform: unset;
}

#comments-tab-pane #add-comment {
    background-color: var(--calcite-ui-brand) !important;
}

#comments-tab-pane #add-comment:hover, 
#comments-tab-pane #add-comment:focus {
    background-color: var(--calcite-ui-brand-hover) !important;
}

body.module-home .home__playlist-name-heading .icon-angle-right {
    display: none;
}

/* Stripe Tables */
#entryCarousel .table-striped thead > tr > th {
    background-color: var(--calcite-ui-foreground-2);
}

#entryCarousel .table-striped tbody>tr:nth-child(odd) > td {
    background-color: var(--calcite-ui-foreground-1);
}

#entryCarousel .table-striped tbody>tr:nth-child(even) > td {
    background-color: var(--calcite-ui-foreground-1);
}

/* Media Upload form   */
/* Change styles for upload but not edit form */
.fileUploadBox-container {
    outline: 1px dashed var(--calcite-ui-border-1);
}

/* .fileUploadBox-container #customdata-ExecutingOrganization-label + .control-group {
    border-bottom: 1px solid red;
} */

/* .fileUploadBox-container #customdata-Relationship-label,
.fileUploadBox-container #customdata-Relationship-label + .control-group {
    color: red;
}  */

/* Video info */
span.userLink {
/*    display: none;*/
}

body.module-home #entrySlider .carousel-inner .carousel-caption,
body.module-home #entrySlider .carousel-inner .thumb_time {
    display: flex;
    flex-direction: row-reverse;   
}

/* Move Timestamp to bottom order https://mediaspace.esri.com/channel/Kaltura%2BTraining/223259213 */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail
.thumb_labels_wrapper {
    display: flex;
    flex-direction: column-reverse;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail
.thumb_labels_wrapper {
    bottom: 4px;
}

/* Add bottom  https://mediaspace.esri.com/channel/Kaltura%2BTraining/223259213 */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .thumb_time .label-inverse .wrap-icon-film .thumb_time_content .duration {
    position: relative;
    top: -9px;
}

#channelsList .channel-thumbnail div.wrapper .channel_stats .row-fluid a:hover {
    display: block;
} 


/* homepage cards */ 
body.module-home .container ul.thumbnails a:is(:hover, :active),
#orderedPlaylists .playlist-carousel-container .thumbnails a:is(:hover, :active) {
    text-decoration: none;
}

body.module-home .container ul.thumbnails li.galleryItem::before {
    all: unset;
}

body.module-home .container ul.thumbnails li.galleryItem .thumbnail {
    position: initial;
}

body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper,
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail
.thumb_labels_wrapper {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

body.module-home #entrySlider .carousel-inner .carousel-caption .home__carousel-entry-title {
    margin-bottom: 1rem;
}

body.module-home #entrySlider .carousel-inner .carousel-caption .home__carousel-entry-duration {
    font-size: var(--calcite-font-size-0);
}

body.module-home #entrySlider .carousel-inner .thumb_time p.thumb_time_content {
    display: none;
}

/* Make Title Visible https://mediaspace.esri.com/ */
body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_name {
    opacity: 1;
    color: var(--calcite-ui-text-1);
    line-height: 1.33;
    flex-grow: 1;
    font-size: var(--calcite-font-size-2);
}

/* Move Title down a few pixels. Too much spacing between Title and From https://mediaspace.esri.com/ */
body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_name.label-inverse,
body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_time.label-inverse {
    position: initial;
    text-shadow: initial;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .thumb_labels_wrapper .thumb_name, 
body.module-home .container ul.thumbnails li div.thumbnail.active .thumb_labels_wrapper
.thumb_name {
    transform: initial;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .thumb_labels_wrapper .thumb_time, 
body.module-home .container ul.thumbnails li div.thumbnail.active .thumb_labels_wrapper .thumb_time,
body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_time {
    font-size: var(--calcite-font-size-0);
    transform: none;
    color: var(--calcite-ui-text-1);
    margin-top: 19px;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_time {
    position: initial;
}

body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .label-inverse {
    padding: 0; 
}

body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_name {
    margin: 15px 0 10px;
}

body.module-home .container ul.thumbnails li div.thumbnail .accordion {
    transform: none;
    visibility: unset;
}

body.module-home .container ul.thumbnails li div.thumbnail .accordion .thumb_user {
    width: initial;
    padding: initial;
    color: unset;
    font-size: 14px;
}

body.module-home .container ul.thumbnails li div.thumbnail .accordion .thumb_user .thumb_user_content {
    color: var(--calcite-ui-text-1);
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .accordion, 
body.module-home .container ul.thumbnails li div.thumbnail.active
.accordion {
    transform: none;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .overlay-wrapper::before, 
body.module-home .container ul.thumbnails li div.thumbnail.active .overlay-wrapper::before {
    opacity: 1;
}

/* Alerts */
.alert {
    text-shadow: unset !important;
}
.alert.alert-info {
    color: var(--calcite-ui-text-2) !important;
    background-color: var(--calcite-ui-foreground-2) !important;
}


/* Search */
.headerSearchForm__wrapper form.searchForm .searchForm__text,
form.searchForm .searchForm__text {
    border-color: var(--calcite-ui-border-2) !important;
    color: var(--calcite-ui-text-1) !important;
    font-size: 16px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input.hidden-input:focus + label.btn-primary, input.hidden-input:focus + iframe.wysihtml5-sandbox, .select2-container-multi.select2-container-active .select2-choices {
    outline-offset: unset !important;
/*    outline: thin dotted var(--calcite-ui-border-1) !important;*/
    outline: none !important;
    border: solid  var(--calcite-ui-border-2) !important;
    border-width: 0 0 1px 0 !important;

}

/* Events > UC channel. 
Why is it different from the others? */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail
.thumb_labels_wrapper {}


/* Related Media sidebar */
#mySidebar h3, #detailsSideBar h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
}


#mediaContainer .row-fluid p.small {
    font-size: 16px;
    color: var(--calcite-ui-text-1) !important;
}

/* Esri footer */ 
#footer {
    height: initial;
    background-color: var(--calcite-ui-foreground-2);
}

#footer p:first-of-type {
    display: none;
}
.esri-footer-info-list {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .esri-footer-info-list {
        flex-direction: column;
    }
}
.esri-footer-info-item {
    margin: 0 50px;
}
.esri-footer-info-link {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: font-size .3s;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    position: relative;
}

/****** Move Content Below Media Thumbnails *******/

#galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .thumb_labels_wrapper {
    flex-direction: row-reverse;
    top: 225px;
}

@media screen and (min-width: 980px) {
    #galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .thumb_labels_wrapper {
        top: 187px; 
    }
}

@media screen and (min-width: 1200px) {
    #galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .thumb_labels_wrapper {
        top: 235px;
    }
}

@media screen and (min-width: 1600px) {
    #galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .thumb_labels_wrapper {
        top: 283px;
    }
}

#galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper {
    flex-direction: row-reverse;
    top: 227px;
}

@media screen and (min-width: 980px) {
    #galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper {
        top: 196px; 
    }
}

@media screen and (min-width: 1200px) {
    #galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper {
        top: 241px; 
    }
}

@media screen and (min-width: 1600px) {
    #galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper {
        top: 290px;
    }
}


li.galleryItem.isotope-item {
    position: relative !important;
    transform: none !important;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content,
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .thumb_name
.thumb_name_content {
    font-weight: var(--calcite-font-weight-medium);
    color: var(--calcite-ui-text-1);
    font-size: var(--calcite-font-size-2);
    line-height: 1.2;
}

#galleryGrid.grid
li.galleryItem {
    padding-bottom: 142px;
}

/* for Grid view */
.grid .thumbnails.channel-entries-gallery.isotope .galleryItem.isotope-item .thumbnail .row.accordion.galleryItemDetails .accordion-group {
    position: relative;
    top: 69px;
}

/* for list view view */
.full .thumbnails .galleryItem.isotope-item .thumbnail .row.accordion.galleryItemDetails .accordion-group {
    top: 0px;
}
.galleryItem.isotope-item .thumbnail .row.accordion.galleryItemDetails .accordion-group {
    top: 0px;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .label-inverse {
    text-shadow: none;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion .thumb_user a, 
#galleryGrid.grid li.galleryItem div.thumbnail .accordion .thumb_user,
#galleryGrid.grid li.galleryItem div.thumbnail .accordion .thumb_user .thumb_user_content,
body.module-home .container ul.thumbnails li div.thumbnail .accordion .thumb_user a, 
body.module-home .container ul.thumbnails li div.thumbnail .accordion .thumb_user .thumb_user_content {
    color: var(--calcite-ui-text-2);
    font-size: 14px;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion {
    visibility: unset;
}

#galleryGrid.grid li.galleryItem div.thumbnail
.accordion {
    transform: none;
    transition: none;
    width: auto;
    visibility: visible;
    height: 0px;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .overlay-wrapper {
    background: none !important;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .overlay-wrapper, 
#galleryGrid.grid li.galleryItem div.thumbnail.active .overlay-wrapper {
    background: none !important
    
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper
.thumb_time {
    color: #1a1a1a;
    left: 0;
    top: 71px;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .label-inverse {
    padding: 0;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion
.thumb_user {
    padding-left: 0;
}

p.thumb_time_content, 
p.thumb_name_content, 
p.channel_content, 
p.channel_stats_content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_name {
    width: 100%;
} 
/* 
.thumb_time .thumb_time_content span.duration {
    position: absolute !important;
    left: -372px;
    top: 15px;
}

@media screen and (min-width: 800px) {
    .thumb_time .thumb_time_content span.duration {
        top: 0 !important; 
        left: -353px;
    }
}

@media screen and (min-width: 980px) {
    .thumb_time .thumb_time_content span.duration {
        left: -299px;
    }
}

@media screen and (min-width: 1200px) {
    .thumb_time .thumb_time_content span.duration {
        left: -372px
    }
}

@media screen and (min-width: 1336px) {
    .thumb_time .thumb_time_content span.duration {
        left: -382px
    }
}

@media screen and (min-width: 1600px) {
    .thumb_time .thumb_time_content span.duration {
        left: -469px
    }
}
 */


/****** Remove Love, Play, Comment *********/
/* This removes the Love, Play, Comment stat indictors from thumbnails on grid view https://mediaspace.esri.com/playlist/type/most_recent */
#galleryGrid.grid li.galleryItem div.thumbnail .accordion .accordion-body .stat_data {
    display: none !important;
}

/* This removes the Love, Play, Comment stat indictors from right column on detailed view https://mediaspace.esri.com/playlist/type/most_recent */
#galleryGrid.full div.accordion .accordion-body .stat_data {
    display: none;
}

/* This removes the Love, Play, Comment stat indictors on collapse view https://mediaspace.esri.com/playlist/type/most_recent */
#galleryGrid.short div.accordion .accordion-body .stat_data {
    display: none;
}

/* This removes the Love, Play, Comment stat indictors https://mediaspace.esri.com/media/Introduction+to+AEM+Sites/1_wxw8ixmc */
#mediaContainer #stats_wrap .stat_data {
    display: none;
}

/* This removes the Love, Play, Comment stat indictors on thumbnails https://mediaspace.esri.com/ */
.module-home .container ul.thumbnails li div.thumbnail .accordion .accordion-body .stat_data .stat {
    display: none;
}

/* This removes the Love, Play, Comment stat indictors on thumbnails https://mediaspace.esri.com/channel/Customer+Stories/238555003 */
#galleryGrid.grid li.galleryItem div.thumbnail:hover .accordion .accordion-body, #galleryGrid.grid li.galleryItem div.thumbnail.active .accordion .accordion-body {
    display: none;
}

/* This removes the Love, Play, Comment stat indictors in detailed view mode https://mediaspace.esri.com/channel/Customer+Stories/238555003 */
#galleryGrid.full div.accordion .accordion-body .accordion-inner {
    display: none !important;
}
/* This removes the Love, Play, Comment stat indictors in detailed view mode https://mediaspace.esri.com/esearch/search?keyword=spatial */
span.entryStatistics {
    display: none;
}

/* Remove Love Comment Icons https://mediaspace.esri.com/tag?tagid=geography */
span.stat_data.hidden-phone {
    display: none;
}

/* Remove Love Comment Icons https://mediaspace.esri.com/history */
.pull-left.stat_data {
    display: none;
}

/* Remove Love Comment Icons https://mediaspace.esri.com/category/Industry+Solutions/238048402 (Click on Add to Media Gallery CTA */
.mymediaTable tbody tr .description .mediaStats .stat_data.pull-left {
    display: none;
}

/* Remove bottom margin from thumbnail title */
.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_name {
    margin-bottom: 0px;
}

/* Swap TimeStamp and Title position in hero banner. https://mediaspace.esri.com/ */
body.module-home #entrySlider .carousel-inner .carousel-caption {
    display: flex;
    flex-direction: column-reverse;
}

/* Swap TimeStamp and Title position in thumbnail right column. https://mediaspace.esri.com/media/Webpage+Process+Overview/1_p4qr6203 */
#mySidebar .thumbnail .thumb_labels_wrapper, #detailsSideBar .thumbnail .thumb_labels_wrapper {
    display: flex;
    flex-direction: row-reverse;
}

#mySidebar .thumbnail .thumb_labels_wrapper {
    position: absolute;
    width: 100%;
    bottom: 14px
}

/* Add bottom spacing to TimeStamp in media view. https://mediaspace.esri.com/media/Source%20vs.%20Live%20Copy%20Pages/1_3p7vqpki */
#mySidebar .thumbnail .thumb_labels_wrapper .thumb_time .thumb_time_content .duration, #detailsSideBar .thumbnail .thumb_labels_wrapper .thumb_time .thumb_time_content .duration {
    position: relative;
    bottom: 15px;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper {
    bottom: initial;
    margin-top: 15px;
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .label-inverse {
    text-shadow: none;
}

/* Add bottom spacing to TimeStamp https://mediaspace.esri.com/channel/Kaltura%2BTraining/223259213 */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .thumb_time {
    color: var(--calcite-ui-text-2);
}

#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper
.thumb_name {
    line-height: 1.33;
    color: var(--calcite-ui-text-1);
    font-size: var(--calcite-font-size-2);
    padding-bottom: 0 !important;
}   

/* Reduce bottom padding of Title in thumbnail https://mediaspace.esri.com/media/Webpage+Process+Overview/1_p4qr6203 */ 
#mySidebar .thumbnail .thumb_labels_wrapper .label-inverse, 
#detailsSideBar .thumbnail .thumb_labels_wrapper .label-inverse {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* Update checkbox color to --calcite-ui-brand. https://mediaspace.esri.com/channel/What%27s+New/238554723 */
.filter-checkbox__icon--selected {
    color: var(--calcite-ui-brand);
}

/* Update search results Title to esri brand blue https://mediaspace.esri.com/esearch/search?keyword=spatial */
.results-entry__name {
    color: var(--calcite-ui-brand);
}

/* Update highlight background search results to esri brand blue https://mediaspace.esri.com/esearch/search?keyword=spatial */
.results-entry em, .gallery-result em {
    background:var(--calcite-ui-warning);
}



/* "Share" and then "Email" TAB https://mediaspace.esri.com/media/Channel+Esri+Public+Videos+Thumbnail/1_ksqxqk4c/238555003 */
.alert { 
    background-color: var(--calcite-ui-foreground-1) !important; /* default is a shade of yellow #ffdd87 */
    color:  var(--calcite-ui-text-1);
}

/* Location 1: Move magnifying glass or search icon up and align with "detail" and "share" https://mediaspace.esri.com/media/%2810363%29+ArcGIS+EnterpriseA+An+Introduction/1_tryciub2/244741502 */
i.kms-react-icon.icon-search {
    position: relative;
    top: -5px;
}

/* Location 2: Move magnifying glass https://mediaspace.esri.com/my-media */
i.kms-react-icon.submit.searchForm_icon.icon-search {
    top: 3px;
}

/* Adjust position of Title (Related Media) https://mediaspace.esri.com/media/Upgrade+Your+UAS+Response+Operations+with+GIS/1_lfdbaw4e */
#mySidebar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content, 
#detailsSideBar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    position: relative;
    line-height: 22px;
    top: 4px;
    right: 6px;
}

/* Share / Link to Media Page clock icon. Default is blue. https://mediaspace.esri.com/media/From%20Means%20to%20Medians%20to%20Machine%20Learning%3A%20Spatial%20Statistics%20Basics%20and%20Innovations/1_2z7rv4cf*/
button.embed-timer__now-button.btn.btn-link {
    color: var(--calcite-ui-text-3) !important;
}

/* Update font family for user profile name, add new, and search */
span#userMenuDisplayName {
    font-family: "Avenir Next W01","Avenir Next W00","Avenir Next","Avenir","Helvetica Neue",sans-serif;
}

/* Update font family for user profile name, add new, and search */
span.visible-desktop {
    font-family: "Avenir Next W01","Avenir Next W00","Avenir Next","Avenir","Helvetica Neue",sans-serif;   
}

/* Update font family for user profile name, add new, and search */
span.hidden-tablet {
    font-family: "Avenir Next W01","Avenir Next W00","Avenir Next","Avenir","Helvetica Neue",sans-serif;   
}

/* Update Tracking Kerning for Sort by and View All Topics */
#wrap #filterBarWrap li a.dropdown-toggle, .modal #filterBarWrap li a.dropdown-toggle {
    letter-spacing: 0.2px !important;
}

/* Update Tracking Kerning for Sort by and View All Topics */
.nav li.dropdown button.dropdown-toggle.DropdownFilter__toggle {
    letter-spacing: 0.2px;
}

/* Adjust caret spacing to the left of carent https://mediaspace.esri.com/category/Esri+Petroleum+GIS+Conference/244335182 */
#wrap #filterBarWrap li a.dropdown-toggle .caret, .modal #filterBarWrap li a.dropdown-toggle
.caret {
    margin-left: 3px;
}

#orderedPlaylists .playlist-carousel-container .thumbnails.active .channelPlaylistGalleryItem:hover img {
    transform: none;
}

/* Swap positions with Title and Video TimeStamp https://mediaspace.esri.com/playlist/type/most_recent */
#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper {
    display: flex;
    flex-direction: column-reverse;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .thumb_labels_wrapper .thumb_name, 
#galleryGrid.grid li.galleryItem div.thumbnail.active .thumb_labels_wrapper .thumb_name {
    transform: none;
}

/* Stop Timestamp animation but Title and From Author do not animate. https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#galleryGrid.grid li.galleryItem div.thumbnail:hover .thumb_labels_wrapper .thumb_time, 
#galleryGrid.grid li.galleryItem div.thumbnail.active .thumb_labels_wrapper .thumb_time {
    transform: none;
}

#galleryGrid.grid li.galleryItem div.thumbnail:hover .accordion, 
#galleryGrid.grid li.galleryItem div.thumbnail.active .accordion {
    transform: none;
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion {
    /* -webkit-transform:  none; June 21 
    -moz-transform: none;
    -ms-transform: none;
    -o-transform:  none;
    transform: none;;
    visibility: visible;
    position: relative;
    top: -43px; */
}

#galleryGrid.grid li.galleryItem div.thumbnail .accordion .thumb_user {
    width: 100%;
}

/****** GRADIENTS OVERLAYS *********/

/* This modifies the gradient color wherever thumbnails use gradients that support a hover effect */
#galleryGrid.grid li.galleryItem div.thumbnail .overlay-wrapper {
    /* background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%) !important; */
    background: none;
}

/* #galleryGrid.grid li.galleryItem div.thumbnail:hover .overlay-wrapper { */
    /* background: linear-gradient(0deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.65) 100%) !important; */
/* } */

/* Media Thumbnails - Detailed View - https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#galleryGrid.full li.galleryItem div.thumbnail .overlay-wrapper {
    background: none !important;
}

#galleryGrid.full li.galleryItem div.thumbnail:hover .overlay-wrapper {
    background: none !important;
}

/* Playlist https://mediaspace.esri.com/playlist/dedicated/1_eozjqh2j/1_8u6z3y24 */
#mySidebar .thumbnail .overlay-wrapper, 
#detailsSideBar .thumbnail .overlay-wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%);
}

#mySidebar .thumbnail:hover .overlay-wrapper, 
#detailsSideBar .thumbnail .overlay-wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.65) 100%) !important;
}

/* https://mediaspace.esri.com/history https://mediaspace.esri.com/tag?tagid=training */
.mediaTable tbody tr td.thumbTd .overlay-wrapper, 
#videosResultsTable tbody tr td.thumbTd .overlay-wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%);
}

/* Tutorial - https://mediaspace.esri.com/channel/Tutorials/238555083 */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail:hover .overlay-wrapper {
    /* background: linear-gradient(0deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.65) 100%) !important; */
    background: none;
}

/* Channel - https://mediaspace.esri.com/channel/ArcGIS%2BOnline/238048082 */
#orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .overlay-wrapper {
    /* background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%) !important; */
    background: none;
}


/* Grid View - Darken background gradient on hover for thumbnails https://mediaspace.esri.com/home */
body.module-home .container ul.thumbnails li div.thumbnail .overlay-wrapper {
    /* background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%); */
    background: none;
}

body.module-home .container ul.thumbnails li div.thumbnail:hover .overlay-wrapper, 
body.module-home .container ul.thumbnails li div.thumbnail.active .overlay-wrapper {
    background: none;
}


.entryThumbnail_type-overlay
body.module-home .container ul.thumbnails li div.thumbnail:hover .overlay-wrapper, body.module-home .container ul.thumbnails li div.thumbnail.active .overlay-wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.95), rgba(0,0,0,0.65) 100%);
}

/* https://mediaspace.esri.com/esearch/search?keyword=ArcGIS */

.results-preview:hover .entry-data {
    background: linear-gradient(0deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.65) 100%);
}

.results-preview .entry-data {
    background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%);
}

body.module-home .container ul.thumbnails li div.thumbnail .overlay-wrapper::before {
    background: linear-gradient(0deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%);
}

/* Overlay for Category Pages https://mediaspace.esri.com/category/Esri+User+Conference/244311582 */ 
#channelGallery .channel-thumbnail div.wrapper .overlay_wrapper, #channelsList .channel-thumbnail div.wrapper .overlay_wrapper, #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper .overlay_wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.10) 100%);
    opacity: 1;
}



#channelGallery .channel-thumbnail div.wrapper:hover .overlay_wrapper, #channelGallery .channel-thumbnail div.wrapper > a:focus .overlay_wrapper, #channelsList .channel-thumbnail div.wrapper:hover .overlay_wrapper, #channelsList .channel-thumbnail div.wrapper > a:focus .overlay_wrapper, #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper:hover .overlay_wrapper, #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper > a:focus
.overlay_wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.95), rgba(0,0,0,0.65) 100%);
    opacity: 1;
}


#mySidebar .thumbnail:hover .overlay-wrapper {
    background: linear-gradient(0deg,rgba(0,0,0,0.65), rgba(0,0,0,0.25) 100%);
}

.thumb_time.label-inverse.wrap-icon-youtube {
    display: block;
    height: 20px;
    content: " ";
}

/* Adjust Timestamp position */
/* .thumb_time.label-inverse.wrap-icon-youtube .thumb_time_content .duration {
    position: relative;
    top: 30px;
} */

/* Reposition Timestamp to bottom right on thumbnail for none youtube video */ 
/* body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_time.label-inverse.wrap-icon-film {
    position: relative;
    top: 29px;
    display: block;
} */

/* Media Tab - reposition Title too low https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper {
    bottom: 9px;
}

/* Media Tab - reposition time too low https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_time_content {
    bottom: 6px;
    position: relative;
}

/* Media Tab - reposition From Author too low https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
/* #galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .row.accordion .accordion-group .accordion-heading .user_wrapper .muted.thumb_user_content { */
    /* position: relative;
    bottom: 14px; */
/* } */

#galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_name.label-inverse p.thumb_name_content {
    position: relative;
    bottom: 6px;
}

/* https://mediaspace.esri.com/channel/Power%2BBI%2B%257C%2BMarketing%2BApp/233091892 */
#galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .thumb_labels_wrapper {
    /* position: absolute; june 21
    bottom: 12px !important; */
}

/* https://mediaspace.esri.com/channel/Power%2BBI%2B%257C%2BMarketing%2BApp/233091892 */
#galleryHolder #channelTabsWrap.tabbable #mainChannelContent .tab-content #media-pane.tab-pane #categoryCarousel .carousel-inner .item.active #galleryGrid.grid ul.thumbnails.channel-entries-gallery.isotope li.galleryItem.isotope-item .thumbnail .row.accordion.galleryItemDetails .accordion-group .user_wrapper p.muted.thumb_user_content {
    /* position: relative;  june 21
    bottom: 12px;  */
}

/* Navigation Styling updates */
.dropdown-menu {
    box-shadow: none;
}

/* remove top and bottom border, padding, corner radius for each drop down selection or submenu item */ 
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    border-top: none;
    border-bottom: none;
}

.dropdown-menu>li>a {
    border-top: none;
    border-bottom: none;
}

.dropdown-menu {
    padding: 0; 
}

.dropdown-submenu>.dropdown-menu {
    border-radius: 0;
}



button.btn.btn-primary, button.btn.btn-small.btn-primary, a.btn.btn-primary, a.btn.btn-small.btn-primary, input.btn.btn-primary, input.btn.btn-small.btn-primary, div.btn.btn-primary, div.btn.btn-small.btn-primary, span.btn.btn-primary, span.btn.btn-small.btn-primary, label.btn.btn-primary, label.btn.btn-small.btn-primary {
    background-color: var(--calcite-ui-brand);
    border-color: var(--calcite-ui-brand) !important;
}

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-small.btn-primary:hover, button.btn.btn-small.btn-primary:focus, a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-small.btn-primary:hover, a.btn.btn-small.btn-primary:focus, input.btn.btn-primary:hover, input.btn.btn-primary:focus, input.btn.btn-small.btn-primary:hover, input.btn.btn-small.btn-primary:focus, div.btn.btn-primary:hover, div.btn.btn-primary:focus, div.btn.btn-small.btn-primary:hover, div.btn.btn-small.btn-primary:focus, span.btn.btn-primary:hover, span.btn.btn-primary:focus, span.btn.btn-small.btn-primary:hover, span.btn.btn-small.btn-primary:focus, label.btn.btn-primary:hover, label.btn.btn-primary:focus, label.btn.btn-small.btn-primary:hover, label.btn.btn-small.btn-primary:focus {
    border-color: var(--calcite-ui-brand-hover) !important;
    background-color: var(--calcite-ui-brand-hover);
    color: green;
}



/* Change to Esri Brand Color https://mediaspace.esri.com/my-media */
.label-private {
    background-color: var(--calcite-ui-brand);
}

.my-media-action-bar-controls__container .radio-button.active {
    color: var(--calcite-ui-brand);
}

.ui-selectbutton.ui-buttonset .ui-button.ui-state-active {
    border: 1px solid var(--calcite-ui-brand);
    background: var(--calcite-ui-brand);
}

.kDateFilter .datesRangeDropDown:hover {
    border-color: var(--calcite-ui-brand-hover);
}

.ui-selectbutton.ui-buttonset .ui-button.ui-state-active {
    border: 1px solid var(--calcite-ui-brand);
    background: var(--calcite-ui-brand);
}

.ui-button.kButtonBranded.ui-state-default {
    background: var(--calcite-ui-brand);
}

.ui-calendar .ui-datepicker-header {
    background: var(--calcite-ui-brand);
}

.ui-calendar .ui-datepicker-current-day {
    background-color: var(--calcite-ui-brand);
}

.kFilter .kDropDown:hover {
    border-color: var(--calcite-ui-brand-hover);
}

.alert.alert-success {
    color: var(--calcite-ui-brand);
}

ul.wysihtml5-toolbar li > a.btn:hover, ul.wysihtml5-toolbar li>.btn-group>a.btn:hover {
    color: var(--calcite-ui-brand-hover);
    border-bottom: 2px solid var(--calcite-ui-brand-hover) !important;
}

.alert.alert-error, .alert.alert-danger {
    color: var(--calcite-ui-danger);
}

/* Subscribe Button https://mediaspace.esri.com/channel/Kaltura%2BTraining/223259213 */
input.hidden-input:focus+label.btn-primary {
    background-color: var(--calcite-ui-brand);
}

.checkbox-custom-icon--active {
    color: var(--calcite-ui-brand);
}

/* left and right arrows Media Channels https://mediaspace.esri.com/channel/2021%2BEsri%2BUser%2BConference/244741632 */
#orderedPlaylists .playlist-carousel-container .carousel-control {
    opacity: 0.4;
    top: 50% !important;
    color: var(--calcite-ui-text-3);
}

/* Detailed View, Collapse View, Table View Icons on Hover */
.my-media-action-bar-controls__container .radio-button:focus, .my-media-action-bar-controls__container .radio-button:hover {
    color: var(--calcite-ui-brand);
}

.realtime-marker__head-box { 
    background-color: var(--calcite-ui-brand) !important; 
}

/* Existing Request - https://mediaspace.esri.com/media/EsriExperienceA+UX/1_bzjq4xon/238049242 */
.reach__title {
    color: var(--calcite-ui-brand);
}

button.btn.btn-primary, input.btn.btn-primary {
    color: var(--calcite-ui-text-inverse) !important;
}

.nav-tabs li a.active, .nav-tabs li
a.btn.active {
    border-bottom: 4px solid var(--calcite-ui-brand);
}

/* Dropdown EndTime https://mediaspace.esri.com/edit/1_2t32mzbb */
.select2-results .select2-highlighted {
    background: var(--calcite-ui-brand);
}

.ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected {
    background: var(--calcite-ui-brand);
}

/* Detail Publish Options Collaboration Thumbnails Downloads Captions Wrap https://mediaspace.esri.com/edit/1_slxe60vx */
.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 7px;
    padding-left: 7px;
}

ul.nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
}

/* https://mediaspace.esri.com/edit/1_slxe60vx */
ul.nav.nav-tabs > * {
    /* flex: 1; */
}

/* my playlist icons https://mediaspace.esri.com/my-playlists */
.v2ui-grid-icon {
    color: var(--calcite-ui-brand);
}

/* https://mediaspace.esri.com/watchlater/edit */
.edit-playlist-header__title {
    color: var(--calcite-ui-brand);
}

/* Add Items To Your Playlist https://mediaspace.esri.com/playlist/edit/1_6q1zzg1a//1 */ 
.playlist__side-bar-title {
    color: var(--calcite-ui-brand);
}

/* Add Items To Your Playlist https://mediaspace.esri.com/playlist/edit/1_6q1zzg1a//1 */ 
.edit-playlist-header__title, .playlist-entry__header {
    color: var(--calcite-ui-brand);
}

/* Add Items To Your Playlist https://mediaspace.esri.com/playlist/edit/1_6q1zzg1a//1 */ 
.kms-react-icon.v2ui-plus-icon.playlist-icon {
    color: var(--calcite-ui-brand);
}

/* Add Items To Your Playlist https://mediaspace.esri.com/playlist/edit/1_6q1zzg1a//1 */ 
.playlist-icon {
    color: var(--calcite-ui-brand);
}

/* Cancel Button  https://mediaspace.esri.com/channel/Kaltura%2BOnboarding%2BChannel/219282073 */
#addcontent .navbar .btn.resetCarousel {
	color: var(--calcite-ui-text-1);
}

/* Remove user Dialog box CTA button https://mediaspace.esri.com/channels/edit/Adobe%2BAnalytics%2BTesting%2BChannel/220705203 */
button.btn.btn-danger, button.btn.btn-small.btn-danger, a.btn.btn-danger, a.btn.btn-small.btn-danger, input.btn.btn-danger, input.btn.btn-small.btn-danger, div.btn.btn-danger, div.btn.btn-small.btn-danger, span.btn.btn-danger, span.btn.btn-small.btn-danger, label.btn.btn-danger, label.btn.btn-small.btn-danger {
	color: var(--calcite-ui-text-1);
}

.searchForm_icon {
	color: var(--calcite-ui-text-3);
}

button.btn.btn-danger, button.btn.btn-small.btn-danger, a.btn.btn-danger, a.btn.btn-small.btn-danger, input.btn.btn-danger, input.btn.btn-small.btn-danger, div.btn.btn-danger, div.btn.btn-small.btn-danger, span.btn.btn-danger, span.btn.btn-small.btn-danger, label.btn.btn-danger, label.btn.btn-small.btn-danger {
	background-color: var(--calcite-ui-brand);
}


/* Information Icon adjust aligment */
i.kms-react-icon.v2ui-info-icon.searchForm_icon.searchForm_icon--info {
    position: relative;
    top: -2px;
}


/* Remove underline from search field when in focus. Click on magifying glass icon to enable input field */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input.hidden-input:focus + label.btn-primary, input.hidden-input:focus + iframe.wysihtml5-sandbox, .select2-container-multi.select2-container-active .select2-choices {
    border: none !important;
}


/* Form https://mediaspace.esri.com/upload/media */

/* Required to Publish Text below form field too light */
.controls p.help-block[srtext] {
    color: var(--calcite-ui-danger);
    font-weight: var(--calcite-font-weight-medium);
}

/* Cancel Button */
button.btn.btn-danger {
    background-color: var(--calcite-ui-brand);
}

input#customdata-DoesThisVideoDiscussAProduct, input#customdata-DoesThisVideoHighlightAnIndustry, 
input#customdata-IsThisVideoForAnEvent,
input#customdata-DoesThisVideoHighlightAnyTechTrends,
input#customdata-DoesThisVideoRelateToARegion,
input#customdata-IsThisVideoForAPublication {
    display: none;
}

/* Bold, remove text wrap */
label#customdata-DoesThisVideoDiscussAProduct-label, 
label#customdata-IsThisVideoForAnEvent-label, 
label#customdata-DoesThisVideoHighlightAnIndustry-label,
label#customdata-DoesThisVideoHighlightAnyTechTrends-label,
label#customdata-DoesThisVideoRelateToARegion-label,
label#customdata-IsThisVideoForAPublication-label {
    font-weight: 600;
    width: 100%;
    text-align: left;
}

/* Add divider between Categories */
label#customdata-DoesThisVideoDiscussAProduct-label:before, label#customdata-IsThisVideoForAnEvent-label:before, label#customdata-DoesThisVideoHighlightAnIndustry-label:before,
label#customdata-DoesThisVideoHighlightAnyTechTrends-label:before,
label#customdata-DoesThisVideoRelateToARegion-label:before,
label#customdata-IsThisVideoForAPublication-label:before {
    border: 1px solid var(--calcite-ui-border-3);
    width: 100%;
    content: '';
    display: block;
    margin-bottom: 16px;
}

/* Add divider between Publication Name and publishing Schedule [id^='id_'] */
fieldset[id^='fieldset-schedulingRadioButtons_']:before {
    border: 1px solid var(--calcite-ui-border-3);
    width: 100%;
    content: '';
    display: block;
    margin-bottom: 16px;
}


/* originally red */
.wysihtml5-toolbar li.dropdown .btn-group a.btn {
    color: var(--calcite-ui-brand);
}

/* Download Icon https://mediaspace.esri.com/edit/1_irxm5xbo */
#attachments-tab-pane td .text-center:hover .icon-download:before, #attachments-tab td .text-center:hover .icon-download:before {
    color: var(--calcite-ui-brand);
}

/* main page search field, reposition... */
.input-append, .input-prepend {
    position: relative;
    top: 4px;
}

#EntryAccordion form.searchForm button.button.clear.searchForm_icon i.kms-react-icon.v2ui-close-icon {
    position: relative;
    left: 110px;
}

/* Home Page Search Icon - Remove animation of search https:///www.mediaspace.esri.com */
div#HeaderAccordion.accordion-body {
    transition: none !important;
}

/* https://mediaspace.esri.com/my-channels */ 
.filters__clear-all {
    color: var(--calcite-ui-brand);
}

.filters__clear-all:hover, .filters__clear-all:focus {
    color: var(--calcite-ui-brand-hover);
}

#entryCarousel .carousel-inner {
    font-size: 16px;
}

/* Update Field Tag "Name: (required) to red */
label#Entry-name-label.control-label.required {
    color: var(--calcite-ui-danger);
}

/* Main Page */
body.module-home .container ul.thumbnails li div.thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    font-weight: var(--calcite-font-weight-medium);
}

#mySidebar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content, 
#detailsSideBar .thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    font-weight: var(--calcite-font-weight-medium);
}

/* https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#channelGallery .channel-thumbnail div.wrapper .channel.label-inverse p.channel_content, #channelsList .channel-thumbnail div.wrapper .channel.label-inverse p.channel_content, #mainGalleryContent ul#channelsList.thumbnails .channel-thumbnail div.wrapper .channel.label-inverse
p.channel_content {
    font-weight: var(--calcite-font-weight-medium);
}

/* https://mediaspace.esri.com/category/Marketing+Technology/219896503 */
#galleryTabsWrap.tabbable #mainGalleryContent .tab-content #media-pane #categoryCarousel.carousel.slide .carousel-inner .item.active #galleryGrid.grid .thumbnails.channel-entries-gallery.isotope li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_name.label-inverse p.thumb_name_content {
    font-weight: var(--calcite-font-weight-medium);
}

/* https://mediaspace.esri.com/channel/Customer+Stories/238555003 */
#galleryGrid.grid li.galleryItem div.thumbnail .thumb_labels_wrapper .thumb_name .thumb_name_content {
    /* font-weight: var(--calcite-font-weight-medium); */
}

/* https://mediaspace.esri.com/channel/Tutorials/238555083 */
/* #orderedPlaylists .playlist-carousel-container .thumbnails .channelPlaylistGalleryItem .thumbnail .thumb_labels_wrapper .thumb_name
.thumb_name_content {
    font-weight: var(--calcite-font-weight-medium);
} */

/* hide ellipses from bottom right corner of thumbnail:  https://mediaspace.esri.com/channel/Esri%2BR%2526D%2BCenters/238049252*/
#galleryGrid.grid li.galleryItem div.thumbnail .accordion .accordion-body .buttons-expand {
    display: none !important;
}

/* disabled Guest and Icon */
i.icon-user.icon-white {
    display: none;
}

span#userMenuDisplayName {
    display: none;
}