/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
  --dt-color-primary: #FFFFFF;
  --dt-color-primary-contrast: #000000;
  --dt-color-primary-dark-text: #121212;
  --dt-color-secondary: #FFFFFF;
  --dt-color-secondary-contrast: #000000;
  --dt-color-secondary-dark-text: #0F0F0F;
  --dt-color-accent: #FFFFFF;
  --dt-color-accent-contrast: #000000;
  --dt-color-accent-dark-text: #080808;
  --dt-color-gray: #CCCCCC;
  --dt-color-gray-contrast: #000000;
  --dt-color-gray-dark-text: #636363;
  --dt-color-white: #FFFFFF;
  --dt-color-white-contrast: #000000;
  --dt-color-white-dark-text: #707070;
}


.dp-header :is(h1, h2, h3, h4, h5, h6),
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/* MZA TOP LEVEL ACCOUNT */


/* This will remove the upper-right links from the login modal 
          .ic-Login-header__links .ic-Login__link {
            display:none;
              }*/

/* This will increase the width of the logo in the login modal */
.ic - Login - header__logo {
  flex: 0 0 290 px;
  min - width: 2 px;
}



/*increase width of global nav */

body.primary - nav - expanded.ic - app - header {
  width: 100 px;
}


/*make "need a canvas account, click here it's free" something that is smaller*/
.ic - Login__link.ic - Login__register - banner {
  display: none;
}


.ic - app - header__logomark {
  margin - top: 0 px;
  padding - top: 0 px;
  height: 84 px;
}

/*

          .ic-Login {
            display: flex;
            justify-content: center;
          }

          .ic-Login__body {
            font-weight: bold;
            border-bottom: 2px solid rgba(0, 0, 0, 0.25)
          }
          */

/*

          .ic-Login__content {
            background-color: rgba(0, 0, 0, 0.85);
            border-radius: 20px;
            /* 30px 
          }*/


.ic - Input.text {
  font - weight: bold;
  color: #333333;
  font-size: 150%;

}




@media screen {
  .terms-of-service__link {
    padding-left: 4px;
  }

  .ic-Login__container {
    margin-top: 24px;
  }

  .ic-Login__content {
    width: 480px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 12px;
    border-radius: 5px;
  }

  .ic-Login__innerContent {
    padding-top: 24px;
    border-radius: 5px;
  }

  .ic-Input.text {
    font-weight: bold;
    color: # 333333;
    font - size: 150 %;

  }

  .ic - Login__body {
    padding: 18 px 18 px 12 px 18 px;
    margin - top: 12 px;
    border - bottom: solid;
  }


  .ic - Login - header {
    padding: 0 18 px;
    display: flex;
    justify - content: center;
    align - items: center;
  }



  .ic - Login - header__links {
    flex: 1;
    text - align: right;
    font - size: 13 px;
    font - size: 0.8125 rem;
    line - height: 1.3;
    box - sizing: border - box;
    padding - left: 12 px;
  }

  .ic - Login - header__links.ic - Login__link {
    display: block;
    margin - top: 6 px;
  }



  /*
  body.ic-Login-Body #footer.ic-Login-footer {
    display: block !important;
  }


  footer.ic-Login-footer {
    padding-bottom: 50px;
  }


  footer-links.ic-Login-footer_links {
    padding: 12px;
    text-align: center;
    font-weight: bold;

  }


  
.ic-Login-footer__links {
  font-weight: bold;
  /*color: #999;
}*/

  /*

.ic-app-footer {
  background-color: #1c5e90;
  margin: auto;
   0px 
  padding-left: 10px;
 24px 
  padding-right: 10px;

}*/


  /*
.ic-Login__link.ic-Login__register-banner {
  font-size: 70%;
  color: #999;
}
*/

  /*

footer.ic-Login-footer {
  background-image: url("https://dl.dropboxusercontent.com/u/206304/collegeEd.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 200px 100px;
  padding-bottom: 100px;
}



  .ic-Login-footer .ic-Login-footer__logo-link {
    display: block;
    text-align: center
  }

  .ic-Login-footer .ic-Login-footer__links {
    padding: 12px;
    text-align: center
  }

  */

  .ic - Login - footer.ic - Login - footer__links a,
  .ic - Login - footer.ic - Login - footer__links.menu - item__text,
  .ic - Login - footer.ic - Login - footer__links.external {
    outline - width: .125 rem;
    outline - color: transparent;
    outline - style: solid;
    /*color: var(--ic-brand-Login-footer-link-color);*/
    font - size: 11 px;
    font - size: 0.6875 rem;
    padding: 5 6 px;
    /*0 6px*/
    white - space: nowrap;
    text - decoration: underline
  }



  /* this will remove Instructure Facebook link from the footer on login page */
  # footer - links a[href$="facebook.com/instructure"],
  [href$="twitter.com/instructure"] {
    display: none;
  }