#footer-links {
    display:none !important;
}

.ic-Login-footer__logo-link {
    display:none !important;
}

.ic-Login__innerContent {
    background-color: rgba(0, 43, 133, 0.8); !important;
}

.ic-Login__forgot a {
    color: white;
    text-decoration: none;
}


.ic-Login-header{
    padding: 0 17%;
}

.ic-Login-header__logo img {

    max-width: 250px;
}

/* display logo */
#f1_container {
    /*background: url("https://secure.ie.edu/sso-campus/img/campus/iexl-low.png") no-repeat center top;*/
    background: url("https://instructure-uploads.s3.amazonaws.com/account_105540000000000001/attachments/142/IE_XL_H_neg.png") no-repeat center top;
    background-size: 100% auto;
    width: 302px;
}

/* update "Forgot Password?" link color/style */
#f1_container a {
    color: white;
    text-decoration: none;
}

/* override god-awful blue diamonds pattern */
html {
    background-image: none;
    background-color: #2D3B45;
}


.hiops-header{
   position: relative;
}

.hiops-header-info h1
{
	background-color: rgba(0, 0, 0, 0.52);
    font-size: 28px;
    text-align: center;
    font-weight: 100;

}

.hiops-header h3 {
    margin-top: -61px;
    color: white;
    font-size: inherit;
    font-weight: 100;
    padding: 20px;
    font-size: 23px;
}

.readmore
{
	margin-top: 30px;
    text-align: center;

}
.readmore-button{
    border: 1px solid #c2bebe;
    padding: 10px;
    cursor: pointer;
}

.more-content 
{
	display:none;
}
.course-summary{
	margin-top: 40px;

}

.visible 
{
	display:block;
}

.hiop-header-bg
{
	width: 100%;
}

.hiop-logo
{
	position: absolute;
	right: 0;
	margin-top: -72px;
	margin-right: 10px;
}

.hiop-logo-blanco{
    position: absolute;
    right: 0;
    margin-top: -215px;
    margin-right: 15px;
}

.description
{
	margin-left: 20px;
    margin-right: 20px;
}

.hiop-section-title{

    color: black;
    padding: 10px;
    font-size: 23px;
    margin: 20px 0px;
}

.hiops-header-title
{
	font-size: 30px
}

.hiops-header-info
{
	position: absolute;
    color: white;
    font-size: inherit;
    font-weight: 900;
    margin-top: 10px;
    width: 100%;
}

.profesor
{
	border-radius: 174px;
    margin-top: -150px;
    margin-left: 41%;
    border: 5px solid #fff;
    width: 200px;
}

.profesor-2
{
    border-radius: 174px;
    margin-top: -117px;
    margin-left: 38%;
    border: 5px solid #fff;
    width: 200px;
}
.profesor.two
{
    border-radius: 174px;
    margin-top: 0px;
    margin-left: 41%;
    border: 5px solid #fff;
    width: 200px;
}





/* ---- Timeline ---- */


 #hiop.hiop {
    position: relative;
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
    height: 52px;
    border-bottom: 3px solid #25354a;
}
ol.hiop::before,
ol.hiop::after {
	content: "";
	position: absolute;
	top: 44px;
	display: block;
	width: 0;
	height: 0;
  border-radius: 10px;
	border: 10px solid #25354a;
}
ol.hiop::before {
	left: -5px;
}
 ol.hiop::after {
    right: -10px;
    /* border: 10px solid transparent; */
    border-right: 0;
    border-left: 20px solid #25354a;
    border-radius: 27px;
}

/* ---- Timeline elements ---- */

.hiop li:first-child {
    /*position: relative;*/
    top: -60px;
    display: inline-block;
    float: left;
    width: 10%;
    transform: rotate(-45deg);
    margin-left: 10%;
}

.hiop li.four-weeks {
    margin-left: 9%;
}

.hiop li {
   /* position: relative;*/
    top: -60px;
    display: inline-block;
    float: left;
    width: 10%;
    transform: rotate(-45deg);
    margin-left: 5%;
}
.hiop li::before {
	content: "";
	position: absolute;
	top: 3px;
	left: -29px;
	display: block;
	width: 6px;
	height: 6px;
	border: 4px solid #25354a;
	border-radius: 10px;
	background: #eee;
}

/* ---- Details ---- */
#hiop > li > .details {
    display: none;
    position: absolute;
    left: -77px;
    top: -52px;
    padding: 10px;
    border-radius: 3px;
    border: 2px solid rgb(37, 53, 74);
    border-bottom: 2px solid rgb(37, 53, 74);
    transform: rotate(45deg);
    background: #fefefe;
}


/* ---- Hover effects ---- */

.hiop li:hover {
	cursor: pointer;
  color: #28e;
}
.hiop li:hover::before {
	top: 1px;
	left: -31px;
	width: 8px;
	height: 8px;
	border-width: 5px;
	border-color: #25354a;
}
.hiop li:hover > .details{
	display: block!important;
  color: #444;
}



@media (max-width:1300px) {


.profesor
{
	margin-top: 0;
	margin-left: 10%;
}



.hiops-header h3 {
     margin-top: 0px; 
    color: #030303;
    font-size: inherit;
    font-weight: 100;
    padding: 20px;
    font-size: 23px;
}

.hiop-logo {
    margin-top: -169px;
    margin-right: 38px;
}

}



@media (max-width:940px) {
.hiop li {
    top: -60px;
    display: inline-block;
    float: left;
    /* width: 10%; */
    transform: rotate(-45deg);
    font: bold 14px arial;
    margin-left: 5%;
}
 #hiop.hiop {    
height: 43px;
}

ol::before,
ol::after {
	content: "";
	position: absolute;
	top: 33px;
}

}

@media and (min-width:940px) {
.hiop li {
    top: -60px;
    display: inline-block;
    float: left;
    /* width: 10%; */
    transform: rotate(-45deg);
    font: bold 14px arial;
    margin-left: 10%;
}
 #hiop.hiop {    
height: 43px;
}

ol::before,
ol::after {
	content: "";
	position: absolute;
	top: 33px;
}


}


/*CSS- Meet The Program Management Team*/

.profile-card
{
    margin-top: -120px;
    background-color: #f2f2f2;
    padding-bottom: 20px;
    margin-bottom: 100px;
}

.hiops-header-role h1
{
    font-size: 28px;
    text-align: center;
    font-weight: 100;
    padding-top: 112px;

}

.hiops-header-role h2
{
    padding-top: 0;
    color: #a9c1e0;
    font-size: 24px;
    text-align: center;
    font-weight: 100;
}

.role
{
    border-radius: 174px;
    border: 8px solid #f2f2f2;
    width: 200px;
    margin: 0px auto;
    display: block;
}

.hr-role{
    margin: 20px 30px;
    border-top: 1px solid #d9dce0;
}


.hiop-section-title-role{
    color: #999;
    padding: 0px 19px;
    font-size: 18px;
    margin: 10px 0px;
}

.description-role
{
    margin-left: 20px;
    margin-right: 20px;
    line-height: 1.8;
}

.gradetable
{
        width: 50%;
    margin-left: 20%!important;
}

.gradetable td
{
text-align: center;
}


.gomultimedia{
    background-color: rgb(181, 69, 45);
    padding: 8px 30px;
    border-radius: 5px;
    color: white;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 45%;
    text-decoration: none!important;
    font-weight: bold;
    border: 1px solid #883725;
    text-transform: uppercase;
}

.gomultimedia:hover, .gomultimedia:focus  {
     color: white!important;
     background-color: rgba(181, 69, 45,0.8);
}


.gomultimedia-title
{
    position: absolute;
    color: white;
    font-size: 23px;
    top: 22%;
    left: 37%;
    text-transform: uppercase;
}

[data-testid="speedgrader-feedback"] {
    background-color: white;
}