/* ****** GENERAL ******* */

/* Style for hyperlinks in paragraphs on basic pages */
.node--type-page p a  {
 color: var(--notech-theme-color);
}

.node--type-page p a:hover  {
 color: var(--notech-theme-color);
 text-decoration: underline;
}


/* Hide Quick Side Block Icon*/
.quick-side-icon {
  display: none !important;
}

/* Hide the "About Searching" help link in Search Results*/
#edit-help-link {
  display: none;
}

/* Make lable "Enter your search terms" case sensitive vs all caps */
#search-form .form-item__label {
  text-transform: unset;
}

/* Color of Language picker */

.language-link.active-language {
 color: var(--notech-theme-color); 
}




/* ******  Frontpage ********* */


/* Frontpage - Microlearning Teaser text */
.business-from__text {
  color: #fff;
}


/* Frontpage - Desktop high resolution - Disable Services Carousel from rotating and being draggable */
@media (min-width: 1200px) {
 .gsc-service-carousel  .style-4 .owl-stage {
  transform: none !important;
}
}

/* Frontpage Slider - Add some left padding to the text slogan */
#slide-14-layer-1 {
  padding-left: 10px !important;
}


/* Hides EN display of slider in Mobile */
@media (max-width: 767px) {
    #block-gaviassliderlayerhomeslider {
        display: none;
    }
}



/* Hides DE display of slider in Mobile */
@media (max-width: 767px) {
    #block-notech-subtheme-gaviassliderlayerhomesliderde {
        display: none;
    }
}





/* Topbar */
.topbar-links a {
    color: var(--notech-theme-color);
}

.topbar-links a:hover {
color: var(--notech-theme-color) !important;
text-decoration: underline;
}




/* Learning Nugget Modi Tabs on 1 line*/
.gsc-tabs .nav-tabs > li > a {
    padding: 12px 0px;
}



/** COURSE FEATURES PAGE **/
.course-features-text-left {
 float: left; 
 width: 35%; 
 margin: 0; 
 padding-bottom: 1rem;
 padding-right: 20px;
 text-align: left;
 display: block;
}

.course-features-image-right {
float: right; 
width: 65%; 
margin-bottom: 0; 
padding-bottom: 1rem;
display: block;
text-align: center;  
}

@media only screen and (max-width: 1200px) {
.course-features-text-left { float:left;width:100%; padding-right: 0;}
.course-features-image-right { float:left;width:100%;}
} 



/* About Page - Testimonial Rotator padding adjustments */
.testimonial-three__single {
  padding: 0 0;
  max-width: unset;
}


.testimonial-three__content-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.testimonial-three__quote {
  font-size: 22px;
  line-height: 1.5;
  padding-top: 10px;
  padding-right: 40px;
  font-style: italic;
}

.testimonial-three__quote-icon {
  display: none;
}


.testimonial-three__content:after {
    background: unset;
}


.testimonial-three__avatar img {
    border-radius: 0;
    padding-top: 12px;
}




/* Front Page heading - What our customer have to say */
.business-heading__one {
  margin: 0px 0 20px 0;
  padding-top: 20px;
}


/* Frontpage Service Boxes */
.service-four__single {
  margin-bottom: 10px;
}

.service-three__single {
  background: #ececec;
  padding: 15px 20px 15px 20px;
}

.service-three__single::after {
   transition: unset;
   transform-origin: unset;
}

.service-three__icon {
   transition: unset;
    background: #ececec;
}

.service-three__title {
   transition: unset;
   font-size: 18px;
   margin: 0px 0 10p;
}

.service-three__desc {
   transition: unset;
}

.service-three__link {
display:none;
}

/* Highlight New Use Cases Block */
.service-three__title .new {
   color: #D95137;
   font-weight: 700;
}

.service-three__single:hover .service-three__title .new, .service-three__single:focus .service-three__title .new, .service-three__single:active .service-three__title .new {
  color: #fff;
}



/* Make sure Services boxes are all the same size - Used on the frontpage Services */
.service-four__single {
  min-height: 380px;
}

/* Frontpage Logo Carousel */

/* Reduce Size and Center Logos on Logo Carousel */
.testimonial-logo-carousel {
  text-align: center;
  max-width: 170px;
  margin: 0 auto;
}



/* ******  MAIN MENU  ********* */
/* Reduce the left and right padding a few pixels for the German menu */
.navigation .gva_menu > li > a {
     padding: 32px 16px;
  }


/* Main Menu Color */
.navigation .gva_menu > li > a {
color: var(--body-color);
}

.navigation .gva_menu > li > a:hover, a:focus, a:active {
 color: var(--notech-theme-color);
 text-decoration: none;
}



/* ****** SUB MENU ****** */
/* Add bottom sepeartor line to menu items */
.navigation .gva_menu .sub-menu > li > a {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 8px;
    margin-bottom: 0px;
    display: block;
    font-size: 16px;
  }
 
.navigation .gva_menu .sub-menu > li:last-child > a {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*
 .navigation .gva_menu > li:hover > ul.sub-menu, .navigation .gva_menu > li:hover div.sub-menu, .navigation .gva_menu > li:focus > ul.sub-menu, .navigation .gva_menu > li:focus div.sub-menu {
 background: bisque;
 }
*/

.navigation .gva_menu .sub-menu {
     padding: 4px 30px 10px;
}

/* Increase horizontal padding of submenu, so that Office 2016 / 2019 fits on one line */
.navigation .gva_menu .sub-menu > li ul {
    min-width: 266px;
}


/* Submenu Distance from Main Menu */
.navigation .gva_menu > li:hover > ul.sub-menu, .navigation .gva_menu > li:hover div.sub-menu, .navigation .gva_menu > li:focus > ul.sub-menu, .navigation .gva_menu > li:focus div.sub-menu {
      margin-top: 8px;
}

/* Trying to control top padding on hover submenus */
.navigation .gva_menu .sub-menu > li:hover > ul {
    padding-top: 0px;
}

/* Change Color of Background and remove padding as this was creating a colored overlay on mobile submenues over the links */
#block-notech-subtheme-menusecondlearningnuggets, #block-notech-subtheme-menusecondcourses, #block-notech-subtheme-menusecondapplicationgroups {
  background: none;
  padding: none;
}

/* Add padding on last list item of sidebar menus */
.sidebar .block-menu ul li:last-child {
  margin-bottom: 2em !important;
}



/* Breadcrumb Bar */
.breadcrumb-content-inner .breadcrumb-content-main {
  padding: 2px 15px 18px;
  text-align: center
}

.breadcrumb-content-inner .gva-block-breadcrumb .page-title {
   font-size: 32px;
   color: #fff;
   margin-top: 0px;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a {
  color: white;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li {
  color: white;
}

.breadcrumb-content-inner .breadcrumb-content-main {
  text-align: left;
}

.breadcrumb-content-inner .gva-parallax-background .gva-parallax-inner {
  background-position: top;
}



.breadcrumb li:not(:last-child):before {
    margin-left: 5px;
    margin-right: 5px;
    content: " / "
}

.breadcrumb li:first-child:before {
 margin-left: 5px;
 margin-right: 5px;
 content: ""
}



/* Breadcrumb - Hide "Home" Link */
.breadcrumb li:first-child {
   display:none;
}



/* Breadcrumb - Hide Sepeartor Prefix on 2nd Link */ 
.breadcrumb li:nth-child(2):before {
  display: none;
}


/* Make underline lower on Breadcrumb hover */
.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a:hover {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 1px;
}

/* remove translition delay on links - noticed the default delay on the breadcrumb */
a {
  -webkit-transition: none;
  transition: none;
}






/* Adjust Help and Alert Region  also affects padding on  ".single-course .single-course-top" 
.region.region__help {
  margin-top: -45px;
}

.alert-info {
  margin-top: -25px;
}

*/



/* ******* FOOTER *********  */
.contact-footer__btn-box {
  margin-top: 20px;
}

.contact-footer__btn.btn-theme {
  border-radius: 3px !important;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding: 12px 35px;
}

#footer .block .block-title {
   font-size: 15px;
}



/* Footer - Scroll to Top - Arrow Icon */
.scrolltotop {
  text-align: right;
  font-size: 3em;
}

.scrolltotop::after {
  display: block;
  clear: both;
  content: "";
    color: var(--footer-link-color);
}


/* Footer - News List Block */
.post-list-small-2 .post-block .post-content {
  padding: 0 0 0 0;
}

.post-list-small-2 .item-list > ul > li {
  padding-bottom: 5px;
  border-bottom: 1px solid #dee2e6;
}

.post-list-small-2 .item-list ul li {
  margin-bottom: 15px !important;
}

#footer .block .block-title {
  margin-bottom: 5px;
}

.post-list-small-2 .post-block .post-title {
  padding: 5px 0;
  margin-bottom: 5px !important;
}

.footer .el-custom-content a {
  color: var(--notech-theme-color) !important;
}

.footer .el-custom-content a:hover {
  color: var(--footer-color) !important;
  text-decoration: none;
  border-bottom: 2px solid var(--notech-theme-color-second);
  transition: unset;
}




/* **** Course Block *****  */


.course-block {
  margin-bottom: 30px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.course-block:after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  z-index: 1;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.course-block .course-block-inner {
  position: relative;
  z-index: 11;
}

.course-block .image {
  position: relative;
  overflow: hidden;
}

.course-block .image .main-images a:after {
  content: '';
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#323031));
  background-image: linear-gradient(to bottom, transparent 0%, #323031 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#FF323031',GradientType=0);
  width: 100%;
  height: 80px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.course-block .image .image-item {
  text-align: center;
}


.course-block .image .image-popup {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.course-block .image .image-popup .icon-expand {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: rgba(255, 255, 255, 0.8);
  z-index: 11;
  font-size: 12px;
  line-height: 1;
}

.course-block .image .image-popup .icon-expand i {
  margin-right: 5px;
}

.course-block .image .image-popup:hover .icon-expand {
  text-decoration: underline;
}

.course-block .image .video-link {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: rgba(255, 255, 255, 0.8);
  z-index: 11;
  font-size: 12px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.course-block .image .video-link i {
  margin-right: 2px;
}

.course-block .image .video-link:hover {
  text-decoration: underline;
}

.course-block .course-content {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 0;
  text-align: left;
  min-height: 50px;
}

.course-block .course-content .content-inner {
  position: relative;
  overflow: hidden;
  padding: 10px;
}

.course-block .course-content .content-inner .categories {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  padding-left: 28px;
  position: relative;
}

.course-block .course-content .content-inner .categories:after {
  content: '';
  width: 20px;
  height: 2px;
  background: #4274F6;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  z-index: 1;
}


.course-block .course-content .content-inner .categories .field__items:before, .course-block .course-content .content-inner .categories .field__items:after {
  content: " ";
  display: table;
}

.course-block .course-content .content-inner .categories .field__items:after {
  clear: both;
}

.course-block .course-content .content-inner .categories .field__items > .field__item {
  float: left;
  margin-right: 5px;
  position: relative;
  padding-right: 5px;
}

.course-block .course-content .content-inner .categories .field__items > .field__item a {
  color: #7e7e7e;
}

.course-block .course-content .content-inner .categories .field__items > .field__item a:hover {
  color: #4274F6;
}

.course-block .course-content .content-inner .categories .field__items > .field__item:after {
  content: ',';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  color: #222;
  color: #7e7e7e;
}

.course-block .course-content .content-inner .categories .field__items > .field__item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.course-block .course-content .content-inner .categories .field__items > .field__item:last-child:after {
  display: none;
}

.course-block .course-content .content-inner .title {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-transform: capitalize;
  text-align: left;
  font-weight: 600;
  min-height: 60px;
}

.course-block .course-content .content-inner .course-info {
  position: relative;
  min-height: 50px;
  margin-top: 15px;
}

.course-block .course-content .content-inner .course-info .teacher {
  text-align: left;
  position: relative;
}

.course-block .course-content .content-inner .course-info .teacher > div {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.course-block .course-content .content-inner .course-info .teacher > div:last-child {
  margin-right: 0;
}

.course-block .course-content .course-footer {
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #7e7e7e;
}

.course-block .course-content .course-footer .left {
  float: left;
}

.course-block .course-content .course-footer .left .course-price {
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  background: #4274F6;
  color: #fff;
  padding: 0 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
}

.course-block .course-content .course-footer .right {
  float: right;
  width: 120px;
  text-align: right;
}

.course-block .course-content .course-footer .right a {
  font-weight: 500;
  color: #4274F6;
  font-weight: 14px;
}

.course-block .course-content .course-footer .right a:hover {
  color: #0b46e1;
}

.course-block:hover .image:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.course-block:hover .content-action a {
  color: #4274F6;
  border-color: #4274F6;
}


/* Sidebar Menu */
.sidebar .block-menu:before, .sidebar .block-menu:after {
  content: " ";
  display: table;
}

.sidebar .block-menu ul li a::after {
  content: none;
 }

.sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active {
  color: #4274F6;
}

.sidebar .block-menu ul li.menu-item--active-trail > a {
  color: #4274F6 !important;
}

.sidebar .block-menu ul li a {
  padding: 8px 10px 8px 15px;
  display: block;
  border: 1px solid #dee2e6;
  text-transform: none;
  font-size: 14px;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  position: relative;
  font-weight: 600;
}



/* ACCORDIAN */
/* on accordians - swapped collapse and not collapsed icons - deveoper got them backwards */
.panel .panel-heading .panel-title > a:after {
  content: "\e905";
}

.panel .panel-heading .panel-title > a.collapsed:after {
  content: "\e904";
}

.node--type-course .gsc-accordion .panel-group.skin-white .panel {
    margin-bottom: 5px;
}

.node--type-course .gsc-accordion .panel {
    padding: 10px;
}

.node--type-course .gsc-accordion .panel-body li:last-child {
  margin-bottom: 1em;
}

.node--type-course .gsc-accordion .panel .panel-heading .panel-title > a  {
  text-decoration: underline;
}

.node--type-course .gsc-accordion .panel-body h4 {
    font-size: 14px;
}


.node--type-course .gsc-accordion .panel .panel-body h4::before {
  content: "\f02e" !important;
  font-family: 'Font Awesome\ 5 Free';
  top: 1px;
  margin-right: 15px;
  left: 40px;
  color: #4274F6;
}

.node--type-course .gsc-accordion .panel .panel-body ul > li::before {
  content: "\f144" !important;
  font-family: 'Font Awesome\ 5 Free';
  top: 1px;
  margin-right: 15px;
  left: 40px;
  color: #4274F6;
}

/* Accordian Expand Collapse Button Style */
.toggle-button-right { 
   text-align: right; 
   width: 100%; 
   padding: 0; 
   max-height: 50px;
}

#toggleAccordion {
   background-color: #2D83B4;
   color: #FFF;
   top: -50px; 
   visibility: visible; 
   opacity: 1;
   position: relative;
   z-index: 1;
}

.panel .panel-heading .panel-title > a:after {
    content: "\e905";
  font-family: "gva-icon";
  color: #4274F6;
  background: #FFF;
    font-weight: 400;
  font-size: 15px;
}

.panel .panel-heading .panel-title > a.collapsed:after {
    content: "\e904";
  font-family: "gva-icon";
  color: #4274F6;
  background: #FFF;
    font-weight: 400;
  font-size: 15px;
}


/* Move Accordion Dropdown Pointer to Left Side*/
.gsc-accordion .panel-group.skin-white .panel .panel-title a::after {
  left: 0;
}

/* Move Accordion Panel Text to Right */
.panel .panel-heading .panel-title > a {
  padding: 5px 25px 5px 30px;
}

.gsc-accordion .panel-body {
  padding-left: 28px;
 }



/* COURSE Node - Grabbed from ELO Site */

.single-course {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.single-course .block-course-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 5px;
  margin-bottom: 15px;
  position: relative;
  float: left;
  width: 100%;
}

.single-course .block-course-title:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 1px;
  background: #4274F6;
  left: 0;
  bottom: -1px;
  z-index: 1;
}

.single-course .course-right {
  margin-top: 35px;
  margin-bottom: 35px;
}

.single-course .course-right .course-right-content {
  padding: 20px 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  position: relative;
}

.single-course .course-right .course-right-content:after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  z-index: 1;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.single-course .course-right .course-right-content .course-right-inner {
  position: relative;
  z-index: 2;
}

.single-course .course-right .course-meta {
  margin: 30px 0 0;
}

.single-course .course-right .course-meta.course-information {
  margin-top: 15px;
  font-size: 14px;
}

.single-course .course-right .course-meta .meta-item {
  float: left;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block;
  color: #000;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}

.single-course .course-right .course-meta .meta-item:last-child {
  margin-right: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.single-course .course-right .course-meta .meta-item .content .lab {
  color: #8e8e8e;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
}

.single-course .course-right .course-meta .meta-item .content .val {
  display: inline-block;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  float: right;
}

.single-course .course-right .course-meta .meta-item .content .val a {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.single-course .course-right .course-meta .meta-item .content .field--name-field-course-category .field__item {
  float: left;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.single-course .course-right .add-to-cart-content-inner {
  margin: 0 0 5px;
}

.single-course .course-right .add-to-cart-content-inner .field--name-price {
  float: left;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #4274F6;
  line-height: 35px;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.single-course .course-right .add-to-cart-content-inner .user-registered {
  float: left;
  font-size: 16px;
  border: 1px solid #dee2e6;
  padding: 3px 15px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  color: #4274F6;
}

.single-course .course-right .add-to-cart-content-inner input.form-submit {
  width: 100%;
  border: none;
  padding: 2px;
}

.single-course .course-right .course-includes {
  margin: 15px 0;
}

.single-course .course-right .course-includes ul {
  padding: 0;
}

.single-course .course-right .course-includes ul li {
  padding-left: 30px;
  position: relative;
  list-style: none;
  margin-bottom: 6px;
}

.single-course .course-right .course-includes ul li:after {
  content: "\e901";
  font-family: "gva-icon";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
  color: #4274F6;
}

.single-course .course-right .course-sharing {
  background: #fff;
  text-align: center;
  padding: 20px;
  margin-top: 15px;
  margin-left: -20px;
  margin-right: -20px;
  border-top: 1px solid #dee2e6;
}

.single-course .course-right .course-sharing a {
  border: 1px solid #dee2e6;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  color: #4274F6;
}

.single-course .course-right .course-sharing a:hover {
  border-color: #4274F6;
}

.single-course .sidebar_course .block {
  margin-top: 35px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0;
  background: #fff;
  position: relative;
}

.single-course .sidebar_course .block:before, .single-course .sidebar_course .block:after {
  content: " ";
  display: table;
}

.single-course .sidebar_course .block:after {
  clear: both;
}

.single-course .sidebar_course .block:after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  z-index: 1;
  height: 50px;
  border-radius: 50%;
  display: block;
  -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.single-course .sidebar_course .block .block-title {
  padding: 10px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0;
}

.single-course .sidebar_course .block .block-title span {
  font-weight: 600;
}

.single-course .sidebar_course .block .block-title:after {
  display: none;
}

.single-course .sidebar_course .block .block-content {
  padding: 20px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.single-course .sidebar_course .block .webform-submission-form:before, .single-course .sidebar_course .block .webform-submission-form:after {
  content: " ";
  display: table;
}

.single-course .sidebar_course .block .webform-submission-form:after {
  clear: both;
}

.single-course .sidebar_course .block .webform-submission-form label {
  display: none;
}

.single-course .headline {
  color: #fff;
  margin-bottom: 0px;
}

.single-course .what-learn {
  color: #fff;
}

.single-course .what-learn .field__label {
  font-weight: 300;
  font-size: 20px;
}

.single-course .what-learn ul {
  margin: 10px 0;
  padding-left: 0;
}

.single-course .what-learn ul > li {
  padding-left: 30px;
  position: relative;
  list-style: none;
  margin-bottom: 10px;
}

.single-course .what-learn ul > li:after {
  content: "\e901";
  font-family: "gva-icon";
  position: absolute;
  top: 1px;
  left: 2px;
  z-index: 1;
  color: #4274F6;
}

.single-course .course-images {
  position: relative;
  border: 5px solid #dee2e6;
}

.single-course .course-images:after {
  content: '';
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#323031));
  background-image: linear-gradient(to bottom, transparent 0%, #323031 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#FF323031',GradientType=0);
  width: 100%;
  height: 80px;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.single-course .icon-expand {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #fff;
  z-index: 11;
  font-size: 12px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
}

.single-course .icon-expand i {
  margin-right: 5px;
}

.single-course .icon-expand:hover {
  color: #4274F6;
}

.single-course .video-link {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  z-index: 11;
  font-size: 12px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.single-course .video-link i {
  margin-right: 2px;
}

.single-course .video-link:hover {
  color: #4274F6;
}

.single-course .post-title {
  margin: 15px 0 12px;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.single-course .block-info {
  margin-bottom: 30px;
  margin-top: 15px;
}

.single-course .course-features {
  font-weight: 500;
}

.single-course .course-features .feature-item {
  margin-bottom: 15px;
}

.single-course .course-features .feature-item i {
  float: left;
  margin-right: 10px;
  border: 1px solid #dee2e6;
  color: #4274F6;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.single-course .course-features .feature-item > span {
  padding-left: 55px;
  display: block;
}

.single-course .course-left .course-content {
  margin-top: 35px;
}

.single-course .course-left .block-course-info {
  margin-bottom: 35px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 20px;
  background: #fff;
  position: relative;
}

.single-course .course-left .block-course-info:before, .single-course .course-left .block-course-info:after {
  content: " ";
  display: table;
}

.single-course .course-left .block-course-info:after {
  clear: both;
}

.single-course .course-left .block-course-info:after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  z-index: 1;
  height: 50px;
  border-radius: 50%;
  display: block;
  -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.single-course .course-left .block-course-info .block-title {
  padding: 10px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0;
  font-size: 18px;
}

.single-course .course-left .block-course-info .block-title:after {
  display: none;
}

.single-course .course-left .block-course-info .block-content {
  padding: 0px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.single-course .course-left .block-course-info .webform-submission-form:before, .single-course .course-left .block-course-info .webform-submission-form:after {
  content: " ";
  display: table;
}

.single-course .course-left .block-course-info .webform-submission-form:after {
  clear: both;
}

.single-course .course-left .block-course-info .webform-submission-form label {
  display: none;
}

.single-course .course-lessons {
  font-size: 14px;
}

.single-course #node-single-comment {
  border: none;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.single-course #node-single-comment h2 {
  display: none;
}

.single-course .course-features {
  margin: 25px 0 0;
  font-weight: 400;
  font-size: 14px;
}

.single-course .course-features .field__label {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px solid #4274F6;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #000;
  letter-spacing: 1px;
}

.single-course .course-features .field__items {
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 0 5px;
}

.single-course .course-features .field__items:before, .single-course .course-features .field__items:after {
  content: " ";
  display: table;
}

.single-course .course-features .field__items:after {
  clear: both;
}


.single-course .course-features .field__items .field__item {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
  float: left;
  padding-left: 32px;
  position: relative;
  margin-bottom: 10px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 991.98px) {
  .single-course .course-features .field__items .field__item {
    width: 100%;
  }
}

.single-course .course-features .field__items .field__item:after {
  content: '\f192';
  font-family: 'Font Awesome\ 5 Free';
  position: absolute;
  top: 3px;
  left: 15px;
  font-size: 12px;
  color: #4274F6;
  z-index: 1;
  line-height: 1.8;
}

.single-course .course-features .field__items .field__item:nth-child(2n+1) {
  clear: both;
}




/* Course Block Image Styles */
/** Careful - this overides the image style 3 everywhere used **/
.image-content-three__title {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 10px;
}

/*
.image-content-three__read-more {
  margin-top: 15px;
  display: none;
}
*/

.image-content-three__single {
    padding: 30px 8px 20px;
}

.image-content-three__single {
  z-index: 1;
}

/* This provides a color overlay
.image-content-three__single:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--notech-theme-color);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 1;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.image-content-three__single:hover:after, .image-content-three__single:focus:after, .image-content-three__single:active:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
*/

/* Changes Title Color on hover */
.image-content-three__single:hover .image-content-three__title a, .image-content-three__single:focus .image-content-three__title a, .image-content-three__single:active .image-content-three__title a {
   color: var(--notech-theme-color);
   transition: none;

}

/* The Link Overlay */
.image-content-three__link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}


/* The Overlay is triggering in the template on the Read More link */
.image-content-three__read-more {
  margin-top: -37px;
}

.image-content-three__read-more a {
  color: transparent !important;
}


/* Frontpage Title link for MS product tiles */
.image-content-three__title a {
  color: #161c26;
}



/* Course Design List Block */

#block-coursedesign, #block-uccoursedesign {
margin-left: -15px;
margin-right: -15px;
padding: 5px 0 5px;
}

#block-coursedesign ul li, #block-uccoursedesign ul li  {
  list-style: none;
  position: relative;
  width: 100%;
 float: left;
 margin-bottom: 10px;
 font-family: "Montserrat", sans-serif;
 margin-left: 5px;
}

/* Course Design Block Node Content */
#block-coursedesign ul li:after, #block-uccoursedesign ul li:after {
  content: '\f192';
  font-family: 'Font Awesome\ 5 Free';
  position: absolute;
  top: 3px;
  left: -20px;
  z-index: 1;
  color: #4274F6;
  font-size: 12px;
}

#block-coursedesign ul li:last-child, #block-uccoursedesign ul li:last-child {
  padding-bottom: 10px;
}

/* course page - top block what you will learn - 2 column list */
.single-course .what-learn ul > li  {
  list-style: none;
  margin-bottom: 10px;
  padding-right: 15px;
  width: 50%;
  float: left;
  padding-left: 32px;
  position: relative;
  margin-bottom: 10px;
}

/* Hide video link image on on single courses page */
.single-course .icon-expand {
    display: none;
}
.single-course .video-link {
    display: none;
}

/* hide anoying dither style at bottom of course image*/
.single-course .course-images:after {
    display: none;
}

/* You don't want your course page looking like Udemy*/
.single-course .single-course-top {
    background: #E1E1E1;
    padding: 10px 15px 15px 25px;
      z-index: 1;
    position: relative;
    margin-top: -30px;
 }

.single-course .post-title {
    color: #000;
}

.single-course .headline {
    color: #000;
}

.single-course .what-learn {
    color: #000;
}

.single-course .bundle-course-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin: 15px 0 12px;
  text-transform: unset;
}


.single-course .bundle-post-title {
  margin: 15px 0 12px;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
}


/* Helps horizontally align the value with the lable on the float right */
.single-course .course-right .course-meta .meta-item .content .val {
    line-height: 1.7;
}


/* Show that meta links on course page are clickable */
.single-course .course-right .course-meta .meta-item .content .val a {
  color: var(--notech-theme-color);
}

.single-course .course-right .course-meta .meta-item .content .val a:hover, a:focus, a:active {
  text-decoration: underline;
}





/* Explore Other Bundles Block View Sytle */
.course-content.explore-bundles {
    margin-top: unset !important;
}

.course-content.explore-bundles h3 {
    min-height: unset !important;
}

.course-content.explore-bundles p {
  font-size: 14px;
}



/* Remove bottom arch shadow on last meta item - after moving socials to content area */
.single-course .course-right .course-meta .meta-item:last-child {
  background: #fff;
}

/* Remove Padding at bottom of Compare Bundles Table */
.course-lessons.block-course-info.block-info {
  padding-bottom: unset;
}


/* Moved design highlights from content area two column 50% width to right meta sidebar */
.single-course .course-features .field__items .field__item {
    width: 100%;
}

/* Add some padding to last item of design highlights */
.single-course .course-features .field__items .field__item:last-child {
    padding-bottom: 10px;
}

/* Adjust width of social sharing after move to content area */
.single-course .course-right .course-sharing {
    margin-left: 0px;
    margin-right: 0px;
}

/* Course Headline Bullet Style */
.single-course .headline ul > li {
  list-style: none;
  margin-bottom: 10px;
  padding-right: 15px;
  width: 50%;
  float: left;
  padding-left: 32px;
  position: relative;
  margin-bottom: 10px;
}

.single-course .headline ul > li::after {
  content: "\e901";
  font-family: "gva-icon";
  position: absolute;
  top: 1px;
  left: 2px;
  z-index: 1;
  color: #4274F6;
}

.single-course .headline .fa-ul {
  margin-left: 0px;
}


/* Vertical Height of Course Blocks*/
.course-block .course-content {
min-height: 50px;
}


/* Course Package Node  - Course Sharing */
.node--type-package .single-course .course-right .course-sharing {
  padding: 0 20px;
  border-top: unset;
}



/* Course Package Listing Table View - Row Class added into Packages views */
.packagestableclass td  {
  padding: unset !important;
  padding-left: 5px !important;
}


/* Course Package Listing Table View - Remove Dither on Bottom Border */
.single-course .course-left .block-course-info::after {
border-radius: 0%;
display: none;
}

.single-course .course-left .block-course-info {
  border: unset;
}


/* Remove padding before and after Gavis Content Builder Blocks */
.gbb-row .bb-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Categories Padding in the Course Tiles */
.course-block .course-content .content-inner .categories::after {
  width: 10px;
}

.course-block .course-content .content-inner {
  padding: 9px;
}

.course-block .course-content .content-inner .categories {
  padding-left: 14px;
}


/* Increase Font Size of Bundles Block Catagory which is the Node Title */
#block-notech-subtheme-views-block-bundles-block-1 .title
{
font-size: 16px;
min-height: unset;
}


/* Content Bundles Table Style. Each MS version in webform needs a table view column  */
#view-view-table-column, #view-view-table-column--2, #view-view-table-column--3, #view-view-table-column--4 {
      color: white;
     background: #0c7fac;
   padding: 0.75rem;
}

#view-view-1-table-column, #view-view-1-table-column--2, #view-view-1-table-column--3, #view-view-1-table-column--4 {
  background: #0c7fac;
  color: white;
   padding: 0.75rem;
}

#view-view-2-table-column, #view-view-2-table-column--2, #view-view-2-table-column--3, #view-view-2-table-column--4 {
  background: #0c7fac;
  color: white;
   padding: 0.75rem;
}

table {
  border: 1px solid #fff;
  border-left:none;
}

.packagestableclass table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  border-style: none;
  vertical-align: top;
}

.packagestableclass table > tbody > tr > td
 {
  border-color: #dee2e6;
  border-width: 0 0 1px 0;
  border-style: solid;
}

.packagestableclass  tbody > tr:last-child > td {
  border-bottom: none;
}

.packagestableclass table > thead > tr > th,
table > thead > tr > td {
  border-bottom-width: none;
}


.packagestableclass tbody > tr:last-child > td {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #dee2e6;
}




/* ARTICLE - NEWS */

/* Hyperlink Styles for Article Text */
.node--type-article .post-content a:not(.btn) {
  color: var(--notech-theme-color);
}

.node--type-article .post-content a:not(.btn):hover {
  color: var(--notech-theme-color);
  text-decoration: underline;
}




/** Disable Hyperlink on Rendered Taxonomy Heading in Courses by Application Taxomony View Pages **/ 
.applications h2 a {
   pointer-events: none;
  cursor: default;
  text-decoration: none;
}




/* Logo Rotator */
.business-heading__one {
    margin: 0px 0 75px 0;
}

/* Prevent Button Text from Wrapping */
.gsc-button.medium {
     white-space: nowrap;
}


/* Styles EU Cookie Compliance */
/** EU Cookie Compliance - Position button to right instead of center **/
.eu-cookie-withdraw-tab {
  position: reletive;
}

.eu-cookie-compliance-message p {
    font-size: 14px;
 }

.eu-cookie-compliance-message a {
    size: 14px;
    color: #FFF !important;
    text-decoration: underline;
 }

.eu-cookie-compliance-message a:hover {
    color: #FFF !important;
    text-decoration: underline;
 }



.eu-cookie-compliance-buttons {
  margin: none;
}

.eu-cookie-compliance-secondary-button, .eu-cookie-compliance-default-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
    color: #000 !important;
}

.agree-button {
    text-transform: uppercase;
}

#sliding-popup .popup-content #popup-buttons button:hover {
    background: #dfdfdf !important;
}

.eu-cookie-compliance-message a:hover {
color: #007792;
text-decoration: underline;
}



/* Disable Hyperlink */
.disable-link {
   cursor: default;
   pointer-events: none;        
   text-decoration: none;
}

/** 404 Not Found Page **/
#not-found {
  margin: 90px 0 115px 0;
}

#not-found h2 {
  text-align: center;
  font-size: 240px;
  line-height: 210px;
  font-weight: 600;
  letter-spacing: -5px;
  color: #0d83b1;
}

#not-found h3 {
  text-align: center;
  font-size: 40px;
  line-height: 100px;
  font-weight: 300;
  text-transform: uppercase;
}

#not-found p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}

/* GSC Heading Styles */

.gsc-heading-text-left .gsc-heading__desc p {
  text-align: left !important;
}

/* Reduce space between Heading Title and following Text Paragraph of header */
.gsc-heading__desc {
  margin: 5px 0 0;
}

/** TECH SPEC **/
.sameHeight {
    min-height: 300px;
}

.techSpec{   
    color: #000;
    background: #e9e9e9;
    padding: 0 0 0 30px;
    margin-bottom: 30px;
   -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
}

.techSpec h4 {   
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 1.35rem;
}

.techSpec h5 {   
    padding-top: 15px;
    font-size: 1.0rem;
}


/** PRICING PLAN **/
.pricing-table .content-wrap .plan-price .price-value .interval {
display:none;
}




/** WEBFORM **/
/* Webform Buttons */ 
.webform-submission-form .form-actions .webform-button--submit {
    background: #CA5E92;
}

webform-submission-form .form-actions .webform-button--submit:hover {
    background: #2D83B4;
}

#edit-wizard-prev {
  margin: 0 10px 10px 0px !important;
}

#edit-wizard-next {
  margin: 0 10px 10px 0px !important;
}



.webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

/* Required Fields */
.webform-required {
    padding-bottom: 0;
    color: red;
    font-size: 14px;
}

/** GAVAIS UPDATE FOR WEBFORM REQUIRED FIELDS **/
/** Only Relevant if using the Gavais Theme for Webform **/
/** Claro Theme best choice for Webform **/
/** CONTACT FORM**/
.webform-submission-form .form-item label.form-required {
  position: relative;
}
.webform-submission-form .form-item label.form-required:after, .webform-submission-form .fieldset-legend.form-required::after {
  content: '*';
  color: #D7403A;
  margin-left: 2px;
  font-size: 16px;
  position: relative;
  top: 2px;
}

/* Webform Element Styles - Based on Claro Form */

.form-boolean-group .form-type--boolean {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.webform-submission-form .fieldset__label.form-required::after {
  content: '*';
  color: #D7403A;
  margin-left: 2px;
  font-size: 16px;
  position: relative;
  top: 2px;
}

.webform-submission-form .packagestableclass table > tbody > tr > td {
font-size: 14px;
}

input[type="radio"], input[type="checkbox"] {
     width: unset !important;
}

.form-type--radio {
    margin-bottom: unset !important;
}

/* Remove Padding and Margins on Checkboxes and Radio Buttons */
.js-form-item.form-item.js-form-type-radio.form-type--radio.form-type--boolean {
    padding-bottom: unset !important;
}

.js-form-item.form-item.js-form-type-checkbox.form-type--checkbox.form-type--boolean {
    margin: unset !important;
}

.webform-submission-form .form-actions .webform-button--submit {
    margin-bottom: 10px;
}


.webform-submission-form .form-item label {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    text-transform: unset;
    padding-left: 5px;
    margin-bottom: unset;
}

.webform-submission-form .form-item {
    margin-bottom: 10px;
 }

.webform-submission-form select#edit-langs-select {
    height: unset;
    width: unset;
}

/* Reduce field length */
/*
.webform-submission-quotation-request-form select#edit-content-package, 
.webform-submission-quotation-request-form input#edit-langs-other,
.webform-submission-quotation-request-form input#edit-when-do-you-require-the-ms-office-training-solution-,
.webform-submission-quotation-request-form textarea#edit-your-message-languages-required,
.webform-submission-quotation-request-form input#edit-first-name,
.webform-submission-quotation-request-form input#edit-last-name,
.webform-submission-quotation-request-form input#edit-company-organization,
.webform-submission-quotation-request-form input#edit-job-title,
.webform-submission-quotation-request-form select#edit-country,
.webform-submission-quotation-request-form input#edit-captcha-response,
.webform-submission-quotation-request-form input#edit-phone
{
    width: unset;
}
*/

/* Reduce field length */
.webform-submission-quotation-request-form input#edit-total-number-of-employees,
.webform-submission-quotation-request-form input#edit-total-number-of-users
{
    width: 30%;
}

/* Webform Privacy Policy Link */
.webform-submission-quotation-request-form div#edit-privacy-policy--description a {
    color: #4274F6;
}

.webform-submission-quotation-request-form div#edit-privacy-policy--description a:hover {
    color: #4274F6;
    text-decoration: underline;
}

.webform-submission-form .form-actions {
  padding: 0;
}

.fieldset__label {
  padding-bottom: 0px;
}

.fieldset__label--group {
  padding-top: 20px;
  padding-bottom: unset;
}

div#edit-privacy-policy--description {
    padding-bottom: 20px;
}

/* IMAGE CAPTCHA  - Refresh button appears twice! */
.captcha__image-wrapper .reload-captcha-wrapper {
    display: none;
}

.reload-captcha {
margin-top: -25px;
}

/* Removes Captcha title */
.captcha-type-challenge--image .captcha__element>.form-item>label {
    display: none;
}

.captcha-type-challenge--image .captcha__element {
    padding-bottom: 10px;
}



/* ****** ARTICLE NEWS  ***** */
/* Center Image Verfically - used in Artical Node Template*/
.center {
      display: flex;
      justify-content: center;
}


/* PRIVACY POLICY */
/* No bullets list used in Privacy Policy - Cookies section */
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
  margin-bottom: 1em;
}