/*GLOBAL HEADER*/
@import 'https://www.asu.edu/asuthemes/4.5/css/asu_header.min.css';
@import 'https://www.asu.edu/asuthemes/4.5/css/asu_header_media.min.css';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';

/*EDIT BADGE PADDING*/
@media (min-width: 1200px) { #innovation-bar .innovation-status { padding-right: 100px; }}
@media (min-width: 993px) { #innovation-bar .innovation-status { padding-right: 100px; }}



/*CUSTOM EDITS TO HEADER*/

/*.header-branding {
display: none;
}*/

.AccountDropdown--margin-top {
/* display: none; */
margin-top: 30px;
margin-bottom: 10px;
}

#app-header {
	padding: 0;
}


/*CUSTOM EDITS TO FOOTER*/
#app-footer {
background-color: #F0F0EF;
}

#app-footer .container {
display: none;
}

#app-footer a {
white-space: pre-wrap;
}


/*CUSTOM EDITS TO BODY*/
.feature-text h1 {
color: white;
font-weight: bold;
margin-top: 50px;
font-size: 48px;
}

.feature-text p {
color: white;
font-weight: regular;
font-size: 24px;
}

#home-page .feature-region {
	height: 500px;
	background-image: url(https://assets.ea.asu.edu/CC-Course-Images/asu-pic102.jpg);
	background-size: 100%;
	position: relative;

}
#home-page .feature-region:after {
	display: block;
	position: absolute;
	background-image: linear-gradient(to left, transparent calc(80% - 600px), black 100%);
	height: 100%;
	width: 100%;
	content: "";
	bottom: 0px;
}




.container.global-launch {
	position: relative;
	z-index: 1;
}

.product-tile .product-footer {
	color: black;
}

.product-results .product-tile:hover {
box-shadow: inset 0px -5px 0px #FFC627;
}

.ProductIcon__LargeCircle--course {
background-color: #FFC627;
}

.ProductIcon__LargeCircle--program {
background-color: #8C1D40;
}


/*MAIN NAV*/
.navbar-ws {
background-color: #353535;
border: 0;
border-radius: 0;
}

.navbar-toggle .icon-bar {
background-color: white;
}

.navbar {
margin-bottom: 0;
}

.navbar-nav>li>a {
color: white;
}

.navbar-nav>li>a:hover {
color: #FFC627;
background-color: black;
}

.navbar-nav>li>a:focus {
color: #FFC627;
}

.nav>li>a:hover {
background-color: black;
}

.nav>li>a:focus {
background-color: black;
}

.navbar-brand {
color: white;
display: none;
}

.navbar-brand:hover, .navbar-brand:focus {
color: white;
}


/*STICKY NAV*/
#search-form.callout-region {
background-color: #8C1D40;
}

#search-form .search-form-filters {
padding-bottom: 0;
background-color: #8C1D40;
}

.navbar-fixed {
top: 0;
z-index: 100;
position: fixed;
width: 100%;
}


/*RESPONSIVE BREAKPOINTS*/
@media only screen and (max-width: 1500px) {
	#home-page .feature-region {
		height: 500px;
		background-image: url(https://assets.ea.asu.edu/CC-Course-Images/asu-pic102.jpg);
	}
}

@media only screen and (max-width: 1200px) {
#home-page .feature-region {
height: 300px;
}
}

@media only screen and (max-width: 940px) {

	.feature-text h1 {
	font-weight: bold;
	margin-top: 25px;
	font-size: 35px;
	}

	.feature-text p {
	color: white;
	font-weight: regular;
	font-size: 16px;
	}

	#home-page .feature-region {
	height: 350px;
	background-image: url(https://assets.ea.asu.edu/CC-Course-Images/asu-pic102.jpg);
	}
}

@media only screen and (max-width: 767px) {
#home-page .feature-region {
height: 250px;
}

.navbar-brand {
color: white;
display: block !important;
}

.AccountDropdown--margin-top {
margin-top: 0;
}
}


@media only screen and (max-width: 761px) {
#home-page .feature-region {
height: 170px;
}

.feature-text h1 {
font-weight: bold;
margin-top: 25px;
font-size: 32px;
}

.feature-text p {
color: white;
font-weight: regular;
font-size: 16px;
}
}

@media only screen and (max-width: 320px) {
#home-page .feature-region {
height: 150px;
}

.feature-text h1 {
font-weight: bold;
margin-top: 25px;
font-size: 24px;
}

.feature-text p {
color: white;
font-weight: regular;
font-size: 14px;
}
}















/*CUSTOM EDITS TO FEATURE*/

#product-page #feature {
	padding-top: 0;
}

.product-bg {
	background-color: #F0F0EF;
}

.product-account-logo {
	display: none;
}

.callout-region {
	padding: 40px;
}

.hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title {
font-size: 48px;
}

.btn-action {
padding-left: 100px;
padding-right: 100px;
}

.btn-info {
background-color: #8C1D40;
border-color: #8C1D40;
}

.btn-info:hover {
background-color: #B11F53;
border-color: #B11F53;
}

.btn-lg, .btn-group-lg>.btn {
color: white;
}

.btn-lg {
font-size: 14px;
}


@media only screen and (max-width: 650px) {
.hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title {
font-size: 28px;
}
}


/*DEGREE DETAILS PAGE CSS*/

.content-box {
font-size: 18px;
}


.sidebar1 {
width: 280px;
background-color: #FFC627;
padding: 10px;
margin-bottom: 10px;
color: white;
border-radius: 10px;
}

@media only screen and (max-width: 991px) {
.sidebar1 {
background-color: #f0f0f0;
}

.col-xs-8 {
width: 60%;
}
}

@media only screen and (max-width: 761px) {
.sidebar1 {
background-color: #f0f0f0;
}

.col-xs-8 {
width: 100%;
float: none;
}

.col-xs-4 {
width: 100%;
}
}

.details {
font-size: 22px;
text-align: center;
}

.section-one {
width: 75%;
}

.section-three {
width: 100%;
clear: left;
padding: 20px;
padding-top: 10px;
background-color: #f0f0f0;
color: black;
}

.sidebar1 {
width: 100%;
background-color: #f0f0f0;
padding: 15px;
color: black;
border-radius: 5px;
}


@media only screen and (max-width: 991px) {
.section-one {
width: 100%;
}

.sidebar1 {
width: 100%;
background-color: #f0f0f0;
padding: 15px;
color: black;
border-radius: 5px;
}
}


@media only screen and (max-width: 600px) {
.section-one {
width: 100%;
float: left;
}

.sidebar1 {
width: 100%;
background-color: #f0f0f0;
padding: 15px;
color: black;
border-radius: 5px;
}
}


.four-icons {
width: 25%;
float: left;
padding-top: 0;
}


@media only screen and (max-width: 650px) {
.four-icons {
width: 50%;
float: left;
padding-top: 25px;
}
}