/*GLOBAL HEADER*/
@import 'https://www.asu.edu/asuthemes/4.6/css/asu_header.min.css';
@import 'https://www.asu.edu/asuthemes/4.6/css/asu_header_media.min.css';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.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; }}

/* hide the body until after the js finishes. This is for legacy redirects*/
body{
display: none; 
}

/*CUSTOM EDITS TO HEADER*/
/************************** start ****************************/
#app-header .container:first-child {

}
#app-header .container #block-asu-brand-asu-brand-header{width:1170px;margin:0  auto;max-width:100%;}
#app-header .container .asuforyoubody{width:100%;}
.asuforyoubody{background-color: #E8E8E8; color:#000;max-width:100%;height:52px;margin:0px}
.asuforyoubody img{float:right;padding-right:20px;padding-top:14px;}
.asuforyoucontainer{text-align:inherit;max-width:1170px;margin:0 auto;width:100%;}
.asuforyoubody a{border-bottom:1px solid #000;color:#000;}
/* Medium devices (landscape tablets, 768px and up) */
@media screen and (max-width: 768px){
.asuforyoucontainer{padding:0px 7px 0px 18px;text-align:left;}
}

@media screen and (min-width: 992px){
#app-header .container #block-asu-brand-asu-brand-header{width:931px;}
.asuforyoucontainer{width:931px;}
}
@media screen and (min-width: 1200px){
#app-header .container #block-asu-brand-asu-brand-header{width:1170px;}
.asuforyoucontainer{width:1170px;}
}
/************************** end ****************************/

/*.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;
}

.enroll_button{
width: 100%;
}

.enroll_button  a {
   font-size: 12px;
    padding-left: 35% !important;
    margin-left: 2px;
    margin-top:3px;
    display: block;
    height: 85%;
    width: 100%;
}

#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: 56px;
}

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

#home-page .feature-region {
	height: 450px;
	background-image: url(https://assets.ea.asu.edu/CC-Course-Images/FJG-ASU19-2788.jpeg);
	background-size: 100%;
    background-size: cover;
background-position: center;
}

.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;
}

/* .product-account-image-wrapper {
max-width: 200px;
} */


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

.navbar-nav>li>.dropdown-menu {
	margin-top: -1px;
}
	

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

.navbar {
margin-bottom: 0;
}

ul.menu.nav.navbar-nav {
    width: 100%;
}

.navbar-nav>li>a {
color: white;
	padding: 20px 23px;
    font-family: Helvetica;
    font-weight: 600;
}

@media (max-width: 991px) {
.navbar-nav>li>a {
    padding: 20px 15px;
}
}
@media (max-width: 767px) {
.navbar-nav>li>a {
padding: 10px 10px;
}
}


.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;
font-size: 16px;
}

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

.navbar-ws .navbar-nav>li>a.active, .navbar-ws .navbar-nav>li>a:focus, .navbar-ws .navbar-nav>li>a:hover {
    color: #ffb310;
    background-color: #000;
}

.navbar-ws .navbar-nav>.active>a:hover {
    color: #ffb310 !important;
    background-color: #000 !important;
}

.navbar-ws .navbar-nav>.open>a, .navbar-ws .navbar-nav>.open>a:focus, .navbar-ws .navbar-nav>.open>a:hover {
    background-color: #000;
    color: #ffb310;
}

.navbar-ws .dropdown-menu {
background-color: #1f1f1f !important;
}

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: -1px;
    background-color: #1f1f1f !important;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: none;
}
}

@media (max-width: 991px) {
li.leaf#header-rfi a {
    margin-right: 0;
    margin-left: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
}
}

@media (min-width: 768px) {
li.leaf#header-rfi {
    float: right;
}
}

.navbar-ws .dropdown-menu>li>a:focus, .navbar-ws .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #ededed;
    background-color: #000;
}

@media (min-width: 768px) {
.navbar-ws .navbar-nav .login-btn {
    margin-left: 24px;
}
}

@media (min-width: 768px) {
.navbar-ws .navbar-nav .login-btn:before {
    content: '';
    width: 0;
    height: 50%;
    position: absolute;
    border: .5px solid #fff;
    top: 25%;
    left: -12px;
}
}

.navbar-nav>li.leaf>a.btn-gold {
    background-color: #FFC627;
    margin: 10px 13px 10px 10px;
    padding: 6px 17px;
    color: #2A2A2A;
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.navbar-ws .dropdown-menu>li>a {
    padding: 9px 25px 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #ededed;
}



@media (max-width: 767px) {
.expanded.dropdown span.caret {
	display: none;
}
}

@media (min-width: 768px) {
.expanded.dropdown span.fa-plus {
	display: none;
}
}

@media (max-width: 767px) {
.expanded.dropdown span.fa-plus {
    position: absolute;
    right: -24px;
    bottom: 10px;
}
}

.fa-plus:before {
    content: "\f0d7";
    font-size: 20px;
}

.mobile-nav .fa-plus:before {
    content: "\f0d8";
}

@media (max-width: 767px) {
#main-nav .open>.dropdown-menu {
    display: none;
}
}

@media only screen and (max-width: 450px) {
.header-branding h1 a img {
    height: auto;
    max-width: 100%;
}
}

@media only screen and (max-width: 374px) {
.navbar-brand {
    font-size: 13px;
    line-height: 22px;
}
}


@media (max-width: 767px) {
#main-nav .navbar-nav>li.mobile-nav>.dropdown-menu {
    display: block;
    position: relative;
    width: 100%;
    float: none;
}
}



@media (max-width: 767px) {
.navbar-collapse {
	max-height: none;
	padding-right: 30px;
}
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 9px 25px 10px;
	line-height: 1;
}
}

@media (max-width: 767px) {
.navbar-ws .navbar-nav>li>a.active, .navbar-ws .navbar-nav>li>a:focus, .navbar-ws .navbar-nav>li>a:hover {
    background: transparent;
	color: #fff;
}
}

@media (max-width: 767px) {
.navbar-ws .navbar-nav>li>a:focus {
	color: #fff;
}
}


@media (max-width: 767px) {
.navbar-toggle {
    margin-right: 5px;
}
}

/*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%;
}

.slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 60px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.75;
    color: #ddd;
    -webkit-font-smoothing: antialiased;
}

.slick-dots li.slick-active button:before {
    color: #FFC627;
}

.card.top {
     height: 450px;
    background-position: top;
    background-size: cover;
}

.card.top .container {
    padding-right: 15px;
    padding-left: 15px;
	padding-top: 40px;
}

.ss-text-wrapper {
	max-width: 620px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .ss-text-wrapper {
		max-width: none;
	}
}

@supports (-ms-ime-align:auto)  {
	/* IE Edge 12+ CSS styles go here */
	 .ss-text-wrapper {
		max-width: none;
	}	
}

@media only screen and (max-width: 991px) {
.ss-text-wrapper {
	max-width: 500px;
}
}

@media only screen and (max-width: 767px) {
.ss-text-wrapper {
	max-width: 290px;
}
}

@media only screen and (max-width: 767px) {
	.card.top .container {
		padding-top: 10px;
	}
}

#feature .btn-lg {
    font-size: 18px;
}

.card.top .container .name{
	display: inline;
    font-size: 32px;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    background-color: #FFC627;
    color: #2A2A2A;
    padding: 6px 15px;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

@media only screen and (max-width: 991px) {
	.card.top .container .name{
		font-size: 24px;

	}
}

@media only screen and (max-width: 767px) {
	.card.top .container .name{
		font-size: 18px;

	}
}

@media only screen and (max-width: 991px) {
	.card.top .container .btn-blue, #feature .btn-lg {
		padding: 6px 12px;
	}
}

@media only screen and (max-width: 767px) {
	.card.top .container .btn-blue, #feature .btn-lg {
		padding: 6px 12px;
		font-size: 16px;
	}
}

#feature .card.top {
visibility: hidden;
}

#feature.slick-initialized .card.top {
visibility: visible;
}

/*RESPONSIVE BREAKPOINTS*/

@media only screen and (max-width: 767px) {
	#search-form .search-categories ul {
		width: auto;
		min-width: 190px;
		max-width: 250px;
	}
}

@media only screen and (max-width: 1699px) {
	.card.top {
		height: 400px;
	}
}
@media only screen and (max-width: 1200px) {
	.card.top {
		height: 300px;
	}
}

@media only screen and (max-width: 991px) {
.card.top {
    height: 350px;
	}
}
@media only screen and (max-width: 767px) {
.card.top {
    height: 250px;
	}
}

@media only screen and (min-width: 3200px) {
.card.top {
    height: 150px;
	}
}

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

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

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

.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;
}
}

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

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

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


@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;
}

@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: 16px;
}

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

.row {
font-size: 16px;
}

.section-one {
padding-top: 20px;
padding-bottom: 20px;
}

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


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

.section-three {
width: 100%;
float: left;
}

.col-sm-4 {
width: 50%;
}
}


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


/*FOUR ICONS*/
.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;
}

.four-icons p {
font-size: 14px;
}
}


/*TABLES*/
.rteleft {
padding: 10px;
}


/*GOOGLE MAP RESPONSIVE CODE*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/*MY DASHBOARD*/
/* a, .Product__AssociatedProductsList--below-the-fold>li>a {
color: white;
display: none;
} */

.DashboardNavigation__Tab.active {
background-color: #FFC627;
color: #2a2a2a;
}

.header-branding h1 {
color: #2a2a2a;
font-weight: bold;
letter-spacing: -.5px;
}
.DashboardPanel .Icon__NotificationContainer p a {
    display: none;
}
@media (max-width: 767px) {
.navbar-nav {
    margin: 7.5px -5px;
}
}

#content:focus {
	outline: none;
}

.sticky-header-buttons {
    opacity: 0;
    visibility: hidden;
    background: #2A2A2A;
    padding: 5px 15px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 98!important;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sticky-header-buttons .pane-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
    padding: 5px 0;
}

.sticky-header-buttons .login-wrapper, .sticky-header-buttons .subscribe-button {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 100%;
}

.sticky-header-buttons .login-wrapper a, .sticky-header-buttons .subscribe-button a {
    font-size: 14px;
    line-height: 21px;
    padding: 5px 15px;
    font-weight: 600;
}

.btn-blue {
    color: #fff;
    background-color: #038dd5;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    color: #fff;
    background-color: #0aa9fc;
}

.btn-gold {
    color: #2a2a2a;
    background-color: #ffc425;
}

.btn-gold:hover, .btn-gold:active, .btn-gold:focus {
    color: #2a2a2a;
    background-color: #ffd053;
}



@media screen and (min-width: 993px) {
.sticky-header-buttons {
    display: none!important;
}
}


@media screen and (min-width:992px){
    #home-page .feature-region .alumni-hero .hero-bg-black{
    max-width: 565px;
    color: #ffffff;
    line-height: 62px;
    font-weight: 900;
    position: absolute;
    top: 35%;
}
}
#home-page .feature-region .alumni-hero .hero-bg-black span{
   background-color: black;
     box-shadow: 10px 0 0 black, -10px 0 0 black;
    padding: 2px 0px;
}
@media screen and (max-width:1199px){
    #home-page .feature-region .alumni-hero .hero-bg-black {
        max-width: 545px;
    }
}
@media screen and (max-width:991px){
#home-page .feature-region .alumni-hero .hero-bg-black{
font-size: 25px;
max-width: 400px;
color: #ffffff;
line-height: 38px;
font-weight: 900;
position: absolute;
top: 33%;
}
}
@media screen and (max-width:767px){
    #home-page .feature-region .alumni-hero .hero-bg-black{
         top:53%;
}
.navbar-header{
margin-left: 0px !important;
    margin-right: 0px !important;
}
}
@media screen and (max-width:700px){
    #home-page .feature-region .alumni-hero .hero-bg-black {
        max-width: 350px;
    }
}
@media screen and (max-width:600px){
    #home-page .feature-region .alumni-hero .hero-bg-black {
        max-width: 300px;

    }
}
@media screen and (max-width:450px){
    #home-page .feature-region .alumni-hero .hero-bg-black {
        max-width: 200px;
       top: 29%;
    }
}