/* template-2017-simple.css */

body{
  font-family: 'Raleway', sans-serif;
}
.navbar.ku-eyebrow{
  background: #0051ba url("/cas/themes/ku-theme/images/dotted-white.svg") top left repeat;
  border-bottom: none;
  height: 40px;
  font-size:.8em;
}
.navbar.ku-eyebrow a, .brandbar a, .brandbar{
  color:#ffffff;
}
.brandbar{
  height:100px;
  background:#0051ba;
}
.brandbar .logo-img img{
  width: 108px;
  height: 79px;
  border-right: 1px solid #fff;
  margin: 5% 5% -5% 0;
}
.brandbar .site-name-slogan{
  margin-left:2%;
}
.brandbar .site-name{
  font-size: 1.4em;
  font-weight:bold;
  margin-top:4%;
}
.brandbar .site-slogan{
  font-size:.9em;
  text-indent:5%;
}
.topnav ul{
  width: 100%;
  border-bottom:1px solid #dde5ed;
  font-size:.9em;
  height:30px;
  padding-top:.5%
}
.topnav li{
  padding-right:1.5%;
}
.home-link{
  margin-top:-3px;
}
footer{
  background: #fff url("/cas/themes/ku-theme/images/dotted-grey.svg") left top repeat;
  background-size:1%;
  margin-top:2%;
  padding-top:2.5%;
}
footer .unit-footer-bg{
  border-right: 55px solid transparent;
  border-top:195px solid #dde5ed;
  width:85%;
  padding:0;
}
footer .unit-footer{
  margin-top:-175px;
  font-size:.9em;
}
footer address, footer address a{
  color: #666;
}
footer .ku-footer{
  background: #003459;
  min-height:90px;
  padding: 20px 0 10px 0;
  font-size:.95em;
}
footer .ku-footer, footer .ku-footer li a{
  color:#ffffff;
}
footer div.footer-links ul{
  margin: 1% 0 0 0;
  padding: 0;
  font-size:.9em;
}
footer .disclaimer{
  font-size:.6em;
  padding-top:10px;
}
footer .disclaimer, footer .disclaimer a{
  margin-top:1%;
  color:#85898a;
}

/* ku-colors-2017.css */

.ku-blue-background{
  background:#0051ba;
}
.ku-blue{
  color:#0051ba;
}
.ku-red-background{
  background:#e8000d;
}
.ku-red{
  color:#e8000d;
}
.ku-yellow-background{
  background:#ffc82d;
}
.ku-yellow{
  color:#ffc82d;
}
.ku-grey-background{
  background:#85898a;
}
.ku-grey{
  color:#85898a;
}
.ku-darkgrey{
  color:#51626f;
}
.ku-night-background{
  background:#003459;
}
.ku-night{
  color:#003459;
}
.ku-lake-background{
  background:#2767ff;
}
.ku-lake{
  color:#2767ff;
}
.ku-sky-background{
  background:#73cbf2;
}
.ku-sky{
  color:#73cbf2;
}
.ku-fog-background{
  background:#8e9fbc;
}
.ku-fog{
  color:#8e9fbc;
}
.ku-steam-background{
  background:#dde5ed;
}
.ku-steam{
  color:#dde5ed;
}
.ku-brick-background{
  background:#971b2f;
}
.ku-brick{
  color:#971b2f;
}
.ku-fire-background{
  background:#ff3042;
}
.ku-fire{
  color:#ff3042;
}
.ku-wheat-background{
  background:#f2a900;
}
.ku-wheat{
  color:#f2a900;
}
.ku-terracotta-background{
  background:#c66e4e;
}
.ku-terracotta{
  color:#c66e4e;
}
.ku-limestone-background{
  background:#d7d2cb;
}
.ku-limestone{
  color:#d7d2cb;
}

/* CAS THEME */

body {
  background-color: #0051ab
}

main {
  min-height: 341px
}

#content>div {
  background-color: transparent;
  border: none
}

footer {
  margin-top: 0;
  padding-top: 0
}

a {
  color: #0051ba
}

ul.kusupport {
  list-style: none;
  line-height: 1.1;
  padding-left: 15px;
  margin: 0 10% 0 0
}

ul.kusupport-first {
  padding-left: 0
}

ul.kusupport li {
  padding-bottom: 7px
}

ul.kusupport li small {
  color: #808080;
  line-height: 28px;
  white-space: nowrap;
  display: block
}

.webui-popover .webui-popover-content {
  font-size: .85em;
  color: #666666;
  max-width: 271px
}

#ku-backdrop {
  background: #003459 url("/cas/themes/ku-theme/images/ku-background.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
  height: auto
}

#list-providers ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0
}

#list-providers ul li {
  margin-bottom: 11px
}

#list-providers ul li:last-child {
  margin-bottom: 0
}

#duo_iframe {
  display: inherit;
  margin-left:auto;
  margin-right:auto;
  min-width: 100%;
  min-height: 356px;
  padding:.75rem;
  border: none
}

#loginForm {max-width: 570px}

a#KUMC {
  background-image: url("/cas/themes/ku-theme/images/kumc.svg");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  text-indent: 59px
}

.mdc-button-cas:hover {opacity: .5;}

/*xs*/
#fm1 h3 {
  font-size: 1rem
}

.brandbar {
  height: 73px
}

.brandbar .logo-img img {
  width: 83px;
  height: auto
}

.site-name-slogan h1 {
  padding-top: 21px;
  font-size: 1.5rem
}

.sidebar-content p,
.ku-what a {
  font-size: .6rem;
  margin: 0
}

aside.brandbar div.container,
aside.brandbar div.container div.row {
  padding-right: 0
}

.pwd-links {
  margin-top: 5px;
  font-size: .8rem
}

.pwd-links p {
  margin-bottom: .5rem;
  text-align: center
}

.card-title {
  font-size: 1rem
}

label {
  margin-bottom: 0;
}

.navbar.ku-eyebrow {
  display: none
}

#ku-legal {font-size:.9em}
#duo_iframe {min-height: 417px;}
button.kulo{overflow: hidden}


/* sm */
@media (min-width: 576px) {

  #banner-img {
    display: inline;
    width: 470px
  }

  .pwd-links p {
    margin-bottom: 1rem
  }

  .navbar.ku-eyebrow {
    display: block
  }
  #duo_iframe {min-height: 355px;}
  button.kulo{width: 420px}
}

/* md */

@media (min-width: 768px) {
  #banner-img {
    width: 208px
  }

  #fm1 h3 {
    font-size: 1.5rem
  }

  .pwd-links {
    margin-top: 10px;
    font-size: 1rem
  }

  .brandbar {
    height: 97px
  }

  .brandbar .logo-img img {
    width: 108px;
    height: auto
  }

  .site-name-slogan h1 {
    padding-top: 22px;
    font-size: 2.5rem
  }

  .sidebar-content p,
  .ku-what a {
    font-size: .8em
  }

  .card-title {
    font-size: 1rem
  }


  #ku-legal {
    max-width: 248px;
  }

  a#KUMC {
    background-image: none;
    text-indent: 0;
  }

  #duo_iframe {
    min-width: 67%;
    min-height: 435px;
    padding:1.25rem}

  button.kulo{width: 600px}
}

/* lg */

@media (min-width: 992px) {

  #banner-img {
    width: 328px
  }

  #list-providers {
    min-width: 328px;
  }

  #ku-legal {
    max-width: 368px;
  }

  a#KUMC {
    background-image: url("/cas/themes/ku-theme/images/kumc.svg");
    text-indent: 59px;
  }

  label {
    margin-bottom: .5em;
  }
  #duo_iframe {min-height: 371px;}
  button.kulo{width: 840px;}
}


/* xl */

@media (min-width: 1200px) {

  a#KUMC {
    text-indent: 69px;
  }
  button.kulo{width: 1020px}
}

/* begin campus alert */

#campusalert {
  font-family: "Raleway", sans-serif;
  margin: 0;
  background-color: #E8000D;
  clear: both;
  padding: 0;
  width: 100%
}

#campusalert .text {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px
}

@media print,
screen and(min-width:40em) {
  #campusalert .text {
    padding-left: 0.80645%;
    padding-right: 0.80645%
  }
}

@media screen and(min-width:76.25em) {
  #campusalert .text {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1240px
  }
}

#campusalert .text .link {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding: 10px 0
}

@media print,
screen and(min-width:40em) {
  #campusalert .text .link {
    font-size: 20px;
    line-height: 22px
  }
}

#campusalert .text a {
  color: #ffffff;
  margin: 0;
  text-decoration: none
}

#campusalert .text a:hover {
  color: #ffffff;
  text-decoration: underline
}

#campusalert .text a .i.fa.fa-long-arrow-right {
  vertical-align: middle;
  padding-left: 5px
}

#campusalert.Advisory,#campusalert.Weather,#campusalert.All-Clear,#campusalert.Emergency  {
  background-color: #f20017
}

#campusalert.Weather {
  background-color: #f20017
}