/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.ou-form .btn-primary{

	background-color: #002d69 !important;

}

#oualerts-active-alert-display.oualerts-top{
	position: static;
}

.testimonial__image > .testimonial__image__video > iframe{
	width: 100%;
}

/* Homepage Iframe sizing */
.hero .hero__image iframe{
	width:100%;
	height:100%;
}

.students_life__image__video iframe, .sudents_life__image__video video{
	width: 100%;
}

/*@media (min-width: 1080px){
.students_life__image img {
width: 165px;
height: 230px;
}
}*/

/* Set the background of the H1 when using a banner image is present */
.subpage-hero {
	background: #622763;
}

/* the following is for D1 start */

[data-el="button-accordion-item"] {  	
	border-color: #ffffff !important;
	background: #376080 !important;
	color: #ffffff;
}

[data-el="button-accordion-item"] a {  	
/* 	font-size: 1.5em !important; */
/* 	font-size: 1em !important; */
	font-size: 1.2em !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

[data-el="button-accordion-item-title"] {  	
	font-size: 1.5em;
/* 	background: #376080 !important; */
	color: #ffffff !important;
}

[data-view="program-area-list"] h1[data-el="page-title"] {
	color: #ffffff !important;
}


[data-el="program-stream"] a {  	
/* 	font-size: 1em; */
	font-size: 1.4em !important;
	color: #002F6C !important;	
}

[data-el="search-results-row-details"] span {
	font-size: 1em !important;
	font-weight: 700 !important;
}

[data-view="course-search"] {  	
	font-size: 1.3rem !important;
}

/* [data-el="program-stream"] a {  	
	color: #ffffff !important;
} */

/*
.mc-d1-connector-wrapper {
	background-color: #298FC2 !important;
	color: #ffffff !important;
}
*/

/* .mc-d1-connector-wrapper .mc-text-sm {
	font-size: .85em !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
} */


/* the following is for D1 end */


/* additional styles for programs */
:root {
    --light-blue: #298FC2;

    --dark-blue: #002F6C;
    
    --grey: #54555A; 

    --white: #FFFFFF;
}
.asap {
    font-family: 'Asap', sans-serif;
}

.fira {
    font-family: 'Fira Sans', sans-serif;
}

.light-blue {
    color: var(--light-blue);
}

.dark-blue {
    color: var(--dark-blue);
}

.grey {
    color: var(--grey);
}

.white {
    color: var(--white);
}

.left-accent-blue {
    border-left: 1px solid var(--light-blue);
}

.left-accent-dark-blue {
    border-left: 1px solid var(--dark-blue);
}

.blue-border {
    border: 5px solid var(--light-blue);
}

.dark-blue-border {
    border: 5px solid var(--dark-blue);
}

.custom-rounded-card {
    border-radius: 25px;
    border-top-left-radius: 64px;
    border-bottom-right-radius: 64px;
}

.bg-program-blue {
    background-color: var(--light-blue)
}

.bg-program-dark-blue {
    background-color: var(--dark-blue);
}

.bg-program-white {
    background-color: var(--white);
}

/* Responsive accent styling */
@media (max-width: 767.98px) {
    .left-accent-blue {
        border-left: none;
        border-top: 1px solid var(--light-blue);
        padding-left: 0;
        padding-top: 1rem;
        margin-top: 1rem;
    }
    .left-accent-dark-blue {
        border-left: none;
        border-top: 1px solid var(--dark-blue);
        padding-left: 0;
        padding-top: 1rem;
        margin-top: 1rem;
    }
}

/* end */

/ START All of the following are overwrites to fix accessibility color contrast errrors DRH ***/
a:hover, a:focus {
	color: #002454;
	text-decoration: underline;
}

.sidebar__contact a:hover {
	color: #298FC2
}

.text-blue {
	color: #002d69;
}

.nav-tabs .nav-item button.active {
	background: #f6f9f9;
	border-bottom: #047e8d;
}

.newspage__sidebar__archive .accordion-body ul li a {
	color: #002D69;
}
/* fix accessiblity errors low contrast colors done */

.subfooter a {
	text-decoration: underline;
}

.subfooter a:hover {
	font-weight: 600;
}

.footer__menu ul li a {
	text-decoration: underline;
}

.footer__menu ul li a:hover {
	font-weight: 600;
}

.footer__menu__wrapper a {
	color: #707070;
	text-decoration: underline;
}

a#de {
	text-decoration: none;
}

.testimonial__class {
	color: #54565A; /*overwrite #787878 color contrast issue*/
}

.footer__menu__wrapper {
	color: #707070; /*overwrite #747474*/	
}

/* Ticket 202293 */
.subfooter {
    color: rgba(0, 0, 0, .57) !important;
}

.programs__toggler {
	color: rgba(0, 0, 0, .57) !important;
}

.programspage__sidebar__title h3, .programspage__sidebar__title .h3 {
	color: rgba(0, 0, 0, .57) !important;
}

.bg-orange {
	background-color: #E77008; /* was #ee7209 */
}

/ END All of the following are overwrites to fix accessibility color contrast errror DRH ***/




@media (min-width: 1080px){
	.col-lg-6 .row .col-lg-6 .students_life__image img {           
		height: 12vw;
	}
}

.m-btn-width-100{
	width:100%;
}
.wrapper{
	margin: 0 auto;
	display:grid;
	grid-gap:10px;
}
.wrapper{
	display:flex;
	flex-wrap:wrap;
}
.wrapper-2-col{
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	grid-auto-rows: minmax(150px, auto);
}
.panel-2-col{
	flex: 1 1 400px;
	padding-left:1em;
}
.blue-line-after::after {
	content: " ";
	width: 100%;
	height: 10px;
	margin-top: 8px;
	display: block;
	background: linear-gradient(90deg,#002d69 10%, #298fc2 10%);
}


/* 188891 CTA Button Overlap Fix */
@media (min-width: 768px){
	.statistics__number{
		font-size:11.7rem;
	}
	.statistics__number-small{
		font-size:7rem;
	}
}
@media (max-width: 1199px) and (min-width: 1080px){
	.statistics__number, .statistics__number-small{
		font-size: 8.8rem;
	}
	
}
@media (max-width: 767px) and (min-width: 500px){
	.statistics__number, .statistics__number-small{
		font-size:7rem;
	}
	.block-table table.bt td::before{
		color:#000;
		background-color:inherit;
	}
}
@media (max-width: 499px){
	.statistics__number, .statistics__number-small{
		font-size:3rem;
	}
	.statistics__button{
		padding-bottom:0px;
	}
	.block-table table.bt td::before{
		color:#000;
		background-color:inherit;
	}
	
}