/*
Implementations Skeleton v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Akifumi Yamamoto
Last Updated: 2018/08/22
*/

.ldp {
    display: block !important;
    margin: 25px -15px 30px;
}

@media (min-width: 700px) {
    .ldp {
		display: block !important;
        margin: 32px -30px 30px;
    }
}

@media (min-width: 1024px) {
    .ldp {
		display: block !important;
        margin: 38px 0;
    }
}

.ldp .carousel-item {
    height: auto;
}

.ldp .carousel-caption {
    background: #2b4384;
    position: relative;
    left: auto;
    right: auto;
}

.ldp .carousel-caption p {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 20px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.ldp .carousel-caption p strong {
    font-weight: 600;
}

.ldp .carousel-indicators {
    position: relative;
    margin: 10px 20px 0;
    left: auto;
    right: auto;
    bottom: auto;
}

.ldp .carousel-indicators li {
    background-image: url("/_resources/img/programs/indicator-grey.svg");
    cursor: pointer;
}

.ldp .carousel-indicators li.active {
    background-image: url("/_resources/img/programs/indicator-blue.svg");
}

.ldp .carousel-footer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.ldp .carousel-footer .carousel-control-next,
.ldp .carousel-footer .carousel-control-prev {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    opacity: 1;
    height: 30px;
    width: 20px;
    z-index: 99;
    background: transparent;
}

.ldp .carousel-footer .carousel-control-next:focus,
.ldp .carousel-footer .carousel-control-prev:focus {
    outline: 1px dotted;
    outline: 2px auto -webkit-focus-ring-color;
}

.ldp .carousel-footer .carousel-control-next-icon {
    background-image: url("/_resources/img/programs/arrow-right-red.svg");
}

.ldp .carousel-footer .carousel-control-prev-icon {
    background-image: url("/_resources/img/programs/arrow-left-red.svg");
}

a[class^='header-nav__menu-cta'] {
    margin-top: 1rem;
    margin-bottom: 0;
}

#oualerts-active-alert-display .oualerts-notify-icon {
	transform: translateY(0) !important;
}

.sub-hero__inner {
	background-image:url('/images/homepage/subhero/nscc-seal-transparent.png');
}

.footer__social-link--youtube {
	background-image:url(/_resources/img/icons/social/social-youtube.png)
}

.footer__social-link--tiktok {
	background-image:url(/_resources/img/icons/social/social-tiktok.png)
}

.footer__social-link--twitter-x {
	background-image:url(/_resources/img/icons/social/social-twitter-x.svg)
}

.sticky-cta__cta:nth-of-type(2){background-image:url(/_resources/img/icons/cta-ask.png)}

.program-list .content {
	padding-left:24px;
	padding-right:24px;
}

.program-upcoming-events {
	width: 100%; 
	background-image: url('/_resources/img/programs/wave-desktop.svg'); 
	background-position: top; 
	background-repeat: no-repeat; 
	background-size: contain; 
	background-color: #4e6199; 
	padding: 1.25rem 2.5rem;"
}

@media (min-width: 1024px) {
.content {
	margin:2.75rem auto 4.375rem;
	/*padding:0*/
}
}	

/* .program-finder {
	clear: both
} */

.program-finder .form-wrapper {
/* 	margin-left: 20rem; */
    background-color: #E5E4E4;  
/*	background-color: #FFFFFF;   */
}

.pattern-accordion li {
	color: white;	
}

.pattern-accordion .card-body li {
	color: black !important;	
}

.btn__small-cta--blue {
	background: #AA182c;
}

.btn__large-cta--blue {
	background: #AA182c;
}
.events-listing .catCol .program-finder label.filter-button.checked:before,.program-finder .events-listing .catCol label.filter-button.checked:before,.program-finder .filter-button:after,.program-finder .filter-button:before {
    position: absolute;
    content: "";
    left: 15px;
    width: 13px;
    height: 0;
    border-bottom: 3px solid rgb(196, 18, 48);
    top: 50%;
    margin-top: -1.5px;
    border-radius: 100px
}

.pattern-student-quote .student-quote-inner .student-name {
	color: #1F1646;
}

.locations__top-content{background-color:#2f3e85;background-image:url(/_resources/img/layout/blue-wave.svg)}
.learn-from-anywhere{background:#2f3e85;}
.btn--dark-blue {background-color:#8d181b;}
.locations{border-bottom:20px solid #2f3e85}