/* CSS Added by CSS */
.container {
  max-width: 100%;
}

.header--microsite {padding: 0 8%;}
/*.home.index .nav--top {display: none;}*/
.header--microsite .top-bar { display: inline-block; width: calc(100% - 300px - 32px); text-align: right; margin-left: 32px; float: right; border: 0;  height: auto;}
.header--microsite .top-bar .top-bar-section ul {float: none !important; display: block;}
.header--microsite .top-bar .top-bar-section ul li {float: none; display: inline-block; margin-left: 12px;}
.header--microsite .top-bar .top-bar-section ul li a {display: block; padding: 12px 1rem; border-bottom: 4px solid #fff;}
.header--microsite .top-bar .top-bar-section ul li a:hover {border-color: #186ddc; background: none;}
.header .company__beta-logo {margin-top: 8px;}

.hBanner .hero {margin: 0;}
.hBanner .hero .hero__caption {padding: 0; background: none; bottom: auto; top: 100px; left: 8%; max-width: 400px;}
.hBanner .hero .hero__caption .hero__title {font-size: 72px; font-weight: 700;}
.hBanner .hero .hero__caption .h4 {font-size: 18px;}

.layout__content .widget.hPossibilities {padding: 32px 8%; margin-top: -348px;}
.hPossibilities .row .columns .editor-content {padding: 20px; border-top: 4px solid #e6b54e; background: #fff;}
.hPossibilities .row .columns .editor-content img {height: 50px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content h3 {font-size: 20px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content p {font-size: 16px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content p::after {content: ''; display: block; clear: both;}
.hPossibilities .row .columns .editor-content p:nth-last-child(3) {margin-bottom: 0;}
.hPossibilities .row .columns .editor-content a {font-size: 10px; display: inline-block; padding: 12px 20px; background: #3c4d7c; color: #fff; text-decoration: none; float: right;}

.home__content .widget.hCourses {padding: 64px 8%;}
.hCourses .widget__title {font-size: 25px; color: #000; margin-bottom: 20px; text-align: left;}
.hCourses .catalog-grid-item {border: 0;}
.hCourses .catalog-grid-item__body {padding: .75em 0;}
.hCourses .catalog-grid-item__hr {display: none;}
.hCourses .catalog-grid-item__title {font-size: 20px; color: #000; font-weight: 600; margin: 0;}
.hCourses .catalog-grid-item__source {color: #42454c; font-weight: 600; text-transform: uppercase; margin-bottom: 12px;}
.hCourses .catalog-grid-item__source strong {font-weight: 600;}
.hCourses .catalog-grid-item__description {font-size: 15px; color: #646870; font-weight: 400;}
.hCourses .catalog-grid-item__asset-container {position: relative;}
.hCourses .catalog-grid-item__asset-container::before {position: absolute; content: ''; display: block; width: 24px; height: 24px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/c46305f9-8369-44c9-bc17-b93ea06cda97/jxcjwerghyse-Course-Play.jpg) center no-repeat; background-size: cover; bottom: 0; left: 0;}
.hCourses .hr__accent {display: none;}
.hCourses .widget__title-cta {color: #3c4d7c; font-weight: 600; border: 0;}
.hCourses .widget__title-cta::after {content: '>';}
.hCourses .catalog-grid-item__cta-container {display: none;}

.home__content .widget.hTestimonials {padding: 0;}
.hTestimonials .testimonial.learner {padding: 120px 8%;}
.hTestimonials .row .columns {padding: 0;}
.hTestimonials .testimonial.learner::after {content: ''; display: block; clear: both;}
.hTestimonials .testimonial .testimonial-quote--left {position: static; float: left; width: 40%; transform: none; padding: 0; min-height: 400px;}
.hTestimonials .testimonial .testimonial-quote__text {font-size: 23px; color: #000;}
.hTestimonials .testimonial .testimonial-quote__text::before {content: ''; display: block; height: 54px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/c46305f9-8369-44c9-bc17-b93ea06cda97/f3dhpcsxkvkx-InvertedComma.png) top left no-repeat; background-size: auto 36px;}
.hTestimonials .testimonial .testimonial-quote__author-name:before {display: none;}
.hTestimonials .testimonial .testimonial-quote__author-name {font-size: 15px; color: #000; display: inline;}
.hTestimonials .testimonial .testimonial-quote__author-description {font-size: 15px; color: #000; display: inline; font-style: normal;}
.hTestimonials.row .row {margin: 0;}
.hTestimonials .testimonial-widget {margin: 0;}

.home__content .widget.getCertified {padding: 64px 8%;}
.getCertified picture {display: inline-block; width: calc(48% - 4px); vertical-align: middle;}
.getCertified .hero .hero__caption {display: inline-block; width: calc(48% - 4px); vertical-align: middle; transform: none; position: relative; top: auto; left: auto;}
.getCertified .hero__title {margin-bottom: 20px;}
.getCertified .hero .btn--primary { display: inline-block; font-size: 16px; background: #f84748; color: #fff; font-weight: 600; padding: 12px 32px; border-radius: 4px; border-bottom: 2px solid #9a0002;}

/*getCertified*/
.getCertified .editor-content h3 {font-size: 35px; font-weight: 700; color: #000;}
.getCertified .editor-content p {font-size: 14px; color: #000;}
.getCertified .editor-content p a { display: inline-block; font-size: 14px; background: #3c4d7c; color: #fff; font-weight: 600; padding: 12px 32px;}

.footer, .footer .footer__inner {padding: 0;}
.footer .footer__inner .footer__company__info {display: none;}

.cFooter {padding: 64px 8%; background: #222222; color: #a6a6a6; position: relative;}
.cFooter::before {content: ''; display: none; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #fff;
}
.cFooter .ftWrap {display: none; margin-bottom: 32px;}
.cFooter .ftWrap::after {content: ''; display: block; clear: both;}
.cFooter .ftWrap .navigation {float: right; width: 48%;}
.cFooter .ftWrap .socialWrap {float: left; width: 48%;}
.cFooter .ftWrap .social {margin-bottom: 20px;}
.cFooter .ftWrap .social ul {display: none; margin: 0; padding: 0;}
.cFooter .ftWrap .social ul li {display: inline-block; margin-right: 4px;}
.cFooter .ftWrap .social ul li i {display: block; width: 24px; line-height: 24px; background: #a6a6a6; border-radius: 50%; text-align: center; font-size: 16px; color: #000; font-family: "Font Awesome 5 Brands"; font-size: 14px;}
.cFooter .ftWrap .signup p {font-size: 12px;}
.cFooter .ftWrap .signup p a {color: inherit; text-decoration: underline;}

.cFooter .navigation h4 {color: #a6a6a6; font-weight: 600;}
.cFooter .navigation .col {display: none; width: 48%;}
.cFooter .navigation ul {display: none; margin: 0; padding: 0;}
.cFooter .navigation ul li {display: none; border-top: 1px solid #303030;}
.cFooter .navigation ul li a {color: inherit; font-size: 13px; padding: 8px; display: block;}

.featured-content-article-item__title {
    font-size: 20px;
}
.featured-content-article-item__description{
    font-size: 15px;
}

/*Custom CSS PRE-Media*/

.container {
  background-color: #fff;
}

.bkgd-midnight,
.bkgd-dark{
  background-color: #09194a;
}
.bkgd-blue{
  background-color: #186ddc;
}

.bkgd-light{
  background-color: #e6f5ff;
}
.bkgd-white{
  background-color: #ffffff;
}


/*Header & Nav bar*/

.header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 0;
}

.left, .nav, .nav--top, .header, .header--microsite, .company__school-name {
  font-weight: 400;
  background-color: #fff;
}

.header--microsite .top-bar .top-bar-section ul li a {
  transition: 0.1s ease-in-out;
  font-size: 16px;
  background-color: #fff; 
  border: 1px solid #186ddc;
  border-radius: 4px;
  padding: 0 20px;
  color: #186ddc;
  display: inline-block;
  line-height: 40px;
}

.header--microsite .top-bar .top-bar-section ul li a:hover {
  transform: translateY(-1px);
  transition: 0.1s ease-in-out;
  box-shadow: 0 7px 15px rgb(16 143 244 / 20%);
  background: #E6F5ff;
  text-decoration: none;
}

.top-bar-section ul li {
  padding: 0;
  background-color: #fff;
}

.nav--top, .company__school-name, .company__school-name__divider  {
  display: none;
}

.widget__title {
  padding: 30px 0;
}

.icon-pinterest, .icon-twitter {
  display:none;
}

/* two column widget .section-side-by-side  */

.section-side-by-side{
  padding: 10px 8% !important;
}
.section-side-by-side .row{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.section-side-by-side img{
  max-width: 400px;
  width: 100%;
  display: inline-block;
}
.custom-section {
    padding-bottom: 50px !important;
}
 .panelist-img{
	max-width:80%;
	display:inline-block;
}
.panelist-bio{
	text-align:center;
}
.registration-form iframe{
   width: 100%;
}
.list-item {
    margin: auto;
    display: block;
}

@media only screen and (min-width: 700px) {
  .section-side-by-side{
    padding: 64px 8% !important;
  }
  .section-side-by-side .row{
    flex-direction: row;
    text-align: left;
    /* Set a max-width to stop growing in width */
    max-width: 1500px;
    margin: 0 auto;
  }
  .section-side-by-side.reverse .row{
    flex-direction: row-reverse;
  }
  	.centered-section .row{
	text-align: center;
}

  .section-side-by-side img{
    max-width: 100%;
  }
  .panelist-img{
	max-width:80%;
	margin-left:2rem;
  }
  .panelist-bio{
	text-align:right;
}
}

/* .catalog__ribbon-corner */

.catalog__ribbon-corner{
  display:none;
}

/* .testimonials-banner  */

.testimonials-banner {
    padding: 0 !important;
}

.testimonial > .testimonial-quote {
    position: relative;
    top: auto;
    transform: none;
}

.testimonials-banner .testimonial-quote__text{
  font-size: 20px;
}

.testimonial .testimonial-quote--left,
.testimonial .testimonial-quote--right,
.testimonial .testimonial-quote--center {
  padding: 60px 4vw;
    max-width: 90vw;
}

/* Testimonial Image  */
.testimonial.learner {
    padding-top: 0;
}

/* Fix the mobile issue  */
.testimonial-widget {
  margin: 0;
}

.testimonials-banner .row {
    margin: 0;
    max-width: 100%;
}

.testimonials-banner .columns{
  margin: 0;
  padding: 0;
}

.featured-content-multi-carousel{
    padding: 0;
}

.testimonial .testimonial-quote__author-description{
  margin-bottom: 0;
}

@media only screen and (min-width: 900px) {

  .testimonials-banner .testimonial-quote__text{
    font-size: 28px;
  }
  
  .testimonial .testimonial-quote--left,
  .testimonial .testimonial-quote--right,
  .testimonial .testimonial-quote--center {
    padding: 100px 10vw;
    max-width: 65vw;
  }

}

/* Global Styles  */

.bkgd-midnight h1,
.bkgd-midnight h2,
.bkgd-midnight p,
.bkgd-midnight li,
.bkgd-blue h1,
.bkgd-blue h2,
.bkgd-blue p,
.bkgd-blue li {
  color: #FFFFFF;
}

.h2{
  font-size: 24px;
}

@media only screen and (min-width: 700px) {
  
  .h2{
    font-size: 32px;
  }
}

.b1 {
  background-color: #186ddc;
  color: #fff !important;
  border-radius: 4px;
  margin-top: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  padding: 10px 20px;
  transition: 0.1s ease-in-out;
}

.b1:hover {
  transform: translateY(-1px);
  transition: 0.1s ease-in-out;
  box-shadow: 0 7px 15px rgb(16 143 244 / 20%);
  background: #0a81e0;
  text-decoration: none;
}
.b2 {
  background-color: #e6f5ff;
  color: #09194a !important;
  border-radius: 4px;
  margin-top: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 10px 20px;
  transition: 0.1s ease-in-out;
}
.b2:hover {
  transform: translateY(-1px);
  transition: 0.1s ease-in-out;
  box-shadow: 0 7px 15px rgb(9 25 74 / 20%);
  background: #D2EDFE;
  text-decoration: none;
}

/*Catalog*/

.catalog-grid-item__asset {
  border-radius: 4px;
}
.catalog-grid-item{
	border-radius:4px;
}

.catalog-grid-item__asset-container::before {
  opacity: 0;
}

.catalog-grid-item__asset {
  transition: 0.1s ease-in-out;
}

.catalog-grid-item__asset:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 15px rgb(16 143 244 / 20%);
  transition: 0.2s ease-in-out;
}

.catalog-grid-item__hr {
  display: none;
}

.header .company__beta-logo .company-logo__container img {
  max-width: 220px;
}

.copy {
  background-color: #fff;
  font-size: 12px;
  color: #a3a9b2;
  margin: 0;
  text-align: center;
  padding-bottom: 25px;
  padding-top: 20px;
}

.footer__inner {
  border-top: none;
}

.webinar-hero {
  text-align: center;
  font-weight: 400;
  max-width: 70%;
}

.widget--feature-content_standard {
  background-color: #fff;
}

.widget--featured-content {
  background-color: #fff;
}

.btn--right {
  padding: 0 5px !important;
}

.catalog-grid-item__body {
  background-color: #fff;
}

.catalog-grid-item__description {
    margin-bottom: 30px;
}

.catalog-header {
  padding-top: 16px;
}

.course__detail__social {
  background-color:#fff;
  border: 1px solid #186ddc;
}

/*  Button class for the LMS, any edits will result in edit all across the LMS*/

.btn--primary, .btn--secondary {
  transition: 0.1s ease-in-out;
  font-size: 12px;
  font-weight: 400 !important;
  background-color: #186ddc !important; 
  border: 1px solid #186ddc !important;
  border-radius: 4px;
  padding: 0 10px;
  color: #fff !important;
  display: inline-block;
  line-height: 25px;
}

.btn--primary:hover, .btn--secondary:hover {
  background-color: #0a81e0 !important;
  transition: 0.1s ease-in-out;
}

.name {
  background-color: #e6f5ff;
}

.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
  background: #186ddc;
}

.learning-path-timeline-milestone-item-circle--current {
  background-color: #186ddc;
}

.nav--global-links>a {
    float: right;
}

/* big-center-quote  */

.big-center-quote .widget__title {
    font-size: 40px;
    color: #09194a;
    font-weight: 700;
    max-width: 700px;
    margin: 20px auto 40px;
    padding: 30px 20px;
}

.big-center-quote {
    background-color: #fff;
}

.paragraph-center p {
	margin-left:auto;
	margin-right:auto;
	padding: 0 20px;
}

@media only screen and (min-width: 900px){
.paragraph-center{
    max-width: 1300px;
}
}

/*video wrapper for embeding - keep aspect ratio*/

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
		
/*END OF CUSTOM CODE SECTION*/

@media only screen and (max-width: 768px) {
    .header .company__beta-logo {margin: 8px 0;}
    .header--microsite .top-bar {margin-top: 16px; overflow: visible;}
    .header--microsite .top-bar .top-bar-section {position: absolute; width: 100%; display: none; z-index: 1;}
    .header--microsite .top-bar.expanded .top-bar-section {display: block; width: 100%;}
    .header--microsite .top-bar .top-bar-section ul li {display: block; width: 100%; margin: 0; text-align: left;}
    
    .hBanner .hero .hero__caption {position: absolute; top: 56px;}
    .hBanner .hero .hero__caption .hero__title {font-size: 46px;}
    .hBanner .hero .hero__caption .h4 {font-size: 16px;}
    .layout__content .widget.hPossibilities {margin-top: -120px;}
    
    .hTestimonials .testimonial.learner {background-position: calc(100% - 70%) !important; background-size:  auto 100% !important;}
    .hTestimonials .testimonial .testimonial-quote--left {width: 50%; min-height: 312px;}
    
    .getCertified picture, .getCertified .editor-content img {width: 100%; margin-bottom: 20px;}
    .getCertified .hero .hero__caption {width: 100%; padding: 0;}
    .getCertified .hero .btn--primary {margin: 0;}
    
    .course-purchase__mobile-button {display: none;}
}

@media only screen and (max-width: 680px) {
    .header--microsite .top-bar {width: 100%;}
    .header--microsite .top-bar .top-bar-section {position: static;}
    .hTestimonials .testimonial .testimonial-quote__text {font-size: 16px;}
    .hTestimonials .testimonial .testimonial-quote__author-description, .hTestimonials .testimonial .testimonial-quote__author-name {font-size: 11px;}
    .hTestimonials .testimonial.learner {padding: 32px 8%;}
    .cFooter .ftWrap .navigation {width: 100%; margin-bottom: 20px;}
    .cFooter .ftWrap .socialWrap {width: 100%; margin-bottom: 20px;}
    .cFooter .copyright .lnks a {margin-left: 0; margin-right: 8px;}
    .hBanner .hero .hero__caption {top: 22px; width: calc(100% - 16%);}
    .hBanner .hero .hero__caption .hero__title {font-size: 24px;}
    .hBanner .hero .hero__caption .h4 {font-size: 15px;}
    .hPossibilities .row .columns .editor-content img {height: 40px; margin-bottom: 12px;}
    .hPossibilities .row .columns .editor-content h3 {font-size: 18px; margin-bottom: 12px;}
    .hPossibilities .row .columns .editor-content p {font-size: 14px; margin-bottom: 12px;}
    .header__inner {display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; flex-direction: column;}
    .header--microsite .top-bar{
      width: 100%;
      text-align: center;
      margin-left: 0;
      float: right;
      border: 0;
      height: auto;
    }
    
    .big-center-quote .widget__title {
        font-size: 30px;
    }
    
}

/*----------  CUSTOM HEADER NAVIGATION FOR MOBILE AND DESKTOP ------------*/

.custom-header{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  
}

.custom-header .logo-side{
    z-index: 10;
}

.custom-header .navigation{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 5;
}

.custom-header .navigation.opened{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 100px;
}

.custom-header.notVisible{
  display: none;
}

.custom-header .inner-content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.hamburger_btn {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	top: 14px;
	right: -13px;
	z-index: 10;
}

.hamburger_btn span,
.hamburger_btn span:before,
.hamburger_btn span:after {
		content: '';
		position: absolute;
		height: 2px;
		width: 25px;
		background: #09194a;
		transition: all 0.2s ease-in-out;
}

.hamburger_btn span {
	left: 10px;
	top: 16px;
}

.hamburger_btn span:before,
.hamburger_btn span:after {
	left: 0;
}

/* This is what breaks the sliders  */

.hamburger_btn span:before {
	top: 7px;
}


.hamburger_btn span:after {
	top: 14px;
}

.hamburger_btn.opened span{
	top: 24px;
	transform: rotate(45deg);
}

.hamburger_btn.opened span:after,
.hamburger_btn.opened span:before{
	top: 0;
  transform: rotate(-90deg);
}

.hamburger_btn.opened span:before{
	opacity: 0;
}

.navigation .nav-link {
    font-size: 24px;
    padding: 8px;
    font-weight: 600;
}

.navigation .nav-link.lang {
  opacity: 0.5;
}

.navigation .nav-link.cta {
    color: #fff;
    background: #186ddc;
    border-radius: 6px;
    padding: 4px 15px 7px;
    margin-top: 10px;
}

.amilia-university-logo-header{
  width: 220px;
  display: block;
  padding-top: 20px;
}

/*----------  CUSTOM HEADER NAVIGATION FOR DESKTOP ------------*/
@media only screen and (min-width: 994px) {
  
  .hamburger_btn{
  		display: none;
  }
  
  .custom-header .navigation{
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: transparent;
  }
  .custom-header .inner-content{
    display: block;
  }

  .custom-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
  }
  
  .amilia-university-logo-header{
    width: 250px;
    padding-top: 0;
  }
  
  .navigation .nav-link {
    font-size: 18px;
    padding: 10px;
    margin-left: 7px;
  }
  
  .navigation .nav-link.cta {
      margin-top: 0;
  }

}
/* END OF NAVIGATION STYLES*/

/* COURSES DETAIL PAGES */

.learning-path .container,
.course-group .container{
    background-color: #fff;
}

/* Hide the Gift This Learning Path button on the right column  */
.learning-path .container .enroll__secondary-actions,
.course-group .container .enroll__secondary-actions{
  display: none;
}

.course__detail__header h1,
.course__detail__content h1 {
  color: black;
  font-weight: 400;
  margin-bottom: 0.4em;
}
.course__detail__header p{
    color: #3b3b3b;
    font-size: 17px;
}

.tabs-content, 
.tabs-content--free-text{
	color: #3b3b3b;
}
.tabs .tab-title>a {
	font-weight:600;
	font-size:18px
}

.course__instructor img {
    border: 0px solid #cbcbcb;
}

/* Right column widget to Register now */
.learning-path .widget--learning-path-purchase,
.course-group .panel{
    background: #E6F5FF;
}
.learning-path .widget--learning-path-purchase{
    border-radius: 5px;
    padding: 20px;
    color: black
}
.learning-path .widget--learning-path-purchase hr{
 display: none;
}

.enroll__title{
	color:#192735;
	font-size:15px;
}

.course__related__title{
	background:white;
  }
	.panel p{
		color:#192735;
		font-size: 15px;
	}

	.course__detail__social .h6{
		color:#192735;
		font-size: 15px;
	}
	.course__detail__social{
		border:none;
	}

	.btn, .button{
		font-size: 13px;
	}

.btn--alt.btn--secondary {
    display: none;
}

@media only screen and (min-width: 977px) {

  .learning-path .course__detail__container,
  .course-group .course__detail__container{
    padding: 30px 5.8%;
  }
  
  .course__detail__container .course__detail__content{
    padding-right: 3rem;
  }
  .course__related__title{
	background:white;
  }
	.panel p{
		color:#192735;
		font-size: 15px;
	}
	.panel {
		border-color:transparent;
	}
	.course__detail__social .h6{
		color:#192735;
		font-size: 15px;
	}
	.course__detail__social{
		border:none;
	}

	.btn, .button{
		font-size: 13px;
	}  
}

.header--article {
    background: #fff;
    border-bottom: 0px solid #E9E9E9;
    padding: 1rem 4rem;
    z-index: 1;
}

.container {
  color: #000;
  background-color: #fff;
}

.smartrec-mvp {
  color: #fff;
}

.learning-path-timeline-milestone__header {
  display: none;
}

.b1.back2home{
	background:white;
	padding-left: 0 ;
}
.b1.back2home:hover {
	transform:perspective;
  transition: none;
  box-shadow: none;
  background: none;
  text-decoration: none;
}

.text-centered{
	color:black;
	
	/* Hide show purchasing options from course details page */
}
widget--course-purchase .btn--secondary{display:none;}
}