@import url('https://fonts.cdnfonts.com/css/gotham-serif-bold');

/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

.feature-region {
    background-image: none;
}

/*To change the background color of the search box area*/
.search-form-container {
background-color: #585956;
}

/* This helps you change the color of the header bar incase you want white links
#app-header {
    padding:4px 0 5px;
    background-color:#414042;
}

*/
#app-header h2 {
    margin:10px 0;
}

/* user-nav includes changes to the Login / User information link */
#user-nav {
    padding-top:25px;
}

#user-nav > a {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:5px 10px;
    font-size:14px;
    line-height:1.428571429;
    border-radius:4px;
    -webkit-user-select:none;
    color:#4d4d4d;
}

#user-nav > a:hover {
    text-decoration:none;
    color:#e63d2f;
}
/* Active Color of Login button once logged in */

.header-nav li a {
    color:#4d4d4d;
}

/* Page Links refers to the custom links */
#page-links {
    display:inline-block;
}

#page-links a {
    display:inline-block;
    padding: 5px 10px 5px 0;
    font-size:14px;
    color:#4d4d4d;
}

#page-links a {
    white-space: normal; /* Allow text to wrap on mobile */
  }

#page-links .piped-list>li:after {
    content:"|";
    color:#a6dad5;
}
#page-links .piped-list>li:before {
    display:none;
    margin-right:0;
}

.header-branding h1 a {
    display: block;
    height: 90px;
}

.product-bg {
    background-color: #062F88;
    background-size: cover;
}

.hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title {
  color: #ffffff;
}

.hero-region {
    margin-bottom: 0;
    color: #ffffff;
}

.ProductEnrollment__Notice {
    color: #c8eaff
}

.course-meta-panel {
    display: inline-block;
    background-color: #efefef;
    border: 1px solid  #A7A9AC;
    border-left: 10px solid #062F88;
    padding: 10px;
    margin-left: 20px;
    width: 360px;
}

 .front-page.jumbotron {
height:325px;
background-size: cover;
background-position: center;
position: relative;
background-image: url("https://ctel.ceodev.org/wp-content/uploads/EITbanner03.jpg");
}


span.product-account-image-wrapper{visibility: hidden;}

.product-link .product-description{font-size: 15px !important;
height: 250px !important;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .cart-button{margin-top: -60px;}
  .front-page.jumbotron {
    height: 320px;
  }
  .inner-hero h1{
    font-family: 'Arial', sans-serif;
    line-height: 2.5rem;
}
  .callToAction .btn {
    /* Other styles */
    font-size: 18px;
    padding: 3px 6px;
    margin: 3px 3px;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  .front-page.jumbotron {
    height: 330px;
  }
  .inner-hero h1{
    font-family: 'Arial', sans-serif;
    line-height: 3rem;
}
    .callToAction .btn {
    /* Other styles */
    font-size: 20px;
    padding: 3px 6px;
    margin: 3px 3px;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .front-page.jumbotron {
    height: 560px;
  }
  .inner-hero h1{
    font-family: 'Arial', sans-serif;
    line-height: 3.5rem;
}
  .callToAction .btn {
    /* Other styles */
    font-size: 22px;
    padding: 5px 10px;
    margin: 3px 3px;
}  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .front-page.jumbotron {
    height: 480px;
  }
  .inner-hero h1{
    font-family: 'Arial', sans-serif;
    line-height: 4.5rem;
}
  .callToAction .btn {
    /* Other styles */
    font-size: 22px;
    padding: 5px 10px;
    margin: 3px 3px;
}  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .front-page.jumbotron {
    height: 440px;
  }
  .inner-hero h1{
    font-family: 'Arial', sans-serif;
    line-height: 4.5rem;
}
  .callToAction .btn {
    /* Other styles */
    font-size: 22px;
    padding: 5px 10px;
    margin: 3px 3px;
}
}

.btn-primary {
    color: white;
    background-color: #062F88;
    border-color: #062F88;
}

.front-page.jumbotron {
    transition: background-image 1s ease-in-out;
}

.inner-hero {
    max-width: 1025px; /* Set the maximum width to 1025px */
    margin: auto; /* Center the text block */
}

.inner-hero h1{
    font-family: 'Arial', sans-serif;
}

.inner-hero .callToAction{
    position: relative;
    bottom:-30px;
}

.no-break{
white-space: nowrap;
}

.inner-hero-shade {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
        }

#app-footer {background-color:#021A6B; color:#ffffff; padding-top: 0; !important}      

span.follow-us:after {
    display: inline-block;
    content: "";
    height: 40px;
    border-right: 2px solid #fff;
    margin: -13px 12px -13px 30px;
    padding-top: 20px;
}

.footer-social {
position:relative;
top:0;
display:block;
background: #1C3079;
padding: 35px 0 25px 0;
margin:0;
width:100%;
font-size: 22px;
}

.footer-social img {
    width: 30px;
    height: 30px;
}

.social-btn{
display: inline-block;    
padding: 0 20px 10px 10px;  
}

.footer-aux-nav{
display: block;
min-height: 200px;
padding: 35px 0;
}

.footer-aux-nav h4 {
display: block;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-align: left;
border-left: 2px solid #2674ae;
padding-left: 15px;
}

.footer-aux-nav .list-group,
.footer-aux-nav .list-group .list-group-item { 
    font-size: 18px;
    background-color: transparent;
    border: none;
    color: white;
    text-align-last: left;
}

.footer-aux-nav .list-group .list-group-item ul {
    font-size: 18px;
    color: white;
}

.footer-aux-nav .list-group ul{
    margin-left: -25px;
    color: white;
}

#app-footer .footer-aux-nav .list-group a, #app-footer .footer-aux-nav .list-group .list-group-item a {
    font-size: 18px;
    color: white;
}

.footer-aux-nav .list-group {
    /* CSS properties for .list-group */
    margin-left:3px;
}

.footer-aux-nav .list-group .list-group-item { 
    /* CSS properties for .list-group-item */
}

.footer-aux-nav .row{padding-left: 10px;}

    .link-nav::after {
      content: "|";
      margin: 0 5px; /* Adjust the spacing as needed */
    }

    .link-nav:last-of-type::after {
      content: "";
    }

.btn-link {
    appearance: none;
    user-select: text;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    text-align: inherit;
}