/* SASS FILE: citl/_variables.scss */
/* SASS FILE: citl/components/_mixins.scss */
/* CITL COMPONENTS */
/* SASS FILE: citl/citl-components.scss */
/* SASS FILE: citl/components/_mixins.scss */
/* SASS FILE: citl/components/_card.scss */


/* VARIABLES */
/* colors palettes */

:root {

    /* color pallete */
    --il-orange:#ff552e;
    --il-altgeld:#dd3403;
    --il-blue:#13294b;
    --il-alma-mater:#1e3877;
    --il-alma-mater-1:#4d69a0;
    --il-alma-mater-2:#849bc1;
    --il-alma-mater-3:#afc7db;
    --il-industrial-blue:#1d58a7;
    --il-industrial-blue-1:#5783bc;
    --il-industrial-blue-2:#90aed5;
    --il-industrial-blue-3:#cad9ef;
    --il-arches-blue:#009fd4;
    --il-arches-blue-1:#7fc3e1;
    --il-arches-blue-2:#a6d7eb;
    --il-arches-blue-3:#d2ebf5;
    --il-cloud:#f8fafc;
    --il-cloud-1:#e8e9eb;
    --il-cloud-2:#dddede;
    --il-cloud-3:#d2d2d2;
    --il-heritage-orange:#f5821e;
    --il-heritage-orange-1:#e56e15;
    --il-heritage-orange-2:#ce5e11;
    --il-heritage-orange-3:#b74d04;


    /* font pallete */
    --il-fjalla-one:"Fjalla One",sans-serif;

    --il-montserrat:"Montserrat",sans-serif;
    --il-montserrat-alt:"Montserrat Alternate",sans-serif;

    --il-source-sans:"Source Sans Variable", "Source Sans Pro", "Source Sans",sans-serif;
    --il-source-sans-fixed:"Source Sans Pro", "Source Sans",sans-serif;

    --il-source-serif:"Source Serif Variable","Source Serif",serif;
    --il-source-serif-fixed:"Source Serif",serif;

    /* font assignments */
    --citl-body-font-family: var(--il-source-sans); /* "Source Sans Pro",Arial,sans-serif; */
    --citl-title-font-family: var(--il-fjalla-one); /* 'Montserrat', 'Source Sans Variable', 'Source Sans', sans-serif; */
    --citl-title-font-family-2: var(--il-montserrat); /* 'Montserrat', 'Source Sans Variable', 'Source Sans', sans-serif; */
}

/* font loader */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);


.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*
    CITL Card is a panel layout featuring regions for an image, title, description, 
    and action element.
*/
.citl-card {
  display: block;
  position: relative;
  /* appearance */
  border: 1px dotted #ddd;
  font-size: 13px; }
  .citl-card .card-image img {
    width: 100%;
    max-width: 100%; }

.citl-card.horizontal {
  max-width: 480px; }
  .citl-card.horizontal .card-title,
  .citl-card.horizontal .card-body {
    margin-left: 144px;
    padding: 0.0em 0.5em; }
  .citl-card.horizontal .card-image {
    width: 144px;
    margin-right: -144px;
    float: left;
    position: relative;
    overflow: hidden;
    /*&:before {
            content:"";
            display:block;
            padding-top:100%; // 1x1 aspect ratio
        }*/ }
    .citl-card.horizontal .card-image:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .citl-card.horizontal .card-image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-filter: saturate(0.5); }
    .citl-card.horizontal .card-image:hover img {
      -webkit-filter: saturate(1);
      transition: all ease-in 0.2s; }
  .citl-card.horizontal .card-body {
    margin-bottom: 2.5em; }
  .citl-card.horizontal .card-action {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 144px;
    right: 0;
    padding: 0.5em 0.5em; }

.citl-card.vertical {
  max-width: 320px; }
  .citl-card.vertical .card-image,
  .citl-card.vertical .card-title,
  .citl-card.vertical .card-body,
  .citl-card.vertical .card-action {
    float: none;
    width: auto; }
  .citl-card.vertical .card-title,
  .citl-card.vertical .card-body,
  .citl-card.vertical .card-action {
    padding: 0 0.5em; }
  .citl-card.vertical .card-action {
    padding: 0.5em; }
  .citl-card.vertical .card-image {
    float: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    /*&:before {
            content:"";
            display:block;
            padding-top:50%; // 2x1 aspect ratio
        }*/ }
    .citl-card.vertical .card-image:before {
      content: "";
      display: block;
      padding-top: 56.25%; }
    .citl-card.vertical .card-image img {
      position: absolute;
      bottom: 0;
      left: 0; }
  .citl-card.vertical .card-action {
    text-align: right; }

/* SASS FILE: citl/components/_banner.scss */
/* hides text from screen by setting font-size and line-height to zero */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.toggleStateCheckbox {
  display: none; }

.citl-navbar {
  position: relative;
 /* background-color: #001f55;*/
 background-color: #13294b;
  color: #ffffff;
  /* Toggle Buttons */
  /* by default these elements are hidden (max-height:0; overflow-y:hidden)*/
  /* the search control */
  /* MENU CONTENTS */
  /* vertical menu */
  /* the upper menu has colors, fonts, borders and hover behavior */
  /* the lower menu has colors, fonts, borders and hover behavior */ }
  .citl-navbar a {
    color: #ffffff;
    text-decoration: none; }
  .citl-navbar .citl-navbar-brand {
    display: block;
    margin-left: 48px;
    margin-right: 48px; }
    .citl-navbar .citl-navbar-brand a {
      font: 0/0 serif;
      text-shadow: none;
      color: transparent; }
    .citl-navbar .citl-navbar-brand .brand-label {
      font: 0/0 serif;
      text-shadow: none;
      color: transparent;
      display: inline-block;
      font-size: 0;
      width: 100%; }
      .citl-navbar .citl-navbar-brand .brand-label:before {
        content: "";
        margin: auto;
        display: block;
        height: 48px;
        width: 128px;
        background-image: url("../images/wordmark-mobile.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-position: 0 0; }
  .citl-navbar .citl-navbar-main-menu {
    float: left;
    display: inline-block;
    width: 100px;
    margin-left: 0px; }
  .citl-navbar .citl-navbar-toggle {
    cursor: pointer;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    opacity: 0.8; }
    .citl-navbar .citl-navbar-toggle:hover {
      opacity: 1.0; }
    .citl-navbar .citl-navbar-toggle label {
      display: inline-block;
      width: 100%;
      height: 100%; }
  .citl-navbar .citl-navbar-toggle.lower-menu-toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    width: 48px;
    background-image: url("../images/menu-icon.png");
    background-repeat: no-repeat;
    background-position: center center; }
    .citl-navbar .citl-navbar-toggle.lower-menu-toggle label {
      margin: 0; }
  .citl-navbar .citl-navbar-toggle.citl-navbar-search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 48px;
    background-image: url("../images/search-icon.png");
    background-repeat: no-repeat;
    background-position: center center; }
    .citl-navbar .citl-navbar-toggle.citl-navbar-search-toggle label {
      margin: 0; }
  .citl-navbar .citl-navbar-lower-band {
    /*background-color: #e36c12;*/
	background-color: #e84a27;
    max-height: 0;
    overflow: visible;
    /*transform-origin: top;
        transform: scale3d(1,0,0);*/
    transition: max-height .2s ease; }
  .citl-navbar .citl-navbar-menu.upper-menu,
  .citl-navbar .citl-navbar-menu.lower-menu {
    max-height: 0;
    overflow: visible;
    transition: max-height .2s ease; }
  .citl-navbar .citl-navbar-search-container {
    max-height: 0;
    overflow: hidden;
    /*transform-origin: top;
        transform: scale3d(1,0,0);*/
    transition: max-height .2s ease; }
  .citl-navbar #cbExpandSearchBox:checked ~ .citl-navbar-search-container {
    max-height: 500px;
    border-top: 1px dashed #0044bb;
    /*transform-origin: top;
        transform: scale3d(1,1,0);*/ }
  .citl-navbar #cbExpandUpperMenu:checked ~ .citl-navbar-menu.upper-menu {
    max-height: 500px;
    /*transform: scale3d(1,1,1);*/ }
  .citl-navbar #cbExpandLowerMenu:checked ~ .citl-navbar-lower-band .citl-navbar-menu.upper-menu {
    max-height: 501px; }
  .citl-navbar #cbExpandLowerMenu:checked ~ .citl-navbar-lower-band .citl-navbar-menu.lower-menu {
    max-height: 502px; }
  .citl-navbar #cbExpandLowerMenu:checked ~ .citl-navbar-lower-band {
    max-height: 503px; }
  .citl-navbar .citl-navbar-search-container {
    border-top: 0px dashed #0044bb;
    background-color: #13294b;
    transition: 0.3s; }
  .citl-navbar .navbar-search-control {
    margin: 2px auto;
    width: 80%;
    font-size: 1.125em;
    padding: 12px 0; }
    .citl-navbar .navbar-search-control .search-input {
      height: 2.4em;
      padding: 0em 2.5%;
      margin-left: -2.5%;
      width: 75%;
      margin-bottom: 0;
      line-height: 1.5;
      border: 0.08em solid rgba(0, 0, 0, 0.1);
      border-right-width: 0px;
      border-radius: 0.5em 0 0 0.5em;
      background-color: #fff;
      color: #777;
      vertical-align: middle;
      outline: 0;
      margin: 0px; }
      .citl-navbar .navbar-search-control .search-input:focus {
        box-shadow: 0 0 5px #51cbee;
        *border-width: 2px;
        border-color: #5593ff; }
    .citl-navbar .navbar-search-control .search-submit {
      border: 0.08em solid #ef8739;
      border-width: 0px;
      color: #fff;
      background-image: linear-gradient(#ef8739 0px, #b4560e 100%);
      background-color: #e84a27;
      line-height: 1.5;
      width: 25%;
      height: 2.4em;
      padding: 0;
      border-left: 0;
      border-radius: 0 .5em .5em 0;
      vertical-align: middle;
      transition: all ease-in 0.3s; }
      .citl-navbar .navbar-search-control .search-submit:hover, .citl-navbar .navbar-search-control .search-submit:focus {
        background-image: linear-gradient(#f3a468 0px, #e84a27 100%);
        background-color: #ef8739;
        border-color: #ef8739; }
    @media print, screen and (min-width: 768px) {
      .citl-navbar .navbar-search-control .search-input {
        width: 80%; }
      .citl-navbar .navbar-search-control .search-submit {
        width: 20%; } }
  .citl-navbar ul.citl-navbar-menu {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .citl-navbar ul.citl-navbar-menu li {
      padding: 0; }
      .citl-navbar ul.citl-navbar-menu li a {
        display: block;
        padding: 0.5em; }
  .citl-navbar .upper-menu {
    background-color: #003288;
    color: #eeeeee; }
    .citl-navbar .upper-menu > li {
      border-top: 1px solid #0044bb; }
    .citl-navbar .upper-menu > li > a {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 11px;
      color: #eeeeee; }
      .citl-navbar .upper-menu > li > a:hover {
        color: white;
        background-color: #0044bb; }
  .citl-navbar .lower-menu {
    background-color: #e84a27;
    color: white; }
    .citl-navbar .lower-menu > li {
      border-top: 1px solid #ef8739; }
    .citl-navbar .lower-menu > li > a {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 11px;
      color: white; }
      .citl-navbar .lower-menu > li > a:hover {
        color: white;
        background-color: #ef8739; }
  @media print, screen and (min-width: 768px) {
    .citl-navbar {
      /* hide menu toggle button */
      /* menus become displayed horizontal list */
      /* menus should not be widder than content width */
      /* menus should be displayed horizontally */
      /* Upper Menu */
      /* Lower Menu */
      /* change banner image, layout */ }
      .citl-navbar .citl-navbar-toggle.lower-menu-toggle {
        display: none; }
      .citl-navbar ul.citl-navbar-menu.upper-menu,
      .citl-navbar ul.citl-navbar-menu.lower-menu,
      .citl-navbar .citl-navbar-lower-band {
        display: block;
        max-height: none; }
      .citl-navbar ul.citl-navbar-menu.upper-menu,
      .citl-navbar ul.citl-navbar-menu.lower-menu {
        max-width: 1170px;
        margin: auto; }
      .citl-navbar ul.citl-navbar-menu.upper-menu > li,
      .citl-navbar ul.citl-navbar-menu.lower-menu > li {
        display: table-cell;
        display: block;
        text-align: center;
        float: left;
        padding: 0;
        background-color: transparent; }
      .citl-navbar ul.citl-navbar-menu.upper-menu {
        /* change upper menu position */
        position: absolute;
        top: 0;
        right: 48px;
        /* remove background colors */
        background-color: transparent; }
      .citl-navbar ul.citl-navbar-menu.upper-menu > li {
        /* shift borders to horizontal separators */
        border-top: 0px solid #0044bb;
        border-right: 1px solid #000c22; }
        .citl-navbar ul.citl-navbar-menu.upper-menu > li > a {
          line-height: 48px;
          padding: 0 1em; }
          .citl-navbar ul.citl-navbar-menu.upper-menu > li > a:hover {
            background-color: #003288; }
      .citl-navbar ul.citl-navbar-menu.lower-menu > li {
        /* effort to size columns similarly*/
        min-width: 13%;
        x-max-width: 14.2857%;
        /* shift borders to horizontal separators */
        border-top: 0px solid #ef8739;
        border-right: 1px solid #ef8739; }
      .citl-navbar .citl-navbar-brand {
        margin-left: 0; }
        .citl-navbar .citl-navbar-brand .brand-label:before {
          content: "";
          display: block;
          width: 100%;
          background-image: url("../images/wordmark-desktop.png");
          background-position: 0 0; } }

/* SASS FILE: citl/components/_footer.scss */
@font-face {
  font-family: 'FontAwesome';
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* icon-links */
a[class^='link-'] {
  font-size: 0;
  line-height: 0;
  padding: 0; }
  a[class^='link-']:before {
    font-size: 18px;
    line-height: 1em;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    padding: 6px; }

a[class^='link-']:before {
  font-family: FontAwesome;
  color: #fff; }

/* facebook link */
.link-fb:before {
  display:inline-block;
  background-color: #3B5998;
  font-family: FontAwesome;
  content: "\f09a"; }

/* twitter link */
.link-tw:before {
  display:inline-block;
  font-family: FontAwesome;
  content: "\f099";
  background-color: #0084b4; }

/* linked-in link */
.link-li:before {
  display:inline-block;
  font-family: FontAwesome;
  content: "\f0e1";
  background-color: #4875B4; }

/* menu links */
.social-menu a,
.email a,
.tel a,
.postal-address a {
  display: flex !important;
  align-items: center;
  line-height: 1.25em; }

.email a:before,
.tel a:before,
.postal-address a:before {
  display:inline-block;
  font-size: 20px;
  line-height: 1em;
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 6px;
  padding: 7px;
  text-align: center;
  margin-right: 9px;
  align-self: flex-start; }

.email a:before {
  font-family: FontAwesome;
  content: "\f0e0";
  color: white;
  background-color: #9E9E96; }

.tel a:before {
  font-family: FontAwesome;
  content: "\f095";
  color: white;
  background-color: #79B854; }

.postal-address a:before {
  font-family: FontAwesome;
  content: "\f041";
  color: white;
  background-color: #B23A40; }

.link-tel:before {
  font-family: FontAwesome;
  content: "\f095"; }

.link-mail:before {
  font-family: FontAwesome;
  content: "\f0e0"; }

.link-place:before {
  font-family: FontAwesome;
  content: "\f041"; }

/* FOOTER DESIGN */
.citl-region-footer {
  background-color: #13294b;
  font-size: 12px;
  color: #fefefe; }

.citl-region-footer a {
  color: #ccc; }

.citl-region-footer a:hover {
  color: #ffffff; }

.citl-footer .footer-header {
  position: relative;
  background-color: #666;
  color: #999; }

.citl-footer .footer-body {
  position: relative; }

.citl-footer .content-panel a {
  
}

.citl-footer .content-panel a:hover:before {
  
}


.content-panel h3 {
  padding: 6px;
  font-size: 14px; }

/* social menu: horizontal, iconized  */
x.content-panel.social-menu {
  display: block;
  float: right;
  width: 50%; }

.content-panel.social-menu {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0; }

.content-panel.social-menu h3 {
  font-size: 0;
  line-height: 0;
  display: none;
  line-height: 1.2em; }

.content-panel.social-menu ul {
  text-align: right;
  list-item-style: none;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
  line-height: 0; }

.content-panel.social-menu ul > li {
  display: inline-block;
  min-width: 32px; }

.content-panel.social-menu ul > li > a {
  display: block;
  padding: 4px 4px;
  font-size: 0;
  line-height: 0; }

.content-panel.social-menu ul > li > a {
  /* color: #eee;  */
}

.content-panel.social-menu ul > li > a:hover {

  /* background-color: #444;  */
}

/* image */
.identity {
  display: block;
  float: left;
  width: 50%; }
  .identity .brand a {
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0;
    padding: 3px; }
    .identity .brand a:before {
      content: "";
      display: block;
      width: 128px;
      height: 48px;
      background: url(../images/wordmark-mobile.png);
      background-repeat: no-repeat;
      background-position: top center; }

.content-panel {
  display: block;
  padding: 6px;
  font-size: 14px;
  line-height: 1.2em; }
  .content-panel h3 {
    font-size: 14px;
    color: #feffff;
    margin: 0; }
  .content-panel a {
    font-size: 14px;
    color: #fffeff;
    text-decoration: none; }
    .content-panel a:hover {
      color: #ffffff; }

.content-panel.content-panel-action {
  display: none; }

.content-panel.content-panel-citl {
  display: block;
  float: left;
  width: 100%; }
  .content-panel.content-panel-citl h3 {
    display: none; }

.content-panel.content-panel-contact {
  display: block;
  float: right;
  width: 100%; }
  .content-panel.content-panel-contact a {
    display: block;
    padding: 4px; }
    .content-panel.content-panel-contact a:hover {
      /*background-color: #444;*/ }
  .content-panel.content-panel-contact > ul > li {
    padding: 0px; }

.content-panel.content-panel-connect {
  display: none;
  float: right;
  width: 50%; }
  .content-panel.content-panel-connect ul {
    text-align: center;
    list-item-style: none;
    padding: 0;
    margin: 0 auto; }
    .content-panel.content-panel-connect ul > li {
      display: inline-block;
      min-width: 32px; }
      .content-panel.content-panel-connect ul > li > a {
        display: block;
        padding: 6px; }
        .content-panel.content-panel-connect ul > li > a:hover {
          /*background-color: #444;*/ }

/* content menu: vertical  */
.content-panel ul {
  list-item-style: none;
  padding: 0; }
  .content-panel ul > li {
    display: block; }
  .content-panel ul > li > a {
    display: block;
    padding: 6px; }
  .content-panel ul > li > a:hover {
    text-decoration: underline;
    color: var(--il-orange);
    /*background-color: #444; */ 
  }

  .content-panel ul > li > a::before {
    text-decoration:none;
  }

  .content-panel ul > li > a[class^='link-']:hover {
    text-decoration:none;
  }

  .content-panel ul > li > a:hover > span {
    text-decoration: underline;
    color: var(--il-orange);
  }

/* action panel */
.action .btn-primary {
  background-color: #E36C12;
  text-transform: uppercase; }
  .action .btn-primary:hover {
    background-color: #EF8739; }

@media print, screen and (min-width: 768px) {
  /*.social-menu {display:none;}*/
  /* brand to the left */
  .identity {
    width: 160px; }
  .content-panel.content-panel-citl {
    width: 140px;
    clear: right; }
  .content-panel.content-panel-citl h3 {
    display: block; }
  .content-panel.content-panel-contact {
    width: 210px;
    float: left;
    clear: right;
    margin-left: -370px; }
  .content-panel.content-panel-contact a {
    font-weight: normal; }
  x.content-panel.social-menu {
    width: 150px;
    position: absolute;
    top: 0;
    right: 0; }
  .content-panel.social-menu {
    position: relative;
    float: left;
    width: 160px;
    margin-left: 210px; }
  .content-panel.social-menu h3 {
    font: inherit;
    display: block; }
  .content-panel.social-menu ul {
    list-item-style: none;
    padding: 0;
    margin: 0 auto;
    font: inherit; }
  .content-panel.social-menu ul > li {
    display: block;
    min-width: 32px; }
  .content-panel.social-menu ul > li > a {
    display: block;
    padding: 4px 4px;
    font-size: 14px; }
  .identity .brand a:before {
    height: 48px;
    width: 128px;
    float: left;
    background: url(../images/wordmark-mobile.png);
    background-repeat: no-repeat;
    background-position: topm center; }
  /* content-menu becomes horizontal */
  x.content-panel ul {
    text-align: center;
    list-item-style: none;
    padding: 0;
    margin: 0 auto; }
  x.content-panel ul > li {
    display: inline-block;
    min-width: 32px; }
  x.content-panel ul > li > a {
    display: block;
    padding: 6px; }
  x.content-panel ul > li > a {
    color: #eee; }
  x.content-panel ul > li > a:hover {
    background-color: #444; }
  .content-panel.content-panel-contact > div > div {
    padding: 0px; }

    .content-panel.content-panel-contact > ul > li a {
      text-decoration:none; 
    }

    .content-panel.content-panel-contact > ul > li a:hover span {
      text-decoration:underline; 
    }



  .email a:before,
  .tel a:before,
  .postal-address a:before {
    font-size: 14px;
    line-height: 1em;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    margin-right: 9px; }
  /*a[class^='link-']:before {
		font-family:FontAwesome;
		font-size:24px;
		line-height:24px;
		width:36px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border-radius:6px;
		padding:6px;
	}*/

  /* iccns */
  a[class^='link-']:before {
    font-size: 14px;
    line-height: 1em;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    margin-right: 9px; } }

/* SASS FILE: citl/components/_template.scss */
html {
  min-width: 320px; }

/* FLEX BOX - STICKY FOOTER BEHAVIOR */
html {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0; }

body {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0; }

form#aspnetForm {
  height: 100%; }

.stickyFooterContent,
.sfPublicWrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  /* override sitefinity sfPublicWrapper */
  margin: 0 !important;
  /* override sitefinity sfPublicWrapper */ }
  .stickyFooterContent .stickyFooterBody,
  .stickyFooterContent .citl-region-content,
  .sfPublicWrapper .stickyFooterBody,
  .sfPublicWrapper .citl-region-content {
    flex: 1 0 auto; }

/* theme colors */
.orange-fade {
  background: linear-gradient(to bottom, #e84a27 0%, #e84a27 140px, rgba(227, 108, 18, 0.01) 140px, rgba(227, 108, 18, 0.01) 100%); }

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 800px; }
  .video-wrapper:before {
    content: ' ';
    display: block;
    padding-top: 56.25%;
    padding-bottom: 0px; }
  .video-wrapper .video-wrapper-buffer {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px; }
  .video-wrapper .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-wrapper-hd {
  position: relative;
  overflow: hidden;
  max-width: 800px; }
  .video-wrapper-hd:before {
    content: ' ';
    display: block;
    padding-top: 56.25%;
    padding-bottom: 0px; }
  .video-wrapper-hd .video-wrapper-buffer {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px; }
  .video-wrapper-hd .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-wrapper-sd {
  position: relative;
  overflow: hidden;
  max-width: 800px; }
  .video-wrapper-sd:before {
    content: ' ';
    display: block;
    padding-top: 75%;
    padding-bottom: 0px; }
  .video-wrapper-sd .video-wrapper-buffer {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px; }
  .video-wrapper-sd .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-wrapper.kaltura-hd:before {
  padding-top: 56.25%;
  padding-bottom: 33px; }

.video-wrapper.kaltura-sd:before {
  padding-top: 75%;
  padding-bottom: 33px; }

body {
  /* Editing Mode*/ }
  body .cookie-policy-notification {
    display: none; }
  body .cookie-policy-notification .cookie-consent {
    display: inline-block;
    float: right;
    color: #eeeeee;
    text-decoration: underline; }
  body .sfPageEditor .cookie-policy-notification,
  body .sfTemplateEditor .cookie-policy-notification,
  body .cookie-policy-notification.design-mode {
    display: block; }

/* SASS FILE: citl/components/_carousel.scss */
.carousel {
  position: relative;
  height: auto;
  min-height: unset;
  width: auto;
  overflow: visible;
  margin-left: -15px;
  margin-right: -15px;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent; }
  .carousel h2 {
    font-size: 1.2em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold; }
    .carousel h2 a {
      color: #fff; }
      .carousel h2 a:hover {
        color: #aaa; }
  .carousel p {
    margin-bottom: 1em; }
  .carousel a.call-to-action {
    display: none;
    pointer-events: visible;
    font-size: .8em;
    background-color: #FC511F;
    color: #fff;
    font-weight: 700;
    float: left;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    text-transform: uppercase;
    text-shadow: none; }
    .carousel a.call-to-action:hover, .carousel a.call-to-action:focus {
      background-color: #f47e21; }

/* INNER CONTAINER */
.carousel-inner {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  border: 0px solid transparent;
  /* CAROUSEL ITEM */ }
  .carousel-inner > .item {
    background-color: #777;
    height: 100%;
    width: 100%;
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      line-height: 1; }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }
  .carousel-inner .image-panel {
    width: auto;
    background-color: #f2f2f2;
    background-size: cover;
    background-position: center center; }
    .carousel-inner .image-panel:before {
      content: "";
      padding-top: 41.6666666667%;
      display: block;
      border: 0px solid transparent; }
    .carousel-inner .image-panel img {
      display: none;
      height: 100%;
      width: 100%; }
    .carousel-inner .image-panel a {
      background-size: cover;
      background-position: center center;
      height: 100%;
      width: 100%;
      display: block; }
  .carousel-inner .text-panel {
    position: relative;
    border: 0px solid transparent;
    padding: 10px 40px 24px 40px;
    min-height: 160px;
    background-color: #000000;
    color: #cccccc; }
    .carousel-inner .text-panel .title {
      color: #ffffff; }
    .carousel-inner .text-panel .action {
      padding: 15px 0; }
    .carousel-inner .text-panel .action a.btn-primary:hover {
      background-color: #FFA500; }

/* CAROUSEL NAV CONTROLS */
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 1.0; }
  .carousel-control.left {
    left: 0px;
    padding-left: 5px;
    background-image: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0.5)), to(rgba(51, 51, 51, 0.0001)));
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.0001) 100%);
    background-repeat: repeat-x;
    background-image: none; }
  .carousel-control.right {
    right: 0px;
    left: auto;
    padding-right: 5px;
    background-image: -webkit-linear-gradient(left, rgba(51, 51, 51, 0.0001) 0%, rgba(51, 51, 51, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(51, 51, 51, 0.0001) 0%, rgba(51, 51, 51, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0.0001)), to(rgba(51, 51, 51, 0.5)));
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.0001) 0%, rgba(51, 51, 51, 0.5) 100%);
    background-repeat: repeat-x;
    background-image: none; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    height: 32px;
    width: 32px;
    line-height: 28px;
    margin-top: -16px;
    font-size: 19.2px;
    color: #ffffff;
    background-color: rgba(201, 201, 201, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    box-shadow: 0 0 1px #444;
    display: inline-block;
    position: absolute;
    top: 25%;
    z-index: 5; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 5px;
    margin: 0; }
  .carousel-control .icon-prev:before {
    /* left-chevron */
    /*font-family: serif;*/
    /*content: '\2039';*/ }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 5px;
    margin: 0;
    background-position: right; }
  .carousel-control .icon-next:before {
    /* right-chevron */
    /*font-family: serif;*/
    /*content: '\203a';*/ }
  .carousel-control:focus {
    opacity: 0.6; }
  .carousel-control:hover, .carousel-control:focus {
    /*color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
        background-color: transparent;*/ }
    .carousel-control:hover .glyphicon-chevron-left,
    .carousel-control:hover .glyphicon-chevron-right,
    .carousel-control:hover .icon-prev,
    .carousel-control:hover .icon-next, .carousel-control:focus .glyphicon-chevron-left,
    .carousel-control:focus .glyphicon-chevron-right,
    .carousel-control:focus .icon-prev,
    .carousel-control:focus .icon-next {
      border: 2px solid rgba(255, 255, 255, 0.8);
      background-color: #e84a27;
      color: #ffffff; }

/* CAROUSEL PAGINATION */
.carousel-indicators {
  position: absolute;
  bottom: -2em;
  left: 50%;
  z-index: 15;
  list-style: none;
  width: 80%;
  text-align: center;
  list-style: none;
  margin: 0;
  margin-left: -40%;
  padding: 0;
  opacity: 1;
  padding: 0; }
  .carousel-indicators li {
    -moz-transition: -moz-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    margin: 0 2px; }
  .carousel-indicators li, .carousel-indicators li.active {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cccccc;
    border: 2px solid #cccccc;
    border-radius: 50%;
    box-shadow: none !important; }
  .carousel-indicators li.active {
    background-color: #e84a27;
    border: 2px solid #e84a27; }
  .carousel-indicators li:hover {
    background-color: #e68f24;
    border-color: #e68f24;
    opacity: 1; }

/* CAROUSEL CAPTION */
.carousel-caption {
  position: absolute;
  right: 15%;
  left: 15%;
  bottom: 70px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0px 10px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  text-align: left;
  padding: 1em; }
  .carousel-caption h2 {
    margin: 0; }
  .carousel-caption .btn {
    text-shadow: none; }

/* css transitions */
@media all and (transform-3d), (-webkit-transform-3d) {
  /* line 148, ../sass/components/_carousel.scss */
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1;
    perspective: 1; }
  /* line 158, ../sass/components/_carousel.scss */
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    /* offset content to the right 100% */
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  /* line 164, ../sass/components/_carousel.scss */
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    /* offset content to left 100% */
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  /* line 170, ../sass/components/_carousel.scss */
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    /* set content to center */
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* dynamic font-size */
@media (min-width: 48em) {
  .carousel h2 {
    font-size: 1.2em; } }

@media screen and (min-width: 788px) {
  .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px; }
  .carousel-inner {
    width: 100%; }
    .carousel-inner .item .image-panel {
      margin-right: 260px;
      /* space for text */ }
    .carousel-inner .item .text-panel {
      /* text to right */
      width: 260px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 10px 60px 10px 10px;
      padding-right: 60px;
      /* room for nav arrow overlap */ }
    .carousel-inner .item .text-panel .action {
      text-align: center; }
  .carousel-indicators {
    bottom: -2em;
    z-index: 200; }
  .carousel-control {
    width: 52px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    height: 44px;
    width: 44px;
    line-height: 40px;
    margin-top: -22px;
    font-size: 26.4px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    /*margin-left: -15px;*/ }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    /*margin-right: -15px;*/ } }

/*@{
    var carouselParams = new
    {
        aspectRatio = 2.62,
        panelWidth = 260
    };
}*/
/*@media screen and (min-width: 12768px) {

    .carousel {margin-bottom:2em;

        .carousel-inner {

            .item {

                .image-panel {
                    margin-right: 200px;
                }

                .image-panel:before {
                }

                .text-panel { 
                    width: 200px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    padding-right: 75px;
                }

                .text-panel .action {
                    text-align:center;
                }

            }
        }

        .carousel-indicators {
            bottom: -2em;
            z-index: 200;
        }
    }
}*/
@media screen and (min-width: 992px) {
  .carousel {
    margin-bottom: 0em; }
    .carousel .carousel-inner .item .image-panel {
      margin-right: 320px; }
    .carousel .carousel-inner .item .text-panel {
      width: 320px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0; }
    .carousel .carousel-inner .item .text-panel .action {
      text-align: center; }
    .carousel .carousel-indicators {
      bottom: -2em;
      z-index: 200; } }

/* SASS FILE: citl/components/_service-grid.scss */
/* CUSTOM VARS */
/* DEFAULT VARS */
/* SERVICES COLORIZATION */
/* instructional-delivery */
/* instructor-development */
/* research */
/* instructional-design */
/* tools & technology */
/* https://material.google.com/motion/duration-easing.html#duration-easing-common-durations */
/* https://material.google.com/motion/duration-easing.html#duration-easing-common-durations */
.program-wrapper {
  /* layout */
  display: block;
  position: relative;
  padding: 0px;
  /* theme */
  font-size: 12px; }
  .program-wrapper .inside-wrapper {
    /* layout */
    width: 100%;
    position: relative;
    position: "relative";
    /* theme */
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #777777; }
    .program-wrapper .inside-wrapper:before {
      content: "";
      display: block;
      padding-top: 100%;
      /* width/height */
      padding-bottom: 0; }
  .program-wrapper .background-area {
    /* layout */
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .program-wrapper .background-image {
    /* layout */
    position: absolute;
    top: -5%;
    left: 0;
    right: 0;
    bottom: 0px;
    background-size: cover;
    transition: transform 0.225s ease-in-out;
    transform: translate(0px, 0px) scale(1, 1); }
  .program-wrapper .text-area {
    /* layout */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 43.75%;
    /* 1 - (image aspect ratio (.5625) / box aspect ratio (1.5)   */
    z-index: 5;
    padding: 1em;
    transition: background-color 0.225s ease-in-out;
    /* theme */
    background-color: rgba(0, 0, 0, 0.1);
    color: #777777; }
  .program-wrapper .hover-content-container {
    /* layout */
    max-height: 0;
    opacity: 0.0;
    overflow: hidden;
    transition: max-height 0.225s ease-in, opacity 0.225s ease-in; }
  .program-wrapper .summary-text {
    /* layout */
    padding-top: 0.5em;
    font-size: 0.8125em; }

/* hover behavior */
.program-wrapper:hover .background-image {
  /* zoom background image */
  transform: translate(-2.5%, -2.5%) scale(1.05, 1.05);
  transition: transform 0.225s ease-in-out; }

.program-wrapper:hover .hover-content-container {
  /* summary-text slide-up */
  max-height: 200px;
  /* taller than tallest possible content */
  opacity: 1.0;
  transition: max-height 0.0975s ease-out, opacity 0.195s ease-out; }

.program-wrapper:hover .text-area {
  /* text area background change */
  transition: background-color 0.195s ease-out;
  background-color: rgba(70, 130, 180, 0.95); }

/* SERVICES COLORIZATION */
/* instructional-delivery */
/* instructor-development */
/* research */
/* instructional-design */
/* tools & technology */
/* ABOUT THE DELIVERY */
.program-wrapper.learning-environments .inside-wrapper {
  border-top-color: #dc143c; }

.program-wrapper.learning-environments .text-area .category-title {
  color: #dc143c; }

.program-wrapper.instructional-delivery .inside-wrapper {
  border-top-color: #9932cc; }

.program-wrapper.instructional-delivery .text-area .category-title {
  color: #9932cc; }

.program-wrapper.conference-events .inside-wrapper {
  border-top-color: #f2691e; }

.program-wrapper.conference-events .text-area .category-title {
  color: #f2691e; }

/* ABOUT THE CONTENT */
.program-wrapper.instructional-design .inside-wrapper {
  border-top-color: #228b22; }

.program-wrapper.instructional-design .text-area .category-title {
  color: #228b22; }

/* ABOUT THE TEACHER */
.program-wrapper.instructor-development .inside-wrapper {
  border-top-color: #4682b4; }

.program-wrapper.instructor-development .text-area .category-title {
  color: #4682b4; }

.program-wrapper.evaluation-certification .inside-wrapper {
  border-top-color: #1e90ff; }

.program-wrapper.evaluation-certification .text-area .category-title {
  color: #1e90ff; }

/* ABOUT THE STUDENT */
.program-wrapper.evaluation-certification .inside-wrapper {
  border-top-color: #1e90ff; }

.program-wrapper.evaluation-certification .text-area .category-title {
  color: #1e90ff; }

/* RESEARCH & INNOVATION */
.program-wrapper.research .inside-wrapper {
  border-top-color: #daa520; }

.program-wrapper.research .text-area .category-title {
  color: #daa520; }

.program-wrapper.tools-technology .inside-wrapper {
  border-top-color: #696969; }

.program-wrapper.tools-technology .text-area .category-title {
  color: #696969; }

/* dz overrides */
.program-wrapper .inside-wrapper {
  border: 1px solid #000;
  border-top: 1px solid #000; }

.program-wrapper .text-area {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.8);
  background-color: rgba(0, 0, 0, 0.5);
  color: #ccc;
  min-height: 5.75em;
  /* 3 * (font-size * lineheight) + padding */
  line-height: 1.25;
  font-family: arial;
  font-weight: normal;
  border-top: 1px solid #999; }
  .program-wrapper .text-area .category-title {
    font-size: 0.8125em;
    text-transform: uppercase;
    background-color: #f0f0f0;
    margin: -6px -6px 0 -6px;
    padding: 4px; }
  .program-wrapper .text-area .title-text {
    margin: 0;
    color: #ccc;
    font-size: 1em; }
  .program-wrapper .text-area .title-text strong {
    font-weight: bold;
    color: #fff;
    display: block;
    text-transform: uppercase; }
  .program-wrapper .text-area .category-title {
    display: none; }
  .program-wrapper .text-area .summary-text {
    color: #eee; }

.program-wrapper .background-area {
  height: 100%; }

/* reset colors */
.program-wrapper.learning-environments .inside-wrapper,
.program-wrapper.instructional-delivery .inside-wrapper,
.program-wrapper.conference-events .inside-wrapper,
.program-wrapper.instructional-design .inside-wrapper,
.program-wrapper.instructor-development .inside-wrapper,
.program-wrapper.evaluation-certification .inside-wrapper,
.program-wrapper.research .inside-wrapper,
.program-wrapper.tools-technology .inside-wrapper {
  border-top-color: #000000; }

.program-wrapper.learning-environments .text-area .category-title,
.program-wrapper.instructional-delivery .text-area .category-title,
.program-wrapper.conference-events .text-area .category-title,
.program-wrapper.instructional-design .text-area .category-title,
.program-wrapper.instructor-development .text-area .category-title,
.program-wrapper.evaluation-certification .text-area .category-title,
.program-wrapper.research .text-area .category-title,
.program-wrapper.tools-technology .text-area .category-title {
  color: #000000; }

@media (min-width: 480px) {
  body .program-wrapper {
    font-size: 14px; }
    body .program-wrapper .text-area .title-text {
      font-size: 1em; }
    body .program-wrapper .text-area .summary-text {
      font-size: 1em; } }

/*.sfPublicWrapper {
        background-color: #f8f6f0 !important;
    }

     .sfPublicWrapper .citl-article-container {
        background-color: #faf9f8 !important;
    }

    .bg-sand {background-color:#f2f0e0;}*/
/* SASS FILE: citl/components/_wrapping-list.scss */
/* FLOAT LIST */
ul.float-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0px -15px; }
  ul.float-list > li {
    border: 0px solid red;
    display: block;
    width: 50%;
    float: left;
    max-width: 320px;
    padding: 15px;
    font-size: 11px; }

/* FLEX LIST */
ul.flex-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  /* vertical-align */
  justify-content: flex-start;
  /* horizontal-align */
  flex-flow: row wrap;
  align-content: flex-end;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0px -15px; }
  ul.flex-list > li {
    border: 0px solid red;
    display: block;
    width: 50%;
    flex: 1 0 1;
    max-width: 320px;
    padding: 15px;
    font-size: 11px; }

@media (min-width: 640px) {
  ul.float-list > li,
  ul.flex-list > li {
    width: 50%; } }

@media (min-width: 768px) {
  ul.float-list > li,
  ul.flex-list > li {
    width: 50%; } }

@media (min-width: 992px) {
  ul.float-list > li,
  ul.flex-list > li {
    width: 25%; } }

@media (min-width: 1200px) {
  ul.float-list > li,
  ul.flex-list > li {
    width: 25%; } }

/* SASS FILE: citl/components/_template-resource-page.scss */
/* KA: Created  June-2016 */
/*=====KA: Styles for CITL Resource, Service, Course-in-a-Box templates ============*/
.citl_resource_container {
  padding: 30px;
  background-color: #fff;
  /*===KA: Kaltura-player has fixed height. Override this.   ==*/
  /*==KA: Replace ul bullets with glyphicon ================*/
  /*==KA: Page Title ================================*/
  /*=====KA: Left Sidebar Section============*/
  /*=====KA: Left NAVIGATION Section============*/ }
  .citl_resource_container .video-container .video-player {
    height: 450px !important; }
  .citl_resource_container .res_col_2_main ul {
    list-style: none; }
  .citl_resource_container .res_col_2_main ul li:before {
    content: "\e080";
    /* KA: Tiny squares  */
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-left: -17px;
    color: gray; }
  .citl_resource_container .res_col_2_main ol li:before {
    content: "";
    /* KA: Don't show glyphicon for ol-li list inside ul */ }
  .citl_resource_container .page_title {
    font-size: 36px;
    color: #17365d;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    line-height: 1.1; }
  .citl_resource_container .leftBar_orange_header {
    color: #e36c09;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 10% !important;
    padding-left: 15px; }
  .citl_resource_container .left_content_2 {
    padding-left: 15px;
    line-height: 200%; }
  .citl_resource_container a.sfSel {
    color: #00aeef !important;
    background-color: #f1f1f1;
    padding: 10px 0px !important;
    padding-right: 20px !important;
    width: 100%;
    white-space: normal;
    border: 0px;
    margin: 0px; }
  .citl_resource_container .navLinks {
    color: #000099; }
  .citl_resource_container .navLinks:hover {
    color: #696969;
    font-size: 14px; }

.citl_mainLink_li a {
  white-space: normal; }

.res_main_links div.k-treeview {
  overflow: hidden; }

.NavUlSel {
  padding-left: 25px !important; }
  .NavUlSel .citl_mainLink_li a {
    color: #3f3f3f !important; }
  .NavUlSel li ul {
    padding-left: 15px !important; }

/*=====Lorin: Left Nav ============*/
.leftnav div ul li {
  padding: 0px !important; }

.leftnav div ul li div a {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold !important; }

.leftnav ul li a {
  font-weight: bold !important; }

.leftnav ul li a.sfSel {
  color: #00aeef !important; }

.IndentSubNav {
  margin-left: 20px; }

/*=====KA: Main Content Section ============*/
.citl_resource_container .content_main_title {
  color: #e36c09;
  padding-top: 4%;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.1;
  padding-left: 15px; }

  
  .citl_resource_container .content_main_title_2{
    padding-bottom: 4%;
}

  
.citl_resource_container .content_sub_title {
  color: #7f7f7f;
  padding-top: 3% !important;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold; }

.citl_resource_container h2 {
  color: #7f7f7f;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold; }

.citl_resource_container h3 {
  font-size: 16px;
  font-weight: bold; }

.citl_resource_container .OrangeHeader {
  color: #e36c09; }

.citl_resource_container .resourceContent {
  padding-left: 30px; }

/*=====KA: Small screen Styles ==========================================*/
@media screen and (max-width: 768px) {
  .citl_resource_container .res_main_links {
    padding-left: 10px; }
  .citl_resource_container .res_cont_info {
    padding-left: 10px; }
  .citl_resource_container .page_title {
    font-size: 18px;
    color: #17365d;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 15px !important;
    text-align: center; }
  .citl_resource_container .leftBar_orange_header {
    padding-top: 5% !important;
    font-size: 15px; }
  .citl_resource_container .leftBar_orange_header > div.sfContentBlock {
    background-color: #e9e9e9;
    padding: 5px; }
  .citl_resource_container .content_sub_title {
    font-size: 14px; }
  .citl_resource_container .content_main_title {
    font-size: 18px;
    padding-left: 0px;
    text-align: center; }
  /*===KA: Reorder divs on small screen===*/
  .res_main_content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical; }
  .res_col_1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    padding-left: 15px !important; }
  .res_col_2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1; } }

/*=====KA: End media===================================================*/
/*=====KA: Sitefinity classes ============*/
.citl_resource_container .sfimageWrp img {
  max-width: 100%; }

/*=====KA: Sitefinity Events Widget styles============*/
.citlEventsTitle {
  font-size: 13px;
  font-weight: bold; }

.citlEventUl {
  list-style: none;
  padding-left: 0px; }

.citlEventDt {
  font-size: 11px;
  color: #666; }

.citlEventHr {
  margin: 0px !important;
  border: 0;
  border-top: 1px solid #eee;
  margin: 10px 0px !important; }

.eventTitleBar {
  border: 2px solid navy;
  border-radius: 25px;
  text-align: center;
  margin: 20px 0px;
  background-color: navy;
  padding: 2px 0px;
  color: #8db3e2;
  font-weight: bold;
  text-transform: uppercase; }

.citlEventsTitle a:link {
  color: #105CB6 !important; }

/*=====KA: WebToolsEvents Widget styles============*/
.calendar-event-list h3 {
  font-size: 13px; }

.calendar-event-list .title-right {
  color: #105CB6;
  margin-top: 10px !important; }

.calendar-event-list .title-left {
  color: #666;
  margin-bottom: 5px !important; }

/*=====LB: Testimonials Block Quotes ============*/
.tm {
  background: url("/images/default-source/default-album/q1.png?sfvrsn=2") top left no-repeat;
  padding-left: 55px;
  line-height: 28px;
  padding: 20px;
  margin: 0px 50px;
  font-size: 18px;
  border-left: 0px !important; }
  .tm p {
    padding-right: 35px;
    background: url("/images/default-source/default-album/q2.png?sfvrsn=2") bottom right no-repeat;
    padding-bottom: 15px;
    text-align: center; }

/*=====LB: Social Media Boxes ============*/
.feedBox {
  background-color: #CCC;
  padding: 10px;
  margin-top: 35px; }

.soclink {
  font-weight: bold;
  color: #1f497d !important;
  margin-bottom: 10px;
  display: inline-block; }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX--------KA: Service Template styles---------XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.serviceBtnDiv {
  padding: 5px;
  margin-top: 20px;
  margin-left: 15%;
  margin-bottom: 40px;
  border-radius: 25px;
  text-align: center;
  width: 70%;
  background-color: #f94e2c; }
  .serviceBtnDiv a {
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase; }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX--------KA: Course-in-the-Box Template styles---------XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.cibox_footer {
  padding-top: 70px; }
  .cibox_footer div {
    text-align: center; }

/*====KA: CIBox - Left Navigation=============================*/
.ciBoxNav .CitlNavTitle {
  color: #e36c09 !important;
  text-transform: uppercase;
  font-size: 12px; }

.ciBoxNav .CitlNavTitle:before {
  content: "\e080";
  /* KA: Tiny squares  */
  font-family: 'Glyphicons Halflings';
  font-size: 9px;
  float: left;
  margin-left: -17px;
  color: gray; }

/*====KA: CIBox - Breadcrumbs======================================*/
.citl_resource_container .sfBreadcrumbWrp {
  padding-bottom: 10px; }
  .citl_resource_container .sfBreadcrumbWrp ul li {
    font-weight: bold;
    color: #00aeef; }
  .citl_resource_container .sfBreadcrumbWrp ul li:before {
    content: "";
    /* KA: Don't show glyphicons */ }

/*=====KA: CIBox: Page Counter======================================*/
.ciBoxPageCounter {
  text-align: right; }

.pgCountDiv {
  text-align: center; }

#pageCounter {
  width: 20%;
  border: 1px solid lightgray;
  display: inline-block; }

.glyphicon-triangle-left,
.glyphicon-triangle-right,
.glyphicon-forward,
.glyphicon-backward {
  color: white;
  font-size: 15px;
  background-color: #e36c09;
  padding: 5px; }

/* reset base font-size */
html body {
  font-size: 14px;
  font-family: "Source Sans Pro",Arial,sans-serif;
  font-weight: normal;
  color: #333333; }

@media screen and (min-width: 480px) {
  html body {
    font-size: 16px;
    font-weight: normal; } }

@media screen and (min-width: 780px) {
  html body {
    font-size: 16px;
    font-weight: normal; } }

@media screen and (min-width: 1024px) {
  html body {
    font-size: 16px;
    font-weight: normal; } }

@media screen and (min-width: 1200px) {
  html body {
    font-size: 16px;
    font-weight: normal; } }

/* citl-article-container */
.citl-article-container {
  color: #333333;
  background-color: #fbfbfb; }

.citl-article-container {
  border: 0px solid rgba(0, 0, 0, 0.2); }

.citl-article-container {
  line-height: 1.6; }

.citl-article-container .supertitle {
  margin-top: 6px; }

.citl-article-container .supertitle ~ h1 {
  margin-top: 0; }

.citl-article-container h1 {
  color: #333333;
  font-size: 1.85em; }

.citl-article-container h2 {
  color: #E36C12;
  font-size: 1.25em;
  margin-bottom: 0px; }

@media print, screen and (min-width: 768px) {
  .citl-page-header h1 {
    color: #E36C12;
    font-size: 4rem;
    font-weight: bold; }
  .citl-page-header h1 ~ .page-subtitle {
    font-size: 1.4em;
    margin-top: -11px;
    margin-bottom: 11px; }
  .citl-page-header .page-title-image {
    margin-bottom: 8px; } }

.white {
  background-color: white;
  min-height: 200px;
  height: 100%; }

.citl-container-mainbody {
  background-color: #fcfcfc;
  min-height: 200px; }

.disclaimer-panel {
  background-color: #236aa7;
  color: #eeeeee; }

@media print, screen and (min-width: 768px) {
  .citl-article-container {
    xpadding-left: 300px; }
  .citl-region-preamble {
    width: 25%;
    float: right; }
  .citl-region-article {
    float: left;
    width: 66%; }
  .citl-region-related-data {
    width: 25%;
    float: right; } }

/* content-container */
.content-container {
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #f3f3e8;
  padding: 0px;
  margin: 15px 0px;
  font-size: 0.9em; }

.content-container {
  line-height: 1.42; }

.content-container > .header,
.content-container > .body,
.content-container > .footer {
  padding: 6px 15px; }

.content-container > .header {
  background-color: inherit;
  color: #E36C12;
  border-bottom: 1px solid #E36C12;
  font-weight: 600;
  text-transform: uppercase; }

.content-container > .body,
.content-container > .footer {
  background-color: inherit; }

@media print, screen and (min-width: 768px) {
  .content-container {
    margin: 15px 0px; } }

/* content-container.orange */
.content-container.orange {
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0px;
  margin: 15px 0;
  font-size: 0.9em; }

.content-container.orange > .header,
.content-container.orange > .body,
.content-container.orange > .footer {
  padding: 6px 15px; }

.content-container.orange > .header {
  background-color: #D66138;
  color: #ffffff; }

/* footer */
.citl-footer .copyright-panel {
  text-align: center; }

@media print, screen and (min-width: 768px) {
  .citl-footer .identity {
    width: 20%; }
  .citl-footer .content-panel.content-panel-citl {
    width: 25%; }
  .citl-footer .content-panel.social-menu {
    width: 25%;
    margin: 0; }
  .citl-footer .content-panel.content-panel-connect {
    width: 25%;
    margin: 0; }
  .citl-footer .content-panel.content-panel-contact {
    width: 30%;
    margin: 0; } }

/* footer identity image */
.identity .brand a:before {
  background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
  width: 144px;
  height: 65px;
  x-border: 1px dashed rgba(255, 255, 255, 0.3);
  background-position: 0 center;
  background-size: contain; }

@media print, screen and (min-width: 992px) {
  /* footer identity image */
  .identity .brand a:before {
    background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
    width: 193px;
    height: 66px;
    x-border: 1px solid yellow; } }

/* banner identity image */
.citl-navbar .citl-navbar-brand .brand-label:before {
  background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
  width: 193px;
  height: 66px;
  x-border: 1px dashed rgba(255, 255, 255, 0.3); }

.citl-navbar-top-row {
  line-height: 0% !important; }

@media print, screen and (min-width: 768px) {
  .citl-navbar-top-row {
    max-width: 1170px;
    margin: 0 auto;
    x-border: 1px dashed rgba(255, 255, 255, 0.3);
    position: relative; }
  .citl-navbar .citl-navbar-brand {
    x-max-width: 1170px;
    x-margin: 0 auto;
    x-border: 1px dashed rgba(255, 255, 255, 0.3); }
  .citl-navbar ul.citl-navbar-menu.lower-menu {
    max-width: 970px;
    width: 100%;
    margin: 0 auto; }
  /* make it flex */
  .citl-navbar ul.citl-navbar-menu.lower-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
  .citl-navbar ul.citl-navbar-menu.lower-menu li {
    flex-grow: 1; }
  /* banner identity image */
  .citl-navbar .citl-navbar-brand .brand-label:before {
    background-image: url("../images/web_dark_CITL Horizontal Orange-White I-Mark.png");
    width: 721px;
    height: 116px;
    background-position: -50px 53%;
    margin-left: 0; }
  .citl-navbar ul.citl-navbar-menu.upper-menu {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -50% !important;
    padding-right: 80px !important;
    max-width: 585px;
    /* 1170px/2 - 48px;*/
    max-width: 1200px;
    /* 1170px*0.66 - 48px;*/
    right: auto;
    x-border: 1px dashed rgba(255, 255, 255, 0.3);
    text-align: right; }
  .citl-navbar ul.citl-navbar-menu.upper-menu > li {
    display: inline-block;
    float: none; }
  .citl-navbar ul.citl-navbar-menu.upper-menu > li > a {
    line-height: 36px; } }

/* grid */
/* sf editting overrides */
@media (min-width: 768px) {
  body.sfPageEditor .container,
  body.sfTemplateEditor .container,
  body.zeContentNode .container {
    max-width: 750px;
    width: 100%; } }

@media (min-width: 992px) {
  body.sfPageEditor .container,
  body.sfTemplateEditor .container,
  body.zeContentNode .container {
    max-width: 970px;
    width: 100%; } }

@media (min-width: 1200px) {
  body.sfPageEditor .container,
  body.sfTemplateEditor .container,
  body.zeContentNode .container {
    max-width: 1170px;
    width: 100%; } }

/* citl-page-header */
.citl-page-header {
  position: relative; }

.citl-page-header.text-below .title-text {
  position: absolute;
  top: 0;
  z-index: 1000;
  left: -15px;
  right: -15px;
  x-bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  x-margin: -80px -15px 0px -80px;
  padding: 0 15px; }

.citl-page-header.text-below {
  x-margin-bottom: 80px; }

.citl-page-header h1 {
  color: #001F55;
  font-size: 2.2rem;
  font-weight: bold; }

.citl-page-header h1 ~ .page-subtitle {
  font-size: 1.0em;
  margin-top: -11px;
  margin-bottom: 11px; }

.citl-page-header .page-title-image {
  margin: 0 -15px; }

.citl-page-header img {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

@media (min-width: 768px) {
  .citl-page-header .page-title-image {
    margin-bottom: 8px; } }

/* band colors */
.bg-tan {
  background-color: #f3f3e8; }

/* responsive br */
br.sm, br.md {
  display: none; }

@media (max-width: 767px) {
  br.sm {
    display: block; } }

@media (max-width: 991px) {
  br.md {
    display: block; } }

.container.margin-top {
  margin-top: 15px; }

.container.margin-bottom {
  margin-bottom: 15px; }

.container.v-margins {
  margin-top: 15px;
  margin-bottom: 15px; }

.container.flush-top {
  margin-top: 0px; }

.container.flush-bottom {
  margin-bottom: 0px; }

.container.v-margins-flush {
  margin-top: 0px;
  margin-bottom: 0px; }

.container.container-wide {
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  max-width: 1140px; }
 
 /*# sourceMappingURL=citl.css.map */ 
    
/*====================================*/

/*==KA: Update: Aug 2016: Enable hand/cursor for menu items on top==*/
.citl-navbar-menu a{cursor:pointer;}

/*==KA: Update: Aug 2016: Hide the navbar overflow on small screens===*/
	@media screen and (max-width:768px)
	{
		.citl-navbar-lower-band{overflow:hidden !important;}
	} 
/*=================*/  
  /* KA: Feb 2016: Temporary - Styles for Sesquicentennial logo - Maintain this for a year */
	.I150_logo{
	/*content: url(https://citl.illinois.edu/images/default-source/default-album/il150_logo_primary_color_orangebkgd.jpg);*/
		text-align: right;
		float: right;
	   width:50px;
	  margin-top:-5%;
	   
	}

	div.I150_holder{width:95%}

	@media screen and (max-width: 767px) {
	  div.I150_holder{width:85%}  
	  .I150_logo{margin-top:-30px}
	}
  /*=================*/