.alert-info {
	margin: 4em;
	padding: 35px;
	border: 1px solid red;
	text-align: center;
}

/* Featured Course Grid */
.featured-courses-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-content: center;
    grid-gap: 1em;
    margin: 3em 0;
    text-align:center;
}
.featured-courses-grid > a {
    display: grid;
    align-content: center;
    padding: 15px;
    background:#f9f9f9;
    border: 1px solid #e8e8e8;
    transition: 0.3s background linear;
}

.featured-courses-grid > a p {
    font-family: 'myriad-pro-condensed', sans-serif;
    font-size: 22px;
    margin: 0;
    margin-top: 15px;
}

.featured-courses-grid > a:hover {
    background:#f4fbff;
}

.featured-courses-grid > a img,
.featured-courses-grid > a picture {
    display:block;
    margin:0 auto;
    margin-bottom:0;
}

@media screen and (max-width:1279px) {
    .featured-courses-grid { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:1024px) {
    .featured-courses-grid { grid-template-columns: repeat(2, 1fr); }
    .featured-courses-grid a img { width: 50px !important; }
}
@media screen and (max-width:640px) {
    .featured-courses-grid { grid-template-columns: 1fr; }  
    .featured-courses-grid > a {
        grid-template-columns: 50px 1fr;
        grid-gap:1em;
        text-align: left;
    }
    .featured-courses-grid > a p { margin-top:0 !important; }
}


/* Latest Post area */
h2 i {
    font-size: 31px;
    margin-left: 7px;
}

.latest-post {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1.25em;
    margin-bottom: 2em;
}
@media screen and (max-width:500px) {
.latest-post {
    grid-template-columns: 1fr;
    grid-gap: 1.25em;
}
}

.latest-post h4 { margin-bottom:0.15em; }
.latest-post h4 a { text-decoration:underline; font-size: 25px; }
.latest-post .description {
    margin: 1em 0;
}
.latest-post .date {
    display: block;
    font-size: 15px;
    color:#47898c;
}


/* Latest Classes */
.class_time_grid {
    font-family: 'myriad-pro-condensed', sans-serif;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-gap: 1em;
    align-items: center;
    margin-bottom: 1em;
    border: 1px solid #f3f3f3;
    background:white;
    transition:background 0.3s linear;
}

.class_time_grid:hover{
    border: 1px solid #f3f3f3;
    background: #f3fbff;
}

.class_time_grid:hover .title-length {
     text-decoration:underline;
}

.class_time_grid .date-box {
    text-align: center;
    color: white;
    font-size: 30px;
    padding: 15px;
    background:#e11731;
    line-height: 1em;
}

.class_time_grid .title-length {
    color: #333 !important; 
    font-size: 21px;
    position: relative;
    top: -3px;
}
.class_time_grid .title-length span {
    display:block;
    font-size: 17px;
}


/* Carousel Nav */
.header-carousel .owl-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.header-carousel .owl-dots > * {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 25px;
    border: 1px solid white !important;
}

.header-carousel .owl-dot.active {  background: white !important; }

/* Carousel Setup */
.owl-carousel .owl-item img {
    width: auto !important;
}

.header-carousel .owl-nav i {
	font-size:45px;
	color:#fff;
	opacity:0.15;
	transition:opacity 0.3s linear;
}
.header-carousel .owl-nav i:hover {
	opacity:0.6;
}

.header-carousel .owl-nav {
    position: absolute;
    top: 44%;
	width:100%;
}
.header-carousel .owl-nav .owl-prev {
    position: absolute;
	left:0;
}
.header-carousel .owl-nav .owl-next {
    position: absolute;
	right:0;
}


/* Slide Setup */
.header-carousel .slide {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:600px;
    align-items:center;
    text-align:center;
}
.header-carousel .slide .content {  
    margin-left: 5em; 
    text-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    line-height: 1em;
}
.header-carousel .slide .cta-btn {
     margin-top:1em;
     margin-left:0;
     text-shadow: none;
}

.header-carousel .slide h3 {
    color: white;
    font-size: 4.75em;
    text-transform: uppercase;
    line-height: 1em;
    font-family: 'myriad-pro-condensed', sans-serif;
}
.header-carousel .slide p {
    color:white;
    font-size:1.5em;
}

.header-carousel .slide {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}

@media screen and (max-width:767px) {
 .header-carousel .slide {
     background-image:none !important;
     background:#afd7e0;
 }
}

.nowebp .slide { background-image:url('/wp-content/uploads/2019/11/home-hero-default-bg.jpg'); }
.webp .slide { background-image:url('/wp-content/uploads/2019/11/home-hero-default-bg.webp'); }

.nowebp .slide.laura { background-image:url('/wp-content/uploads/2019/11/Laura-home-hero-bg.jpg'); }
.webp .slide.laura { background-image:url('/wp-content/uploads/2019/11/Laura-home-hero-bg.webp'); }

.nowebp .slide.raising-standards { background-image:url('/wp-content/uploads/2019/11/raising-standards-hero-bg.jpg'); }
.webp .slide.raising-standards { background-image:url('/wp-content/uploads/2019/11/raising-standards-hero-bg.webp'); }

.nowebp .slide.oil-industry { background-image:url('/wp-content/uploads/2019/11/oil-industry-home-hero-bg.jpg'); }
.webp .slide.oil-industry { background-image:url('/wp-content/uploads/2019/11/oil-industry-home-hero-bg.webp'); }


.about-us {
    background:#e11731;
    padding:3em 0;
    color:white;
    text-align:center;
}
.online-courses-callout {
  padding: 6em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  text-align:center;
}
.online-courses-callout h3 {  text-transform:uppercase; }

.nowebp .online-courses-callout { background-image:url('/wp-content/uploads/2019/11/online-training-bg.jpg'); }
.webp .online-courses-callout { background-image:url('/wp-content/uploads/2019/11/online-training-bg.webp'); }

.breadcrumb { display:none; }

/* Responsive */
@media screen and (max-width:1200px) {
    
    .header-carousel .slide h3 { font-size: 3.75em; }
    .header-carousel .slide p { font-size: 21px; }
    
    .featured-courses-grid { 
        grid-gap:30px;
        grid-template-columns: repeat(4, 1fr);
    }

}

@media screen and (max-width:1023px) {
    .header-carousel .slide {  grid-template-columns: 1fr; min-height: 400px; }
    .header-carousel .slide .content { margin: 0 2.5em; }
    .header-carousel .slide > div:nth-child(2) { display: none; } 
    
    .featured-courses-grid {  grid-template-columns: repeat(3, 1fr); }
    
}

@media screen and (max-width:768px) {
    .featured-courses-grid {  grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width:800px) {
    .header-carousel .slide h3 { font-size: 2.25em; }
    .header-carousel .slide p { line-height: 1.10em; }
}

@media screen and (max-width:640px) {
    .header-carousel .slide h3 { font-size: 2.45em; }
    .header-carousel .slide p {  font-size: 18px; }
}

@media screen and (max-width:640px) {
    .featured-courses-grid {  grid-template-columns: 1fr; }
}