/* Custom CSS Here */

.records-course-value {font-size:2rem !important;}

body {font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));}

.fnt-w-200, .font-w-200 {font-weight: 200;}
.mx-w-100 {max-width: 100% !important;}
.font-54 {font-size:54px !important;}
.font-44 {font-size:44px !important;}
.font-18 {font-size:18px !important;}
.font-16 {font-size:16px !important;}
.color-grey {color: #2D2D2D;}

/*Nav Link CSS*/
nav#header .nav-link:hover, nav#header .nav-item a.nav-link:hover {box-shadow: inset 0 -5px 0 #226aef !important;}





/*User notifications*/
#nav-notification-popover-container [data-region="popover-region-messages"] {display: none;}

/*Fixed Atto*/
#id_summary_editoreditable, .editor_atto_content.form-control {word-break: break-all;}

.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}

.overflow-x-hidden {overflow-x: hidden;}
.bg-light-gray {background: #f5f5f5;}

.front-video-background {position: relative; background-color: black; height: 100vh; min-height: 25rem; width: 100%; overflow: hidden;
}
.front-video-background video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.front-video-background .front-video-background-content {position: relative; z-index: 2;}

/*Front Page*/
.pagelayout-frontpage .block-catalog-module .bx--col-lg-12 {max-width: 91.66667%; margin:0px auto;}

/*Blocks*/
.full-width-middle-block-c {padding: 0px !important; overflow-x: hidden;}
.full-width-middle-block-c .card-body {padding: 0px !important;}
.full-width-middle-block-c .block {border: 0px;}
.full-width-top-block-c .card-body.p-3 {padding: 0px !important;}
.full-width-top-block-c .mt-3 {margin: 0px !important;}
.full-width-top-block-c section {border: 0px;}

#block-region-front-catalog .card-title {display: none;}

/*Dashboard Module*/
.block-courses-dashboard .card-body, .block-courses-dashboard .bx--grid{padding: 0px !important;}
.block-courses-dashboard .block {border: 0px !important}
.block-courses-dashboard .block_dashboard .card-title {display: none !important;}
.block-courses-dashboard .bx--grid {width: 100%; max-width: 100%;}
.catalog-card {border: 0px !important;}

/*Advanced Catalog View*/
.catalog-adv-tab-content .bcontent {}
.catalog-adv-tab-nav {display:none;}
.bcontent {background: #eee !important; color:#000;}


/*User Nav*/
#page-blocks-course_catalog-catalog_home nav#header .usermenu .usertext {float: left;
padding-top: 8px !important;}
#page-blocks-course_catalog-catalog_home .usermenu .dropdown-toggle::after {float: right;
margin-top: 10px;}

/*Global*/
p {margin-top: 0; margin-bottom: 1rem;}
#user-notifications .fade.in {opacity: 1 !important; margin-bottom: 0; border-radius: 0px !important;}
.moodle-dialogue-confirm .confirmation-dialogue input {margin-bottom:20px; width:100%;}


/*Policy Page*/
#policy-page {box-shadow: 0px 0px 15px 0px rgba(0,0,0,.08) !important; background: #fff; margin-top: 100px !important; padding-top: 20px !important; padding-bottom: 50px;}
#policy-page .policy-logo img {width: 200px;}
#page-user-policy {background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);}
#page-user-policy #page-content {padding: 50px 100px;}
#page-user-policy #region-main {border: 0px;}
#page-user-policy #policy-page {max-width: 1000px;}
#page-user-policy .border-bottom {border-bottom: }
#page-user-policy iframe {width:100% !important; border: 0px; background: #f4f4f4; margin-top: 20px; height: 700px;}

/*Footer*/
#page-footer {background: #262626 !important;}
#page-footer a, #page-footer a:hover, #page-footer a:focus {color: #fff; text-decoration: none; background: none; background-color: transparent !important;}

/*Page Height*/
#page-admin.admin, #page-columns2 {min-height: 1000px;}
.course-container {min-height: 650px;}
#page-header.row .card {border:0px;}


/*Hide List Course Back Up*/
#page-backup-restorefile .form-filetypes-descriptions .list-unstyled {display:none;}
#page-backup-restorefile  .form-filetypes-descriptions:after {content:"Moodle backup .mbz";}

.card-image-background:hover .title{padding-top:20px !important; padding-bottom: 70px;   -webkit-transition-duration: .5s;  -o-transition-duration: .5s;  transition-duration: .5s;}
.card-image-background:hover .description_tofade{opacity: 0;}
.card-image-background .shordescfade{opacity:0;}
.card-image-background:hover .shordescfade {
  opacity: 1;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  background: rgba(33, 39, 42, 0.6);
  width: 100%;
  min-height: 250px;}
.card-image-background:hover .title{padding-top:20px !important; padding-bottom: 70px; -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;}

/* icons-above img card modification */
.card-icons-above-image-custom .buttons a{min-width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0;}

/*annoucements styling */
.announcements_wrapper{background: #f8f8f8; padding: 4rem 0 8rem 0;}
.announcements_wrapper h1, .announcements_wrapper p{padding-top: 2rem; padding-bottom: 1rem;}
.announcements-btn{color: white !important; background-color: #f68719 !important; min-width: 250px;}
.announcements-btn svg{fill: white !important; right: 1rem; position: absolute;}
.announcements-btn:hover; .announcements_btn:focus-visible{background-color: #f8a93b !important;}

/*client update styling*/
#forum3{min-height:80vh; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/pluginfile.php/1741/block_html/content/Bitmap.jpg') center center no-repeat !important; background-size: cover; padding: 0 !important;}
.client_up_cont{min-height: 60vh; background-image: linear-gradient(#07C8ED, #1358ED);}
.client_up_cont h1{padding-top: 60%; padding-left: 10%; font-weight: 400;}
.client_up_img{background: url('/pluginfile.php/1741/block_html/content/Group%2020364.png') center right no-repeat; background-size:contain;}
#forum3 .html-content{padding: 0;}
.tab-content .bx--grid{max-width: 100%;}
.forum_button{background-color: #f68719 !important;padding: 30px 150px 100px 20px !important;}
.forum_button:hover, .forum_btn:focus-visible{background-color: #f8a93b !important;}

.bubble_container{background-image: url('/theme/comprehend/pix/bubbles.png'); background-position: 85% 85%;
    background-repeat: no-repeat; background-size: contain;}
.hotspots_txt{padding-top: 4rem; padding-bottom: 8rem; text-align: center;}

/* image map tooltip styling */
.tooltip {
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
font-size: 14px;
visibility: hidden;
width: 290px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
transform: rotate(30deg);
position: absolute;
z-index: 1;
left: 0;
top: 30%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* banner logo container styling */
.logo_container{padding-bottom: 40px;}
.logo_container img{max-width: 300px;}




/*Responsive Max Width 900px*/
@media (max-width: 900px) {
  /*Dasboard*/
  .banner-dasboard {background:url([[pix:theme|dashboard-banner]]); background-size: cover; background-repeat:no-repeat;}
  .banner-dasboard .banner-dashboard-desc {color:#000 !important;}
  .banner-dasboard .banner-area-row {padding-bottom: 30px;}
  .banner-dasboard .dashboard-status-container {background: linear-gradient(90deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.5) 100%); position:relative; right:0; padding-top:20px; padding-bottom:20px; text-align: left !important;
margin-left: 0px !important;}
  .banner-dasboard .overall_comp-dashboard > div {display: block !important;}

  /*Card Image Background 900px*/
  .card-image-background-custom .catalog-card-buttons {position: relative; width: 100%;}

  /*Admin Burger*/
  a[data-action="toggle-drawer"] i.fa-bars::before {content: "\f013";}

}


@media (max-width: 767.98px) {
  body.drawer-open-left, body.drawer-open-right {
      overflow: inherit !important;
  }
}

/* contact center customization */
#roadmap-1 {background: #ffa700 !important;}

#required_learning2 .full-image .bx--row  {padding: 10px 40px !important;}
.bnav-tab li a{padding: 15px 80px 15px 15px !important;}
#lipsum h1, #lipsum p{color: #000;}
#faq3 {background: rgb(24, 24, 24) !important; padding-top: 80px !important; padding-bottom: 180px !important;}
#faq3 .bx--accordion__heading:hover::before{background-color: #161616; !important;}
#faq3 .bx--accordion__heading:hover::after{background-color: #161616; !important;}
.bx--accordion__heading:focus::before {  border: 2px solid #feac0f !important;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.catalog-page-tabs {margin-top: -48px;}
.bnav-tab a.active, .bnav-tab a:hover {background: #F68719 !important;}
.bnav-tab ul{text-align: center;}
.bnav-tab li{text-align: left;}
.card-image-background-custom .buttons a, .card-image-background-custom .buttons a:hover { overflow-x: hidden !important;}
#required_learning2 .tab-desc {color: #000  !important;}
.card-image-background-custom .bx--btn--secondary, .card-image-background-custom .bx--btn--primary, .card-default-custom a.enroll-button, .card-default-custom a.enrolled-button, .login_btn{
  background: #F68719 !important;}

.card-image-background-custom .bx--btn--secondary:hover, .card-image-background-custom .bx--btn--primary:hover, .card-default-custom a.enroll-button:hover,.card-default-custom a.enrolled-button:hover, .login_btn:hover {
  background: #f8a93b !important;
}
/*
.tab_elevation{padding-top: 100px;}
#faq3 .bx--accordion__arrow, #faq4 .bx--accordion__item--active .bx--accordion__arrow {fill: #f49215;}
.catalog_timeline:not(.timeline--mobile) .timeline__item::after { margin-top: 0px !important;  }


#required_learning2 .card-image-background-custom .bx--btn--secondary,  #required_courses3 .card-image-background-custom .bx--btn--primary {
  background: rgb(54,54, 54);}
*/


.newsfeed-container{min-height: 120px; padding: 15px !important;}
.newsfeed-container .newsfeed-content{color: #000 !important;}
.newsfeed-container:hover{background-color: #0f62fe;}
.newsfeed-container h6{padding-top: 60px; font-weight: 600;}
.newsfeed-container:hover h6, .newsfeed-container:hover .news-link-arrow-cnt svg{fill:#fff; color: #fff;}

.catalog-page.lates_news .catalog-cards-container{min-width: 65vw;}
.catalog-page.latest_news .card-image-background-custom.catalog-card {min-width: 57vw !important; max-height: 530px;}
@media(max-width: 1200px){
.catalog-page.latest_news .catalog-cards-container{min-width: 350px !important;}
.catalog-page.latest_news .card-image-background-custom.catalog-card {max-width: 450px !important;}
}
.catalog-page.latest_news .card-image-background-custom .catalog-card-buttons {  position: absolute;  bottom: 20px;  width: 98%;  right: 0px;}

/*---------*/
.curriculum-card-img .catalog-card-buttons {right: 30px !important;}
.curriculum-card-img .rating-symbol, .curriculum-card-img .ratings-count {display: none !important;}
.curriculum-card-img .full-image .w-100,
.curriculum-card-img .full-image .bx--row
{margin-left: 0.05rem !important; margin-right: 0.01rem !important;}



.bg-color-blue{display: block; height: 150px; background: #0f62fe; color: #fff !important;}
.bg-color-blue svg{fill:#fff;}
.bg-color-blue .text-black{padding: 20px !important;}
.bg-color-blue .bottom-arrow{float: right;padding-top: 55px;padding-right: 20px;}

.left-col-links{min-height: 700px;}
.left-col-links h1{padding-top: 80px; padding-bottom: 70px;}
.left-col-links p{padding-bottom: 120px;}


/*CSS FOR IMAGE MAP (turned off - move to generico as needed) */
.unilever .catalog-page-banner .hero-banner {background: none !important;}
.hotspots {
  height: auto;
  display: block;
  position: relative;
}
.hotspots_container{
background: linear-gradient(#07C8ED, #1358ED);
max-width: 100% !important;
padding-top: 4rem;
color: #fff !important;
}
.hotspots_txt{padding-left: 1rem; padding-right:1rem; padding-top: 8rem;}
.hotspots_txt h4{padding-top: 1rem; padding-bottom:1rem;}
.hotspots_txt h5{padding-top: 8rem;}
.hotspot {
  position: absolute;
  padding: 12%;
  animation: fader 2s ease infinite;
  transition: all 0.2s;
  text-align: center;
  text-decoration: none;
font-size: 1.3vw;
  font-weight: bold;
  font-family: sans-serif;
  color: #555;
opacity: 0;
}

.hotspot:hover{
color: #000;
opacity: 1 !important;
border:none !important;
box-shadow: none !important;
}
.hotspots_img{width: 100%; height: auto;display:block;}

#hs-a {
  top: 18%;
  left: 5.5%;
transform: rotate(330deg);
}
#hs-b {
  top: 60%;
  left: 5.5%;
transform: rotate(330deg);
}
#hs-c {
  top: 40%;
  left: 36%;
transform: rotate(330deg);
}
#hs-d {
  top: 18%;
  left: 68%;
transform: rotate(330deg);
}
#hs-e {
  top: 60%;
  left: 68%;
transform: rotate(330deg);
}

#unilever-home {top:25%;left:25%;}

/* roadmap styling */
.timeline__content {color: #fff;}
.timeline-nav-button {border-radius: 0; background-color: #575757;}
.catalog_timeline .timeline__content {padding-top: 16px;}
.catalog_timeline:not(.timeline--mobile) .timeline__item::after {margin-top: 0;}


/* button changes */
.bx--btn--secondary {
  background-color: #F68719;}

.list-group-item.active {
      z-index: 2;
      color: #fff !important;
      background-color: #F68719 !important;
      border-color: #F68719 !important;
}

.bx--btn--secondary:hover {
  background-color: #f8a93b;}

.card-icons-above-image-custom .catalog-card-buttons a.enrolled-button, .card-icons-above-image-custom .catalog-card-buttons a.enrolled-button {
  background: #F68719 !important;}

.card-icons-above-image-custom .catalog-card-buttons a.enrolled-button, .card-icons-above-image-custom .catalog-card-buttons a.enrolled-button:hover {
  background: #F68719 !important;
  width:40px !important;
}

/* landing page fix */
#page-site-index .card-text{padding-left: 0 !important;}

/* logged in page fix */
.block_advnotifications{position: absolute;top: 60px;z-index: 999;width: 100%;padding: 0 5%;}


/* navbar fixes */
#navbarSupportedContent .nav-item{padding: 11px;    font-size: 16px;    font-family: "IBM Plex Sans","Helvetica Neue",Arial,sans-serif;}
#navbarSupportedContent .nav-item .nav-link:hover{box-shadow: inset 0 -3px 0 0 #0f62fe !important;-webkit-box-shadow: inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);box-shadow: inset 0 2px 0 0 var(--cds-interactive-04,#0f62fe);border-bottom: none;border: 0;background-color: #262626;}


/*
div.catalog-cards div.row div.col {
	flex-grow: unset !important;
	margin-right: 27px !important;
}

.truncate-single-line.catalog-title.curriculum-title, .truncate-single-line.catalog-title.m-0.mb-3, .truncate-single-line.catalog-title.m-0.mb-3 {
  -webkit-line-clamp: 1;-webkit-box-orient:vertical;overflow: hidden; width: 225px;}

  .catalog-card.card-image-background.card-image-background-custom.curriculum-card-img.position-relative {
	width: 231px;
	padding: 0px;
  margin-bottom:15px !important;
}

.full-image.w-100.p-0  {
  width: 230px !important;
}

div#nav-course_library3 div.catalog-card.card-image-background.card-image-background-custom.curriculum-card-img.position-relative {
	width: 231px;
	padding: 0px;
}

div.hover-content.shordescfade.position-absolute.text-white.p-0 h3.truncate-single-line.catalog-title.curriculum-title {
	margin-left: 8px !important;
}

div.hover-content.shordescfade.position-absolute.text-white.p-0  div.catalog-card-buttons {
	margin-left: 8px !important;
}

div.catalog-card-buttons a.bx--btn {
	width:50% !important;

}
div.catalog-card-buttons a.bx--btn:hover {
	width:50% !important;
	position: relative;
	float: right;
}

a.bx--btn.bx--btn--primary.overview-button {
	width:50% !important;
}

div.buttons.mt-0.mb-3.pr-2  div.catalog-card-buttons a.bx--btn {
  left: 45px;
  top: 20px;
}

li.splide__slide.is-active.is-visible {
	width: 30% !important;
	margin-right: 28px !important;
}

div.wcardimg.mb-0.wcardimg-prog-circle
{
	width: 296px;
}
div.wcardimg.mb-0.wcardimg-prog-circle div.content {
	width: 296px;
}

div.catalog-card.card-default.card-default-custom.required.position-relative {
	width: 296px;
}
div.hover-content.shordescfade.position-absolute.text-white p-3 {
	width: 296px;
}

div.position-relative.z-index-3 {
	width: 296px;
}

div.buttons div.catalog-card-buttons {
	margin-top: 3px !important;
}

body#page-theme-comprehend-pages-profile-progress  div.catalog-cards div.row div.col {
  margin-right: 94px !important;
}

body#page-theme-comprehend-pages-profile-progress  div.full-w-middle-blocks.full-w-blocks {
	width: 100%;
}

body#page-theme-comprehend-pages-profile-progress  #block-region-full-w-middle {
	width: 100%;
}
body#page-theme-comprehend-pages-profile-progress  #inst1678 {
	width: 100%;
}
body#page-theme-comprehend-pages-profile-progress div.card-text.content.mt-3 {
	width: 100%;
}
body#page-theme-comprehend-pages-profile-progress div.bx--col-lg-12 div#splide01 div#splide01-track ul#splide01-list {
	width: 116%;
}

body#page-theme-comprehend-pages-profile-progress div.bx--col-lg-12 div#splide01 div#splide01-track ul#splide01-list li#splide01-slide01 {
	width: 63% !important;
	padding-left: 205px;
}

body#page-theme-comprehend-pages-profile-progress div.bx--col-lg-12 div#splide01 div#splide01-track {
	padding: 0px;
  left: -323px;
  width: 1065px
}
body#page-theme-comprehend-pages-profile-progress div.bx--col-lg-12 div#splide01 div#splide01-track ul#splide01-list li#splide01-slide02 {
	width: 35% !important;
  margin-left: -62px !important;
}


section.block_advnotifications.block.no-header
{
	position: absolute;
	float: left;
	top: 39px;
	z-index: 2;
}

div#nav-required_learning1 li.splide__slide {
	margin-right: 28px !important;
}

div#nav-completed2 li.splide__slide {
	margin-right: 28px !important;
}

section#inst1580  div.card-body.p-3  div.card-text.content.mt-3 div.no-overflow {
	width: 104%;
}

section#inst1580  {   left: -25px; }

li.d-inline-block.mr-4 a:visited {
	color: #fff;
}
li.d-inline-block.mr-4 a, a:visited, a:hover, a:active {
  color: inherit !important;
}

div#navbarSupportedContent li a {
	padding:0px !important;
}

div.desc-aid {
  margin-left: -40px;
} */