/**
 * @file
 * Styles for iPod/iPhone width (portrait)
 *
 * These are the base styles for the whole site, this is a mobile first theme
 * and all other stylesheets will inherit the styles in this file.
 *
 * Fonts: Roboto
 * Font weights: 400 (regular), 300 (light), 700 (bold)
 *
 * Colours:
 *  green:    #426059
 *  orange:   #f7931d
 *  red-pink: #b75454
 *  blue:     #425460
 *  gold:     #caab3d
 *  purple:   #604259
 */
.css-size {
  display: none;
  content: '1';
  font-size: 1px !important;
  width: 1px !important;;
}
/**
 * HTML elements and generic site styling classes and IDs
 */

/* HTML elements **************************************************************/

.visuallyhidden {
  visibility: hidden;
  position: fixed;
}
body {
  /*background: #dbdbdb url('../images/bg-tile.png') repeat;*/
  color: #444;
  font-size: .8em;
  font-family: "Roboto", Trebuchet, Verdana, Segoe, sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
.ie6 body, .ie7 body {
  font-family: Helvetica, Arial, Verdana, Segoe, sans-serif;
}
h1, h2, h3, h4, h4, h6 {
  color: #000;
  margin-bottom: .5em;
  font-family: "Roboto", Trebuchet, Verdana, Segoe, sans-serif;
  font-weight: 300;
}
h1, h2 {
  line-height: 1.2;
}
h1 {
  font-size:26px;
  font-weight: bold;
  line-height: 31px;
}
h2 {
  font-size: 20px;
  line-height: 24px;
}
h3 {
  font-size: 1.4em;
  line-height: 1.2;
}
h4 {
  font-size: 1.2em;
  line-height: 1.2;
}
#page-title {
  margin-bottom: .5em;
}
b, strong {
  font-weight: 700;
}
a,
a:visited {
  color: #075e49;
  /*text-decoration: none;*/
}
a:hover,
a:active {
  color: #7e4310;
}
a[href^="tel"]:before {
  content: "\f095";
  font-family: FontAwesome;
  margin-right: 5px;
  text-decoration: none;
}
a[href^="mailto"]:before {
  content: "\f003";
  font-family: FontAwesome;
  margin-right: 5px;
  text-decoration: none;
}
ul {
  margin-bottom: 1.5em;
}
ul.two-columns, ul.three-columns {
  padding-left: 0;
  list-style: none;
}
ul.two-columns > li, ul.three-columns > li {
  list-style: none;
}
.ie6 ul.two-columns, .ie6 ul.three-columns,
.ie7 ul.two-columns, .ie7 ul.three-columns,
.ie8 ul.two-columns, .ie8 ul.three-columns {
  padding-left: 1.5em;
  list-style: disc;
}
.ie6 ul.two-columns li,
.ie7 ul.two-columns li,
.ie8 ul.two-columns li {
  list-style: disc;
}
table caption {
  font-size: 1.1em;
  font-style: italic;
  margin: 0;
  padding: 1em 0;
  text-align: center;
}

/* Pager */

.item-list ul.pager {
  padding: 0;
  margin: 0;
}

.item-list ul li {
  margin: 0 .05em 0 .05em;
}

.item-list ul.pager li {
  display: inline-block;
  padding: 0;
}
.item-list li.pager-current:focus,
.item-list li.pager-current:hover {
  background-color: #2d5B57;
  border: 1px solid #2c3859;
  color: #fff;
}
.item-list ul.pager li.pager-current {
  border: 1px solid #2d5b57;
  padding: .5em;
}
ul.pager li a {
  background-color: #2c3859;
  border: 1px solid #2c3859;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: .5em;
}
ul.pager li a:focus,
ul.pager li a:hover {
  background-color: #2d5b57;
}
/*
ul.pager li.pager-first a,
ul.pager li.pager-previous a,
ul.pager li.pager-next a,
ul.pager li.pager-last a {
  color: #fff;
  background-color: #2c3859;
}
*//*ul.pager li.pager-first a:before,
ul.pager li.pager-previous a:before,
ul.pager li.pager-next a:after,
ul.pager li.pager-last a:after {
  color: #fff;
  font-family: FontAwesome;
}
ul.pager li.pager-first a:before,
ul.pager li.pager-previous a:before {
  margin-right: .2em;
}
ul.pager li.pager-next a:after,
ul.pager li.pager-last a:after {
  margin-left: .2em;
}*/
/*ul.pager li.pager-first a:before {
  content: "\f100";
}
ul.pager li.pager-previous a:before {
  content: "\f104";
}
ul.pager li.pager-next a:after {
  content: "\f105";
}
ul.pager li.pager-last a:after {
  content: "\f101";
}*/


div.error {
  overflow: hidden;
}
a.zoom {
  cursor: zoom-in;
  text-decoration: none !important;
}
a.zoom:before {
  border-bottom-right-radius: 20px;
  color: white;
  content: "\f00e";
  background-color: rgb(29, 134, 247);
  font-family: FontAwesome;
  font-size: 1.5em;
  padding: 10px;
  position: absolute;
  transition: background-color 0.2s;
}
a.zoom:hover:before {
  background-color: rgb(247, 152, 29);
  transition: background-color 0.2s;
}
.screenshot a.zoom:before {
  position: relative;
  top: 0px;
  left: -10px;
}
/* End: HTML elements */

/* Layout and generic styling *************************************************/

/* Layout */

.print-only {
  display: none;
}
#page-wrapper,
.footer-container,
.header-container {
  max-width: 1020px;
  margin: 0 auto;
}
.header-image {
  max-width: 100%;
  margin: 0 auto 1.5em;
}
.main-content-region {
  /*font-family: Lato,serif;*/
}
.content-padder {
  padding: 1em;
  padding-right: 0;
}
#content-additional,
#content-left-region,
#content-right-region {
  clear: both;
}
#banner-image {
  display: none;
}
.front #sidebar-first,
.front #sidebar-second {
  display: none;
}
.front .sidebar-second #content {
  float: none;
  width: 100%;
}
.max-30:before,
.max-40:before,
.max-50:before {
  overflow: auto;
}
.max-30,
.max-40,
.max-50,
.max-60,
.max-70,
.max-80,
.max-90,
.max-100 {
  margin: 1em 0;
  padding: 1em;
}
.max-30,
.max-40,
.max-50 {
  float: none;
  width: 100%;
}
/* Styles */

.field-content {
  padding: .2em 0;
}
.views-field-field-short-description {
  font-size: 1em;
  padding: 0.6em 0;
}
.views-field-field-short-description a {
  padding: 0 0 0 1em;
  font-size: 1em;
}
#content-bottom-region {
  overflow: hidden;
}
#content-left-region,
#content-right-region {
  margin-top: 2em;

}
#content-left-region h2,
#content-right-region h2 {
  padding: 0.4em 0;
  margin: 0;
}
#content-left-region ul li,
#content-right-region ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.summary {
  font-size: 1.8em;
  line-height: 1.5em;
}
.dummy-notification {
  display: block;
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 200;
  padding: .2em 1em;
  background-color: #fff0ab;
  box-shadow: 7px 7px 5px 0 rgba(50, 50, 50, .15);
  color: #222;
  text-align: left;
  font-size: .7em;
}
.screenshot {
  background-color: white;
  box-shadow: #999 0 0 5px;
  margin: 0 0 1em 0;
  padding: 10px;
}
.screenshot a.zoom {
  display: block;
}
.help-icon {
  background-color: red;
  border: solid 2px white;
  border-radius: 100px;
  box-shadow: #666 0 0 5px;
  color: white;
  display: inline-block;
  height: 22px;
  margin: 0 3px;
  text-align: center;
  width: 22px;
}
.info {
  background-color: #dcf1ff;
  color: #006cb0;
  padding: 10px;
}
/**
 * These are the site section colours, we put them up here because they affect
 * markup all over the page
 */

/* Student */
.help-centre.students #content-left-region .block,
.help-centre.students #content-right-region .block,
.help-centre.students #content-bottom-region .block,
.students #navigation,
.students footer,
.students #sidebar-first,
.students #sidebar-first ul li ul {
  border-color: #362351;
}
.students .dynamic-faq h3:before,
.students .dynamic-faq .close,
.students .dynamic-faq .close:before {
  color: #362351;
}
/* Training Organisations */
.help-centre.training-organisations #content-left-region .block,
.help-centre.training-organisations #content-right-region .block,
.help-centre.training-organisations #content-bottom-region .block,
.training-organisations #navigation,
.training-organisations footer,
.training-organisations #sidebar-first,
.training-organisations #sidebar-first ul li ul {
  border-color: #90D090;
}
.training-organisations .dynamic-faq h3:before,
.training-organisations .dynamic-faq .close,
.training-organisations .dynamic-faq .close:before {
  color: #90D090;
}
/* Help Centre */
.help-centre #navigation,
.help-centre footer,
.help-centre #sidebar-first,
.help-centre #sidebar-first ul li ul,
.node-type-faq #navigation,
.node-type-faq footer,
.node-type-faq #sidebar-first,
.node-type-faq #sidebar-first ul li ul {
  border-color: #B94242;
}
.help-centre .dynamic-faq h3:before,
.help-centre .dynamic-faq .close,
.help-centre .dynamic-faq .close:before,
.node-type-faq .dynamic-faq h3:before,
.node-type-faq .dynamic-faq .close:before,
.node-type-faq .dynamic-faq .close {
  color: #B94242;
}
.dynamic-faq .tutorial li h3:before {
  content: none;
  color: inherit;
}
/** Accordion styling */

ul.accordion li {
  margin-bottom: 1em;
}
ul.accordion .accordion-title {
  font-size: 1.2em;
  margin: 0;
}
ul.accordion .accordion-title a {
  background-color: #D6E2E6;
  border: none;
  color: #005E7D;
  padding: 0.5em 1em;

  text-decoration: none;
}
ul.accordion .accordion-title a:hover {
  text-decoration: none;
}
ul.accordion .accordion-title a:active {
  text-decoration: none;
}
ul.accordion .accordion-title a:before {
  content: "\f13a";
  color: #246980;
  display: inline;
  height: auto;
  width: auto;
  border-radius: 0;
  position: initial;
  top: auto;
  left: auto;
  transform: none !important;
  margin-right: 10px;
}
ul.accordion .accordion-open .accordion-title a:before {
  content: "\f139";
}
.js ul.accordion .accordion-body {
  display: none;
}
ul.accordion .accordion-body {
  padding: 1em;
  border: solid 1px #D6E2E6;
}
/* Audience buttons */

#audience .left,
#audience .right {
  padding: 1em 0;
}
#audience-old .left,
#audience-old .right {
  padding: 1em 0;
}
.front #audience .audience-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  margin: 1em 0;
  padding: 1em 0;
}
.front #audience-old .audience-wrapper {
  background-color: #e6e6e6;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 1em 0;
  padding: 1em 0;
}
.front #audience h2,
.front #announcements h2 {
  border-bottom: solid 1px #ccc;
  color: white;
  font-weight: 400;
  margin: 0 1em 0 1em;
  text-shadow: black 0 0 20px;
}
#audience a {
  background: transparent url('../images/button-tip-right.png') right 0px center no-repeat;
  background-size: 60px auto;
  display: block;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 100%;
  margin: 0 1em;
  padding: 1em;
  text-decoration: none;
}
#audience-old a {
  background: transparent url(/sites/all/themes/custom/usi2018_theme/images/button-tip-right.png) right 0px center no-repeat;
  background-size: 60px auto;
  display: block;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 1em;
  padding: 1em 2em;
  text-decoration: none;
}
#audience a:hover,
#audience a:focus {
  background: transparent url('../images/button-tip-left.png') right 0px center no-repeat;
  background-size: 60px auto;
  transition: .5s;
}
#audience a.student {
  background-color: #2d385b;
  color: white;
}
.front #audience a.student {
  box-shadow: 6px 6px 6px #000;
  transition: all .5s;
}
.front #audience h3 {
  color: white;
  font-weight: 400;
  margin: 0 1em 1em 1em;
  text-shadow: black 0 0 20px;
  text-align: center;
  font-size: 1.8em;
}
.front #audience a.rto {
  background-color: #af94a0; /*#9b7988*/;
  color: #253737;
  box-shadow: 6px 6px 6px #000;
  transition: all .5s;
}
#audience a.rto {
  background-color: #3f537f;
  color: white;
}
#audience a.developer {
  background-color: #9FCFCB;
  color: #1b292f;
}
.front #audience a.developer {
  box-shadow: 6px 6px 6px #000;
  transition: all .5s;
}
#audience a.other {
  background-color: #cccccc;
  color: #2d2d2d;
}
#audience-old a.other {
  background-color: #cccccc;
  color: #2d2d2d;
}
#audience ul {
  margin: 0;
  padding: 0 50px 0 0;
}
#audience-old ul {
  margin: 0;
  padding: 0 50px 0 0;
}
.front #audience ul {
  margin: 0;
  padding: 0;
}
.front #audience-old ul {
  margin: 0;
  padding: 0;
}
/*#audience ul:last-child {
  padding-right: 45px;
}
*/
#audience li {
  margin-top: 0.5em;
  list-style-type: none;
}
#audience-old li {
  margin-top: 0.5em;
}
/*#audience li:first-child {
  margin-top: 0;
}*/

#students_login {
  margin-bottom: 1em;
  height: 30px;
}
#students_login a {
  color: #342e1e;
  text-decoration: none;
  padding: 0 10px;
  line-height: 30px;
  display: block;
  background-color: #e7cd87;
  background-image: url('../images/button-tip-right.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 38px;
}
#students_login a.student {
  -webkit-transition: background-color .5s ease;
  -moz-transition: background-color .5s ease;
  -o-transition: background-color .5s ease;
  -ms-transition: background-color .5s ease;
  transition: background-color .5s ease;
}
#students_login a.student:hover {
  background-color: #E8C66A;
}
#training_login {
  margin-bottom: 1em;
  height: 30px;
}
#training_login a {
  color: #1e2534;
  text-decoration: none;
  padding: 0 10px;
  line-height: 30px;
  display: block;
  background-color: #b3d4fc;
  background-image: url('../images/button-tip-right.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 38px;
}
#training_login a.training {
  -webkit-transition: background-color .5s ease;
  -moz-transition: background-color .5s ease;
  -o-transition: background-color .5s ease;
  -ms-transition: background-color .5s ease;
  transition: background-color .5s ease;
}
#training_login a.training:hover {
  background-color: #8eb8eb;
}
.node-video.node-full .media-video {
  background-color: #333;
  margin: 2em 0;
  padding: 2em;
  text-align: center;
}
/* Announcments on homepage */

#announcements {
  background-color: #e6e6e6;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  margin: 1em 0;
  padding: 1em 2em;
}
#announcements h2 {
  border-bottom: 1px solid #e6e6e6;
}
.announcments-wrapper a {
  color: #e6e6e6;
  text-decoration: underline;
}
.announcments-wrapper a:hover,
.announcments-wrapper a:focus,
.announcments-wrapper a:visited {
  color: #e6e6e6;
  text-decoration: none;
}
/* End: Layout and generic styling */

/**
 * Homepage
 */

.front #navigation {
  border-bottom: none;
}
.front #content {
  background: transparent;
}
.front #content #welcome h2 {
  color: #444;
  font-size: 1.4em;
  text-align: left;
}
.front .content-padder {
  padding: 0;
}
.front #page-intro {
  background-color: white;
  margin-bottom: 2em;
  padding: 1em;
}
.front #page-intro *:last-child {
  margin-bottom: 0;
}
.front #page-intro a {
  text-decoration: none;
}
.front #page-intro a:after {
  content: "\f138";
  font-family: FontAwesome;
  margin-left: 5px;
}
.front footer {
  border-top: none;
}
.front .front_news {
  background-color: #2d5b57;
  color: white;
}
.front .front_news_pane {
  background-color: #2d5b57;
  color: white;
  padding: 20px;
}
.front .front_news_icon {
  font-size: 24px;
  line-height:24px;
  float:left;
  margin-right:5px;
}
.front .front_news_header {
  color: #fff;
  font-size: 22px;
  font-weight: 100;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.front .front_news_content {
  display: block;
  margin-left: 4.6em;
}
.front .front_news a {
  color: #FFFFFF;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
.front .front_news a:focus,
.front .front_news a:hover {
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
/* End: homepage */

/**
 * Help centre
 */

.help-centre #content-left-region .block,
.help-centre #content-right-region .block,
.help-centre #content-bottom-region .block:not(#block-deewr-last-modified-last-modified) {
  background-color: white;
  border-top-style: solid;
  border-top-width: 3px;
  margin-top: 1em;
  padding: 1em;
}
.help-centre #content-left-region .block h2,
.help-centre #content-right-region .block h2,
.help-centre #content-bottom-region .block:not(#block-deewr-last-modified-last-modified) h2 {
  margin: 0;
}
/* Generic help center form styling */

.help-centre #content form {
  border: none;
  margin: 1em 0 0 0;
  padding: 0;
}
.page-help-centre-students-search #content form,
.page-help-centre-training-organisations-search #content form {
  padding: 1em;
}
.help-centre #content form label {
  display: none;
}
.help-centre #content form .form-type-textfield input.form-text {
  border-radius: 0;
}
.system-developers form input.form-submit,
.help-centre #content form input.form-submit {
  background-color: #003361;
  border: solid 1px #003361;
  color: white;
  height: 30px;
  margin-top: 1em;
  font-weight: 500;
  text-transform: uppercase;
}
.help-centre #content form#search-form .form-type-textfield {
  width: 100%;
}
.help-centre #content form#search-form .form-type-textfield input {
  margin: 0;
  width: 100%;
}
/* Views exposed form */

.system-developers form .views-exposed-form label,
.system-developers .views-widget-filter-field_topics_tid .views-widget,
.help-centre #content form .views-exposed-form label,
.help-centre .views-widget-filter-field_topics_tid .views-widget {
  display: block;
}
.system-developers .views-exposed-form .views-exposed-widget,
.help-centre .views-exposed-form .views-exposed-widget {
  padding: 0;
}
.system-developers .views-exposed-form .views-widget-filter-field_topics_tid,
.help-centre .views-exposed-form .views-widget-filter-field_topics_tid {
  width: 100%;
}
.system-developers #content .views-exposed-form .form-item,
.system-developers #content .views-exposed-form select,
.help-centre #content .views-exposed-form .form-item,
.help-centre #content .views-exposed-form select {
  margin: 0;
}
.help-centre #content form .views-exposed-form label {
  margin-right: 1em;
}
/**
 * @see https://www.drupal.org/node/339384#comment-10532568
 */
.views-exposed-widget.views-widget-filter-field_topics_tid .description {
  display: none;
}
/* Lists */

.help-centre #content-right-region .block .content ul a {
  background-color: #D7E6E3;
  border-bottom: solid 2px transparent;
  color: #0A352B;
  display: block;
  padding: 0.25em 0.5em;
  text-decoration: none !important;
  text-shadow: none;
}
.help-centre #content-right-region .content ul li {
  display: block;
  margin-top: 0.5em;
}
.help-centre.students #content-right-region .block .content ul a {
  background-color: #362351;
  color: white;
}
.help-centre.training-organisations #content-right-region .block .content ul a {
  background-color: #CEF1CE;
  color: black;
}
/* End: Help centre */

/**
 * Main site functions and forms
 */

/* Search results *************************************************************/

.search-description {
  background-color: #dcf5f3;
  border: solid 1px #9fcfcb;
  margin-bottom: 1em;
  padding: 1em;
}
.search-description p:last-child {
  margin-bottom: 0;
}
.search-description p:before {
  font-family: FontAwesome;
  margin-right: 10px;
}
.search-description p.spelling:before {
  content: "\f059";
}
.search-description p.count:before {
  content: "\f24d";
}
.search-description p.terms:before {
  content: "\f002";
}
form.search-form {
  background-color: white;
}
.search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-result {
  margin-top: 2em;
  border-top: 1px solid #396A73;
  padding-top: 2em;
}
.search-result h3 {
  margin-top: 0;
}
.search-result h3 a {
  color: #396A73;
}
.search-result span {
  background-color: #396A73;
  color: #FFFFFF;
  border-radius: 5px;
  display: inline-block;
  font-size: .7em;
  padding: 0.3em 0.5em;

}
.search-result a:hover span {
  border: 1px solid #F6AF3A;
  color: #000000;
  background: #FFFFFF;
}
.search-result p {
  margin-bottom: 0;
}
/* Main site search results page, search form */

.page-search-site form {
  border: none;
  margin: 0;
  padding: 0;
}
.page-search-site form .container-inline {
  display: table;
  width: 100%;
}
.page-search-site form label {
  /*display: none;*/
  visibility: hidden;
  position: absolute;
}
.page-search-site form .form-type-textfield input.form-text {
  border-radius: 0;
}
.page-search-site form input.form-submit {
  background-color: #003361;
  border: solid 1px #003361;
  color: white;
  height: 30px;
  font-weight: 500;
  text-transform: uppercase;
}
.page-search-site form#search-form .form-type-textfield {
  width: 100%;
}
.page-search-site form#search-form .form-type-textfield,
.page-search-site form#search-form .form-submit {
  display: table-cell;
  vertical-align: bottom;
}
.page-search-site form#search-form .form-type-textfield input {
  margin: 0;
  width: 100%;
}
.page-search-site .pager {
  border-top: 1px solid #CCC;
  margin: 2em 0 0 0;
  padding-top: 2em;
}
/* End: Search results */

/* Forms **********************************************************************/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.form-managed-file {
  padding: .5em;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.description {
  /*border-top: 1px dotted #ccc;*/
  color: #565656;
}
/* End: Forms */

/* Buttons ********************************************************************/

a.usi-btn,
a.usi-btn-block,
a.usi-btn-inline,
a.usi-btn-tiny,
a.usi-btn-small,
a.usi-btn-default,
a.usi-btn-large,
a.usi-btn-epic {
  margin-top: 20px;
  color: white;
  background-color: #c51e2a;
  width: 270px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  -webkit-border-radius: 2x;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  padding: 10px 35px;
}

a.usi-btn:visited,
a.usi-btn:link,
a.usi-btn-block:visited,
a.usi-btn-block:link,
a.usi-btn-inline:visited,
a.usi-btn-inline:link,
a.usi-btn-tiny:visited,
a.usi-btn-tiny:link,
a.usi-btn-small:visited,
a.usi-btn-small:link,
a.usi-btn-default:visited,
a.usi-btn-default:link,
a.usi-btn-large:visited,
a.usi-btn-large:link,
a.usi-btn-epic:visited,
a.usi-btn-epic:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.usi-btn:active,
a.usi-btn:focus,
a.usi-btn:hover,
a.usi-btn-block:active,
a.usi-btn-block:focus,
a.usi-btn-block:hover,
a.usi-btn-inline:active,
a.usi-btn-inline:focus,
a.usi-btn-inline:hover,
a.usi-btn-tiny:active,
a.usi-btn-tiny:focus,
a.usi-btn-tiny:hover,
a.usi-btn-small:active,
a.usi-btn-small:focus,
a.usi-btn-small:hover,
a.usi-btn-default:active,
a.usi-btn-default:focus,
a.usi-btn-default:hover,
a.usi-btn-large:active,
a.usi-btn-large:focus,
a.usi-btn-large:hover,
a.usi-btn-epic:active,
a.usi-btn-epic:focus,
a.usi-btn-epic:hover {
  text-decoration: underline;
}

a.usi-btn strong,
a.usi-btn-block strong,
a.usi-btn-inline strong,
a.usi-btn-tiny strong,
a.usi-btn-small strong,
a.usi-btn-default strong,
a.usi-btn-large strong,
a.usi-btn-epic strong {
  font-weight: normal;
}

/* End: Button */

/**
 * Template styling
 */

/* Section: Branding **********************************************************/
.branding-block {
  padding: 0 5px 5px;
  background-color: #fff;
}
.branding-block .header-container {
  max-width: 85%;
  float: left;
  clear: none;
}
.branding-block .crest {
  margin: 5% auto;
  float: left;
  max-width: 50%;
}
.branding-block .crest a,
.branding-block .crest img {
  display: block;
  width: 100%;
}
/* Logo */
.branding-block .logo {
  margin: 6% auto 5%;
  float: left;
  max-width: 50%;
  text-align: center;
  box-sizing: border-box;
  display: table;
}
.branding-block .logo .menu_control_button {
  display: none;
  margin-top: 30px;
}
.branding-block .logo .logo_image {
  display: table-column;
  width: 80%;
  margin-left: 10%;
}
.branding-block .search-container {
  max-width: 30%;
  float: right;
}

/* Home link */
.mobile-icons {
}

.mobile-home {
  margin-top: 1.5em;
  float: right;
  display: inline-block;
  width: 15%;
}
.mobile-home a {
  color: #253744;
  display: inline-block;
  font-size: 1.5em;
  padding: 0 1em;
  text-align: center;
}
.mobile-home a span {
  font-family: "Roboto", Trebuchet, Verdana, Segoe, sans-serif;
  font-size: .5em;
  display: block;
  margin-top: -.4em;
}
/* Search block */
.search-container {
  display: none;
}
.mobile-search {
  display: inline-block;
  width: 2.5em;
}
.mobile-search a {
  color: #253744;
  display: inline-block;
  font-size: 1.5em;
  text-align: center;
}
.mobile-search a span {
  font-family: "Roboto", Trebuchet, Verdana, Segoe, sans-serif;
  font-size: .5em;
  display: block;
  margin-top: .2em;
}
.mobile-home a:active,
.mobile-home a:focus,
.mobile-home a:hover,
.mobile-search a:active,
.mobile-search a:focus,
.mobile-search a:hover {
  color: #2d5b57;
}

/* End: Section: Branding */

/* Section: Header ************************************************************/

.header-banner {
  position: relative;
  min-height: 100px;
  max-width: 1020px;
  margin: 0 auto 1em;
}
/* End: Section: Header */

/* Section: Navigation ********************************************************/
#navigation {
  /*border-bottom: 5px solid #274A98;*/
  border-bottom: 0;
  display: inline-block;
  width:100%;
}
#navigation a {
  text-decoration: none;
}
#navigation a.menuparent {
  cursor: default;
}
#navigation .home-icon-desktop,
#navigation .login-icon-desktop {
  display: none;
}
#navigation .home-icon-mobile,
#navigation .login-icon-mobile {
  display: inline-block;
}
#navigation ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}
ul.menu.is-hidden {
  display: none;
  visibility: hidden;
}
.toggle-menu {
  display: block;
  font-size: 1.1em;
  padding: 1em;
  text-align: left;
  text-transform: uppercase;
}
.toggle-menu:after {
  margin-left: 0.5em;
  content: '\f0c9';
  font-family: FontAwesome;
}
.toggle-menu.active:after {
  margin-left: 0.5em;
  content: '\f00d';
  font-family: FontAwesome;
}
/* Main menu */

#navigation .toggle-menu,
#navigation .toggle-menu:visited {
  color: white;
}
#navigation ul {
  background-color: #f6f6f2;
  margin: 0;
  list-style-position: inside;
  padding: 5px 0;
  /*padding: 0 1em 1em 1em;*/
}
#navigation li {
  float: none;
  margin: 0;
  padding: 0 20px 0 0;
}
#navigation li a {
  background-color: white;
  /* Override focus style initially */
  border: none;
  border-right: 8px solid transparent;
  box-shadow: #ccc 0 0 5px;
  display: block;
  padding: 8px 1px 11px 1px;
}
#navigation li > a > .sf-sub-indicator {
  margin-right: -20px;
}
#navigation li a.active,
li.active-trail {
  background-color: #253744;
}
.mobile-main-menu > li > ul.mobile-main-menu > li > a.active-trail {
  background-color: #2D5B57;
}
/* @todo put in menu attributes, this would be a better solution */
#navigation li.menu-901 a,
#navigation li.menu-1317 a {
  border-color: #426059;
}
#navigation li.menu-907 a {
  border-color: #baddba;

}
#navigation li.menu-909 a {
  border-color: #b75454;
}
#navigation li.menu-903 a {
  border-color: #f7931D;
}
#navigation li.menu-905 a {
  border-color: #9fcfcb;
}
#navigation li.menu-2826 a {
  border-color: #9fcfcb;
}
/* Sidebar menu */

#sidebar-first .block-menu-block {
  background-color: #f6f6f2;
  border: solid 1px #d5d5ba;
  margin-bottom: 1em;
}
#sidebar-first .block-menu-block .toggle-menu {
  background-color: white;
  padding: 0.5em;
}
#sidebar-first ul.menu li {
  display: block;
  float: none;
  margin: 0;
}
#sidebar-first ul.menu {
  list-style: none;
  padding: 1em;
}
#sidebar-first ul.menu li a {
  color: #426059;
  padding: 0.25em 0;
}
#sidebar-first ul.menu li a.active {
  color: black;
  font-weight: 500;
}
#sidebar-first ul.menu li a:hover {
  color: black;
}
#sidebar-first ul.menu li.expanded > a:before {
  content: "\f147";
  font-family: FontAwesome;
  margin-right: 5px;
}
#sidebar-first ul.menu li.expanded.active > a:before {
  content: "\f146";
  font-family: FontAwesome;
  margin-right: 5px;
}
#sidebar-first ul.menu li.collapsed > a:before {
  content: "\f196";
  font-family: FontAwesome;
  margin-right: 5px;
}
#sidebar-first ul.menu ul {
  border-left: 2px solid #274A98;
  margin: 0 0 0 .4em;
  padding: 0 0 0 1em;
}
/* End: Section: Navigation */

/* Section: Breadcrumb ********************************************************/

#breadcrumb {
  font-size: .9em;
}
#breadcrumb .inline {
  background-color: #eee;
  border-radius: 5px;
  padding: 5px;
}
/* End: Section: Breadcrumb */

/* Section: Tabs **************************************************************/

div.tabs {
  margin-bottom: 1em;
}
div.tabs ul {
  border: solid 0px #d5d5ba;
  margin: 0;
  padding: 0 1em 1em 1em;
}
div.tabs ul li {
  display: block;
  margin-top: 1em;
}
div.tabs ul li a {
  background-color: white;
  box-shadow: #ccc 0 0 5px;
  border: none;
  display: block;
  margin: 0;
  padding: 1em;
}
div.tabs ul li a.active {
  border: none;
  font-weight: 700;
}
/* End: Section: Tabs */

/* Section: Footer ************************************************************/

footer {
  background-color: #2c3859;
  padding: 1em;
}
/*.footer-main .block .content {display:none;}*/

footer ul {
  padding-left: 0;
}
footer ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}
.footer-nav .block {
  margin-top: 2em;
}
.footer-nav .block:first-child {
  margin-top: 0;
}
.footer-nav h2 {
  border-bottom: solid 2px #83B1A6;
  color: white;
  font-size: 1.3em;
  margin: 0 0 0.5em;
}
.footer-nav ul {
  margin: 0;
}
.footer-nav ul.menu li {
  float: none;
  margin: 0.3em 0 0 0;
}
.footer-nav ul li a {
  border-bottom: 1px solid #888;
  color: #fff;
  /*padding: 0.5em 0;*/
  line-height: 1em;
  text-decoration: none;
}
.footer-nav div:last-child h2 {
  color: transparent;
  border-bottom: none;
}
.footer-nav a {
  text-decoration: underline;
}
.footer-nav a:hover,
.footer-nav a.active-trail,
.footer-nav a:focus {
  border-bottom: 1px solid #fff;
  color: #f2f2f2;
  text-decoration: none;
}
.footer-nav a.active {
  color: #fff;
}
.footer-nav .menu-32787 {
  min-height: 70px;
  background: url('/sites/all/themes/custom/usi2018_theme/images/real-skills-for-real-careers.png') no-repeat;
  background-size: contain;
  max-height: 60px;
}
.footer-nav .menu-32787 a {
  /*max-width: 150px;*/
  color: transparent;
  line-height: 2em;
  font-size: 33px;
  word-break: break-all;
  background: none;
}
.footer-nav .menu-32787 a:focus,
.footer-nav .menu-32787 a:hover {
  border: 1px solid #fff;
}
#footer h2 {
  font-weight: 100;
}
#footer a img:hover,
#footer a img:focus {
  border: 1px solid #fff;
}
/* End: Section: Footer */

/* Section: Top bar jump links ************************************************/

.page-info {
  background: #000;
  overflow: hidden;
}
.page-info ul {
  margin: 0 auto;
  max-width: 1020px;
  padding: 0;
  font-weight: 400;
}
.page-info li {
  list-style: none;
  padding: 0;
}
.page-info .item-list ul li {
  margin: 0;
}
.page-info li a {
  color: #efefef;
  float: left;
  font-size: .75em;
  padding: .5em 1em;
}
/* End: Section: Top bar jump links */

/* Section: Sidebars **********************************************************/

#sidebar-second,
#sidebar-first {
  padding: 0;
  margin: 0;
}
#sidebar-second button,
#sidebar-first button {
  padding: 0 0 .3em 0;
  margin: 0;
}
#sidebar-second button {
  margin: 0 14px 0 0;
}
#sidebar-second .block {
  background-color: #D7E6E3;
}

#sidebar-second .block .content,
#sidebar-second .block.expandable-content.expanded .content {
  padding: 0 1em 1em 1em;
}

#sidebar-second .block.expandable-content .content {
  padding: 0 1em 1em 1em;
}

#sidebar-second button, #sidebar-first button {
  padding: 1em 0.5em 1em 0.5em;
  font-size: 1.3em;
  background: none;
  text-align: left;
  border-bottom: 0;
}
#sidebar-second button:focus,
#sidebar-first button:focus,
#sidebar-second button:hover,
#sidebar-first button:hover {
  background: #e6e6e6;
}

/* Different types of sidebar items... */

#sidebar-second .block button:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d5b57;
  padding-right:5px;
}

/*Videos*/
#block-views-all-videos-related-videos-block.block > button:before {
  content: "\f03d";
}
/*Factsheets*/
#block-views-106b416b0f16fb775c83aa0da29c93bb.block > button:before {
  content: "\f15c";
}
/*Need more Help*/
#block-views-featured-faqs-block-related > button:before {
  content: "\f128";
}
/*Step by Step*/
#block-views-content-related-contents-block > button:before {
  content: "\f0cb";
}

/*#block-views-all-videos-related-videos-block.block*/
#sidebar-second .expandable-content {
  background:transparent;
  border: 1px solid #2d5b57;
}

/* Sidebar first */
#sidebar-first {
  display: block;
}
#sidebar-second ul.menu {
  padding: 0;
  list-style: none inside none;
}
#sidebar-second ul.menu li {
  list-style: none none !important;
  padding-bottom: 4px;
}
#sidebar-second ul.menu li.active {
  background-color: white;
  padding: 0px 0 5px 0;
  margin: 0 -13px 0 -13px;
}
#sidebar-second ul.menu li.active:before {
  font-family: "FontAwesome";
  font-size: 26px;
  padding-right: 10px;
  line-height: 1em;
  content: '\f105';
}
#sidebar-second {
  width: 100%;
  padding: 5px;
}
#sidebar-second .block a {
  text-decoration: underline;
}
/* End: Section: Sidebars */

/**
 * Nodes
 */

/* Node: FAQ ******************************************************************/

.dynamic-faq {
  background-color: white;
  margin: 0.75em 0;
  padding: 1em;
}
.dynamic-faq h3 {
  cursor: pointer;
  font-size: 1.3em;
  margin: 0;
}
.dynamic-faq h3:before {
  color: #274A98;
  content: "\f13a";
  font-family: FontAwesome;
  margin-right: 10px;
}
.dynamic-faq.active h3:before {
  content: "\f139";
  font-family: FontAwesome;
  margin-right: 10px;
}
.dynamic-faq .content {
  padding-top: 1em;
}
.dynamic-faq .close {
  color: #274A98;
  cursor: pointer;
}
.dynamic-faq .close:before {
  color: #274A98;
}
article.node .dynamic-faq a {
  text-decoration: none;
}
.dynamic-faq a.close:before {
  margin-right: 0.2em;
  content: '\f00d';
  font-family: FontAwesome;
}
/* End: Node: FAQ */

/* Node: Alert ****************************************************************/

.node-alert.node-teaser {
  background: transparent no-repeat;
}
.node-alert.node-teaser h2:before {
  color: #FF9D00;
  content: "\f05a";
  font-family: FontAwesome;
  margin-right: 10px;
}
/* End: Node: Alert */

/* Node: Video ****************************************************************/

.node-video.node-node-embed {
  background-color: white;
  padding: 1em;
}
.node-video.node-node-embed h1 {
  font-size: 1.4em;
  margin-top: 0;
}
.node-video.node-node-embed .field-name-field-short-description {
  font-style: italic;
  margin: 1em 0 0 0;
}
.node-video.node-node-embed .read-more {
  margin-top: 1em;
  text-align: right;
}
.node-video.node-node-embed .read-more a {
  text-decoration: none;
}
.node-video.node-node-embed .read-more a:after {
  content: "\f138";
  font-family: FontAwesome;
  margin-left: 10px;
}
/* End: Node: Video */

/**
 * Various styles applied to specific bits of markup
 */

/* Element: Boxed and blockquote **********************************************/

/*.boxed,*/
blockquote,
.blockquote {
  padding: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  background-color: #fff;
  border-left: solid 5px #2d5b57;
  box-shadow: #ccc 0 0 5px;
  font-weight: 400;
  font-style: italic;
}
/***
**/
/* End: Element: Boxed and blockquote */

/* Element: Document download styles ******************************************/

.field-name-field-file-information .field-collection-view-final {
  margin: 0;
  padding: 0;
}
.field-name-field-file .field-item {
  margin-top: 1em;
}
.field-name-field-file .field-item:first-child {
  margin-top: 0;
}
.field-name-field-file {
  font-size: 1.2em;
}
.field-name-field-file .fa:before {
  /*color: #774100;*/
  font-family: FontAwesome;
  margin-right: 5px;
}
.field-name-field-file .field-item a {
  /*color: #C77200;*/
  font-family: "Roboto", Trebuchet, Verdana, Segoe, sans-serif;
  text-decoration: none;
}
.field-name-field-file .field-item a:before {
  content: "\f019";
}
.node-document .field {
  margin-top: 1em;
}
.node-document .field-name-field-file-information {
  margin-top: 0;
}

#sidebar-second #block-views-downloads-block .content {
  padding: 0;
}
#sidebar-second #block-views-downloads-block > .content {
  padding: 10px;
}
#sidebar-second #block-views-downloads-block button:before {
  content: "\f019";
}
/* End: Element: Document download styles */

/* Element: Goto top **********************************************************/

.gotoTop {
  position: fixed;
  display: block;
  bottom: 1em;
  right: 1em;
  background-color: #000;
  border: 1px solid #fff;
}
.gotoTop:active,
.gotoTop:focus,
.gotoTop:hover {
  background-color: #333;
}
.gotoTop a {
  display: block;
}
.gotoTop img {
  display: block;
}
/* Element: End: Goto top */

/* Element: Tutorial lists ****************************************************/

ol.tutorial,
ol.tutorial ol.tutorial {
  counter-reset: section;
  list-style-type: none;
  position: relative;
}
/*ol.tutorial > li::before {*/

/* content */
/*  counter-increment: section;
  content: counters(section,".");*/

/* font style */
/*  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
  text-align: center;*/

/* style */
/*  background-color: white;
  border-radius: 50%;
  border: solid 2px #497C70;
  box-shadow: #ccc 0 0 7px;*/

/* sizing */
/*  padding: 5px;
  display: block;
  height: 35px;
  width: 35px;*/

/* position */
/*  left: 0;
  margin: -10px 0 0 5px;
  position: absolute;*/

/*}*/

ol.tutorial > li::before {
  counter-increment: section;
  content: "Step " counters(section, ".");
  font-size: 1em;
  font-weight: 500;
  /* line-height: 35px; */
  text-align: center;
  background-color: white;
  border-radius: 8px;
  border: solid 1px #497C70;
  /*box-shadow: #ccc 0 0 7px;*/
  padding: 3px;
  /* display: block; */
  /* height: 35px; */
  width: 50px;
  left: 0;
  /* max-width: 25%; */
  /* margin: -10px 0 0 5px; */
  position: absolute;

}
ol.tutorial > li {
  display: block;
  margin-bottom: 2em;
  min-height: 60px;
  min-width: 40px;
  padding: 10px 0 0 30px;
  width: 100%;
}
ol.tutorial > li *:first-child {
  margin-top: 0;
}
ol.tutorial ol.tutorial > li::before {

  /* content */
  counter-increment: section;
  content: counters(section, ".") " ";

}
ol.tutorial ol.tutorial {
  display: block;
}
ol.tutorial ol.tutorial > li {
  padding-left: 20px;
  font-weight: 400;
  min-height: 40px;
}
ol.tutorial ol.tutorial ol.tutorial > li {
  padding-left: 15px;
  font-weight: 400;
  min-height: 30px;
}
/* End: Element: Tutorial lists */

.front {
  /*background: url('../images/hero.jpg') center center fixed no-repeat;*/
  background-size: cover;
}
.front #page-wrapper {
  max-width: 100%;
  padding-top: 0;
}
.front #content-wrapper {
  margin: 0 auto 1em auto;
  max-width: 1020px;
}
.front #page-intro {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
}
.front #page-intro .content-wrapper {
  margin: 0 auto;
  max-width: 700px;
}
.front div.tabs {
  background-color: #f6f6f2;
  border: solid 1px #d5d5ba;
  padding: 0.5em 1em;
}
.front #welcome {
  overflow: hidden;
  margin: 20px 0;
}
.front #welcome h3 {
  font-weight: bold;
  margin-left:3%;
}
.front #welcome ul {
  border: 1px solid lightgray;
  list-style-position: inside;
  padding-left: 0;
}
.front #welcome ul li {
  margin-left: 0;
  list-style: none inside none;
  border: 1px solid lightgray;
}
.front #welcome ul li a {
  padding: 8px 25px;
  display: block;
  position: relative;
}
.front #welcome ul li a:after {
  position: absolute;
  content: '\f054';
  top: 12px;
  right:25px;

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.front #welcome ul li a {
  text-decoration: none;
  color: black;
}
.front #welcome div.right,
.front #welcome div.middle {
  font-family: Roboto, serif;
}
.front #welcome ul li:hover {
  background-color: lightgray;
}
.student_button {
  background-color: white;
  border: 1px solid #6cadb7;
}
.student_button a {
  padding: 0 10px 0 10px;
  line-height: 2em;
  width:100%;
  display: block;
  text-decoration: none;
}
.student_create {
  background-color: #c51e2a;
}
.student_create a {
  padding: 0 10px 0 10px;
  line-height: 2em;
  color: white;
  width:100%;
  display: block;
}
.student_login {
  background-color: #2D315B;
}
.student_login a {
  padding: 0 10px 0 10px;
  color: white;
  line-height: 2em;
  width:100%;
  display: block;
  text-decoration: none;
}
.front #welcome_student ul li:last-child {
  background-color: #2D315B;
}
.front #welcome_student ul li:last-child:hover {
  background-color: #393377;
}
.front #welcome_student ul li:first-child a,
.front #welcome_rto ul li:last-child a,
.front #welcome_student ul li:last-child a {
  color: white;
}
.front #welcome_student ul li:first-child {
  background-color: #F6AF3A;
}
.front #welcome_student ul li:first-child:hover {
  background-color: #FFC35F;
}
.front #welcome_student ul li:first-child a {
  color: #000000;
}

.front #welcome_rto_content ul li:last-child {
  background-color: #553F7F;
}
.front #welcome_rto_content ul li:last-child:hover {
  background-color: #362351;
}
.front #welcome_employer_content ul li:first-of-type {
  background-color: #3f537f;
}
.front #welcome_employer_content ul li:first-of-type:hover {
  background-color: #2f3e5f;
}
.front #welcome div {
  width: 94%;
  margin: 0 3%;
}
/* Element: Minions ***********************************************************/
.front #minions {
  margin-top: 24px;
  margin-bottom: 2em;
  padding: 0 2em;
}
.front #minions div > img {
  max-width: 100px;
  width: auto;
  display: block;
  margin: 6px auto -40px auto;
}
.front #minions a:hover {
  text-decoration: underline;
}
.front #minions .minion_box {
  border: 2px solid #2d5b57;
  overflow: visible;
  padding-top: 45px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 160px;
}
.front #minions .minion_title {
  clear: left;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.front #minions .box_text {
  padding: 1em;
  font-size: 16px;
  text-align: center;
}
/* End: Element: Minions */

/**
 * Styling for blocks (non-views)
 */

/** Block: Top actions ********************************************************/

.block.top-actions {
  font-size: 1.1em;
}
.block.top-actions *:last-child {
  margin-bottom: 0;
}
#content .top-actions {
  border-bottom: solid 1px #ccc;
  margin-bottom: 2em;
  padding-bottom: 2em;
}
#sidebar-second .top-actions {
  background-color: #C9DAE8;
}
.top-actions .content ul {
  margin: 0 0 1em 0;
  list-style: none;
  padding: 0;
}
.top-actions .content ul li,
#content-left-region .top-actions ul li,
#content-right-region .top-actions ul li {
  padding: 0;
  margin-top: 0.5em;
}
/*.top-actions .content ul a:hover {
  background-color: #207CB9;
  color: #fff;
}*/

.top-actions .content ul a:hover {
  background-color: #3e3f5c;
  color: #fff;
}
.top-actions p {
  text-align: center;
}
.top-actions p a {
  color: #106197;
}
/**
 * Hide the top actions read more links in the help centre
 */
.help-centre .top-actions p {
  display: none;
}
.help-centre #content-left-region .block,
.help-centre #content-right-region .block {
  border-bottom: none;
}
/** End: Block: Top actions */

/* Block: Creative commons ****************************************************/

#block-block-11 {
  margin-top: 2em;
}
#block-block-11 p {
  color: white;
  font-size: .8em;
  line-height: 31px;
  margin: 0;
}
#block-block-11 a {
  border-bottom: 1px solid #888;
  color: #fff;
  text-decoration: none;
}
#block-block-11 a:focus,
#block-block-11 a:hover {
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
#block-block-11 a:hover img {
  opacity: .5;
}
#block-block-11 img {
  display: inline-block;
  float: left;
  margin-right: 1em;
  height: 30px;
}
/* End: Block: Creative commons */

/**
 * Styling for Views
 */

/* Generic views styling ******************************************************/

.views-label {
  font-weight: bold;
}
.view .view-content .item-list > ul {
  margin: 0;
  padding: 0;
}
.view .view-content .item-list > ul > li {
  list-style: none;
  margin: 1em 0 0 0;
}
.view .view-content .item-list > ul > li:first-child {
  margin-top: 0.5em;
}
.view .view-content .item-list ul li h2 {
  font-weight: 300;
  margin: 0 0 0.5em 0;
}
.view ul.pager {
  margin: 1.25em 0 0 0;
}
.view .more-link {
  margin-top: 1em;
}
.view .more-link a:after {
  content: "\f138";
  font-family: FontAwesome;
  margin-left: 3px;
}
/**
 * Only add borders and padding on views in the main content area, they're most
 * likely to be pages and so this styling applies.  For views in the sidebars,
 * this styling isn't appropriate.
 */
#content .view .view-content .item-list ul li {
  padding: 1em 0;
  border: solid 0 #ccc;
  border-bottom-width: 1px;
}
#content .view .view-content .item-list ul li:first-child {
  border-top-width: 1px;
}
#content .view.view-latest-news .view-content .item-list > ul > li {
  padding: 0;
  margin: 0;
}
#content .view.view-latest-news .view-content .item-list > ul > li .expandable-content {
  margin: 0;
}
#content .view.view-latest-news .view-content .item-list > ul > li .expandable-content button[data-module=accordionize] {
  background: #FFFFFF;
  color: #253744;
}
#content .view.view-latest-news .view-content .item-list > ul > li .expandable-content .content {
  border: 0;
}
#content .view.view-latest-news .view-content .item-list > ul > li .expandable-content li {
  padding: 0;
  border: 0;
}
/**
 * Do not show link underlines on views blocks in the second sidebar
 */
#sidebar-second .view .view-content a {
  text-decoration: none;
}
/* End: Generic views styling */

/* View: Documents ************************************************************/

.view-display-id-related_documents_block .item-list a:before {
  content: "\f016";
  color: black;
  font-family: FontAwesome;
  margin-right: 5px;
}
/* End: View: Documents */

/* View: Outages **************************************************************/
/* End: View: Outages */

/* View: Videos ***************************************************************/

.view-display-id-related_videos_block .item-list h3 {
  font-size: 1em;
  font-weight: 400;
}
.view-display-id-related_videos_block .item-list h3:before {
  content: "\f03d";
  color: #447B6E;
  font-family: FontAwesome;
  margin-right: 5px;
}
/* End: View: Videos */

/* View: FAQs *****************************************************************/

.view-display-id-block_related .item-list a:before {
  content: "\f059";
  color: #D26F03;
  font-family: FontAwesome;
  margin-right: 5px;
}
/* End: View: FAQs */

/* View: FAQ ******************************************************************/

#content .view-featured-faqs .view-content .item-list > ul {
  list-style: none;
}
#content .view-featured-faqs .view-content .item-list ul li {
  padding: 0;
  border: none;
}
/* End: View: FAQ */

/**
 * Styling for specific modules
 */

/* Module: USI Alert **********************************************************/

#block-usi-outages-outages {
  background-color: #fdffa0;
  display: none;
  line-height: 125%;
}
#block-usi-outages-outages .content {
  max-width: 1020px;
  margin: 0 auto;
  padding: 1em;
  overflow: hidden;
  width: 100%;
}
#block-usi-outages-outages .content {
  display: table;
}
#block-usi-outages-outages .content > div {
  display: table-cell;
  vertical-align: middle;
}
#block-usi-outages-outages .message div {
  display: inline;
}
#block-usi-outages-outages .more-info a {
  color: #C16E00;
}
#block-usi-outages-outages .more-info a:after {
  content: "\f138";
  font-family: FontAwesome;
  margin-left: 5px;
}
#block-usi-outages-outages .close a {
  background: url('../images/usi-alert-close.png') no-repeat center center;
  background-position: -1px -1px;
  cursor: pointer;
  display: block;
  float: right;
  height: 19px;
  width: 19px;
}
#block-usi-outages-outages .close:hover a {
  background-position: -1px -21px;
}
#block-usi-outages-outages .close:active a {
  background-position: -1px -41px;
}
#block-usi-outages-outages .close span {
  display: none;
}
/* End: Module: Alert */

/* Module: DEEWR Simple Image Gallery *****************************************/

body .gallery-holder {
  font-size: 0.95em;
}
body .gallery-holder figure {
  background-color: #fff;
  border: 1px solid #ccc;
}
body .gallery-holder figcaption {
  line-height: 1.3em;
}
.js body #image-controls {
  font-size: .9em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
#image-controls a, #gallery-count {
  vertical-align: top;
}
/* End: Module: DEEWR Simple Image Gallery */

/* Module: DEEWR Media ********************************************************/

.video-gallery-link,
.video-gallery-link h2,
.image-gallery-link,
.image-gallery-link h2 {
  text-decoration: none;
}
.video-gallery-link h2,
.image-gallery-link h2 {
  color: #ccc;
}
.video-gallery-link img,
.image-gallery-link img {
  opacity: 0.7;
}
.video-gallery-link:hover img,
.video-gallery-link:focus img,
.image-gallery-link:hover img,
.image-gallery-link:focus img {
  opacity: 1;
}
.video-gallery-link:hover h2,
.video-gallery-link:focus h2,
.video-gallery-link:hover .play-button,
.video-gallery-link:focus .play-button,
.video-gallery-link:hover .play-button:before,
.video-gallery-link:focus .play-button:before,
.image-gallery-link:hover h2,
.image-gallery-link:focus h2,
.image-gallery-link:hover .play-button,
.image-gallery-link:focus .play-button,
.image-gallery-link:hover .play-button:before,
.image-gallery-link:focus .play-button:before {
  border-left-color: #e86c1e;
}
.video-gallery-link h2,
.image-gallery-link h2 {
  margin: .4em 0 .1em;
}
.play-button {
  position: relative;
  left: 1em;
  color: #333;
}
.play-button:before {
  position: absolute;
  left: -1em;
  top: .4em;
  height: 0;
  width: 0;
  border: .4em solid transparent;
  border-left: .4em solid #333;
  content: " ";
}
.video-toolbar-container {
  font-size: .7em;
}
.full-video-link,
#block-views-homepage-featured-video-block a.full-video-link {
  display: block;
  padding: .3em 1em .5em;
  font-size: .8em;
  background-color: transparent;
  color: #565656;
  text-decoration: none;
  position: relative;
}
.full-video-link:hover,
.full-video-link:focus {
  text-decoration: underline;
  color: #333;
}
.full-video-link:before {
  content: " ";
  border: 6px solid transparent;
  border-left: 6px solid #565656;
  width: 0;
  height: 0;
  left: -.25em;
  display: inline-block;
  position: relative;
}
.full-video-link:hover:before,
.full-video-link:focus:before {
  border-left: 6px solid #333;
}
.vixen-title {
  display: none;
}
.media-video .summary {
  display: block;
  padding: .2em 1em .5em;
  background-color: #fff;
  font-size: .8em;
}
/* End: Module: DEEWR Media */

/* Module: DEEWR Table of Contents ********************************************/

#table-of-contents {
  background-color: white;
  margin-bottom: 1em;
  padding: 1em;
}
#table-of-contents .on-this-page {
  font-weight: 700;
}
#table-of-contents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#table-of-contents ul ul {
  margin-left: .8em;
}
#table-of-contents li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#table-of-contents li a {
  display: block;
  margin-bottom: .1em;
  text-decoration: none;
  font-size: .9em;
}
#table-of-contents li a:before {
  content: "\f13a";
  color: #AAD4CB;
  font-family: FontAwesome;
  margin-right: 0.5em;
}
#table-of-contents li a:hover {
  text-decoration: underline;
}
#table-of-contents li a:hover,
#table-of-contents li a:before:hover {
  color: #000;
}
#table-of-contents li li a:before {
  border-left-color: #555;
}
/* End: Module: DEEWR Table of Contents */

/* Module: DEEWR Last Modified ************************************************/

#block-deewr-last-modified-last-modified {
  margin-top: 1em;
}
/* End: Module: DEEWR Last Modified */

/* Module: Workbench **********************************************************/

div.workbench-info-block {
  background-color: #dcf5f3;
  border: solid 1px #9fcfcb;
  margin-bottom: 1em;
}
div.workbench-info-block a {
  text-decoration: underline;
}
/* End: Module: Workbench */

/* Module: Webform ************************************************************/

#content .webform-component {
  color: #666;
  margin-bottom: 1.5em;
}
/**
 * Using padding on the legend rather than margin on the entire fieldset so that
 * styling isn't applied to fieldsets with no legend
 */
.webform-component-fieldset legend {
  padding-top: 1em;
}
.webform-component label,
.webform-component-fieldset legend {
  color: #444;
  font-weight: 500;
  font-size: 1.2em;
}
.webform-component .form-type-checkbox label,
.webform-component .form-type-radio label {
  color: #666;
  font-weight: normal;
  font-size: 1em;
}
.webform-component h3 {
  font-size: 1.2em;
}
#content .webform-inline .form-item {
  display: inline-block;
  margin: 0 1em 1em 0;
}
.webform-component .dynamic-faq {
  background-color: #FFFDEC;
  border: solid 1px #F5D7A7;
}
.webform-component .dynamic-faq h3:before {
  color: #FF9D00;
}
.webform-component .dynamic-faq .dynamic-faq {
  background-color: white;
}
.webform-component .dynamic-faq .close:before,
.webform-component .dynamic-faq .close {
  color: #B56200;
}
.webform-grid {
  width: 100%;
}
.webform-grid tr.even {
  background-color: #FBFBFB;
}
.webform-grid tr.odd {
  background-color: #f5f4f4;
}
.webform-grid td {
  vertical-align: middle;
}
.highlight {
  background-color: #FFE977;
  border: solid 1px #FDB039;
  color: #A53800;
  display: block;
  font-size: 1.2em;
  padding: 1em;
}
.highlight:before {
  content: "\f071";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #C30000;
}
/* Create your USI form */

.webform-usi-create .form-submit {
  background-color: #207CB9;
  border: none;
  border-bottom: 5px solid #106197;
  border-radius: .4em;
  color: #fff;
  font-size: 1.2em;
  padding: .6em 2.2em;
  text-shadow: 0px -2px #106197;
  width: 100%;
}
/* JS styling */

.js .webform-usi-create .form-type-radio input {
  display: none;
}
.js .webform-usi-create .form-type-radio label {
  background-color: #EFE0A8;
  border-radius: 10px;
  color: black;
  cursor: pointer;
  display: block;
  line-height: 100%;
  padding: 0.75em 1em;
}
.js .webform-usi-create .form-type-radio label:hover {
  background-color: #D2BC6E;
}
.js .webform-usi-create .form-type-radio label:before {
  color: #A2892C;
  content: "\f10c";
  font-family: FontAwesome;
  margin-right: 5px;
}
.js .webform-usi-create .form-type-radio label.active,
.js .webform-usi-create .form-type-radio label.active:hover {
  background-color: #C9DAE8;
  box-shadow: inset 0 0 10px #96AFC3;
  color: black;
}
.js .webform-usi-create .form-type-radio label.active:before {
  color: #466B84;
  content: "\f192";
}
/* End: Module: Webform */

#structuredBanner {
  display: none;
}
/* Short description field in view display */
.views-field-field-short-description ul li {
  border: 0px none transparent !important;
  padding: 0 !important;
}
.boxed.no-margins {
  margin-left: 0;
  margin-right: 0;
}
/* Search Block */
.search-container h2 {
  display: none;
}
.search-container .container-inline {
  display: table;
}
.search-container .container-inline .form-type-textfield,
.search-container .container-inline .form-actions {
  display: table-cell;
  margin: 0;
  vertical-align: top;
}
.search-container .container-inline .form-type-textfield {
  width: 100%;
}
/*.search-container .container-inline label {
  display: none;
}*/
form#search-block-form input[type="text"] {
  color: #000;
}
form#search-block-form input[type="text"]:focus {
  border: 2px solid #2d5b57;
}
.search-container .container-inline input {
  border: 0;
  border-radius: 0;
  color: #173830;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}
.search-container .container-inline input[type=text] {
  background-color: white;
  width: 100%;
  /*box-shadow: inset #999 0 0 5px;*/
}
.search-container .container-inline input[type=submit] {
  background-color: #2d5b57;
  color: white;
  font-weight: bold;
  margin-top: 0;
}
.search-container .container-inline input[type=submit]:hover {
  background-color: #2D315B;
}

/* Search form mobile */
.search-mobile-show h2 {
  display: none;
}

.search-mobile-show {
  width: 100%;
  position: relative;
  display: none;
}

.search-mobile-show form#search-block-form {
  display: block;
  padding: 1em;
  background-color: #253744;
  width: 100%;
  margin: 0 auto;
}

.search-mobile-show form#search-block-form div {
  margin: 0 auto;
  width: 100%;
  margin-left: 1%;
}

input[type=text]#edit-search-block-form--2 {
  color: #888;
  border: 0;
  box-shadow: none;
  font-size: 2em;
  width: 86%;
  padding: 5px;
  padding-left: 1%;
  margin: -15px 0px 1em 0;
  margin-right: -4px;
}

#edit-submit--2 {
  margin-top: 20px;
  cursor: pointer;
  max-height: 48px;
}
#search-block-form input#edit-submit {
  display: none;
}

.mobile-buttons .active {
  background-color: #253744;
  color: #fff;
  border-bottom: 2px solid #253744;
}

/* Remove search dropdown from search pages */

.page-search .search-mobile-show {
  display: none;
}
.page-search .mobile-buttons button {
  display: none;
}
.page-search .mobile-menu-bar {
  width: 80%;
}
.page-search .search-container {
  display: none;
}

/* Search form */
@-webkit-keyframes blink {
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
}
@keyframes blink {
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
}
#search-block-form {
  float: right;
  margin-right: 38px;
}
.form-item-search-block-form {
  position: relative;
}
#edit-search-block-form--2 {
  background-color: #fff;
  caret-color: #fff;
  color: #000;
  border: 0;
  padding: 0.25em 0.8em 0 25px;
  font-size: 1em;
  border: 1px solid rgba(7, 94, 73, 0.3);
  box-shadow: 0 0 0.25em 0.15em rgba(7, 94, 73, 0.2);
  transition: box-shadow 0.5s ease;
}
/*#edit-search-block-form--2:hover,
#edit-search-block-form--2:focus {
  outline: 0;
  box-shadow: 0 0.5em 1.5em 0.25em rgba(7, 94, 73, 0.2);
}*/
#edit-search-block-form--2 + i {
  position: absolute;
  width: 0.125em;
  height: 70%;
  background-color: #666;
  left: 1em;
  top: 50%;
  -webkit-transform: rotateZ(-45deg) translateY(-50%);
  transform: rotateZ(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: -webkit-transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
  transition: transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
  transition: transform 0.5s cubic-bezier(0.4, -1, 0.6, 2), -webkit-transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
}
#edit-search-block-form--2 + i::before {
  content: "";
  display: block;
  position: relative;
  top: 0em;
  left: -0.3em;
  width: 0.7em;
  height: 0.7em;
  border-radius: 100%;
  border: 0.125em solid #666;
  background-color: #fff;
  transition: -webkit-transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
  transition: transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
  transition: transform 0.5s cubic-bezier(0.4, -1, 0.6, 2), -webkit-transform 0.5s cubic-bezier(0.4, -1, 0.6, 2);
}
#edit-search-block-form--2:focus + i {
  -webkit-transform: rotateZ(0) translateY(-50%);
  transform: rotateZ(0) translateY(-50%);
  -webkit-animation: blink 1.1s infinite 0.5s;
  animation: blink 1.1s infinite 0.5s;
}
#edit-search-block-form--2:focus + i::before {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
#edit-search-block-form--2[value]:not([value=""]) {
  caret-color: #000;
}
#edit-search-block-form--2[value]:not([value=""]) + i {
  display: none;
}
/* Myskill Search */
#content form#myskillsearch {
  background-color: transparent;
  border: none;
  padding: 0;
}
.expandable-content {
  margin-bottom: 10px;
}

.expandable-content h2 {
  margin:12px 20px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 4px;
  font-size: 18px;
  font-weight: 500;
  margin-right: 0px;
  position: relative;
  margin-right: 0px;
}

.expandable-content h2:after {
  content: '\f067';
  font-family: "FontAwesome";
  font-size: 15px;
  margin: 0;
  text-decoration: none;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.expandable-content.expanded h2:after {
  content: '\f107';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.expandable-content button {
  cursor: pointer;
  box-sizing: border-box;
  padding: 4px;
  font-size: 18px;
  font-weight: 500;
  margin-right: 0px;
  position: relative;
  margin-right: 0px;
  border:none;
}

.expandable-content button:after {
  content: '\f067';
  font-family: "FontAwesome";
  font-size: 15px;
  margin: 0;
  text-decoration: none;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.expandable-content > div.content {
  /*height: 0;*/
  /*display: none;*/
  /*visibility: hidden;*/
}
.expandable-content.expanded > div.content {
  display: block;
  /*height:100%;*/
  /*display: block;*/
  /*visibility: visible;*/
}
.expandable-content.expanded button:after {
  /*content: '\f106';*/
  transform: rotate(180deg);
}
.expandable-content button.expanded:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

#content-main .expandable-content button {
  background: #253744;
  color: #FFFFFF;
  text-align: left;
  line-height: 1em;
  font-weight: normal;
  padding: 17px 50px 17px 10px !important;
}

#content-main .expandable-content button:hover,
#content-main .expandable-content button:focus {
  background: #2d5b57;
}

#content-main .expandable-content button:after {
  right:20px;
  top:18px;
}

#content-main .expandable-content > .content {
  border: 1px solid #253744;
  padding: 1em 1em 0 1em;
}

#steps-accordion button {
  padding: 12px 50px 12px 10px !important;
}

#steps-accordion button:before {
  font-family: 'FontAwesome';
  line-height: 1em;
  font-size: 1.6em;
  content: "\f06a";
  vertical-align: middle;
  margin-right: 10px;
}

#steps-accordion button:after {
  top:18px;
}

/* Retrofitted .boxed.blue */
#content-main .expandable-content.boxed.blue {
  border-left: 0;
  background: 0;
  margin:0;
  padding: 0;
}

#content-main .expandable-content.boxed.blue {
  margin-bottom: 10px;
}

#content-main .expandable-content.boxed.blue button {
  padding-left: 0 !important;
}

#content-main .expandable-content.boxed.blue button:before {
  content: '';
}

#content-main .expandable-content.boxed.blue .content {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* FAQs */

#content-main .dynamic-faqs > p {
  display: none;
}

#content-main .expandable-content.faq-accordion button:before {
  color: #274A98;
  content: '\f13a';
  font-size:1.5em;
  line-height:1.5em;
  float:left;
}

#content-main .expandable-content.faq-accordion button {
  background: none;
  color: #444444;
  border: none;
  font-size: 1em;
  line-height:1.5em;
  border-top:1px solid #C3D0EE;
  font-weight: 500;
  padding-top: 10px !important;
}

#content-main .expandable-content.faq-accordion button:after {
  content: '';
  display: none;
}

#content-main .expandable-content.faq-accordion button.expanded:before {
  content: '\f139';
}

#content-main .expandable-content.faq-accordion .content {
  padding: 5px 32px 0 32px;
  border: none;
}

/* 5 things to know about your transcript */

#steps-accordion.expandable-content {
  max-width:420px;
}

/* Steps */

ol.steps {
  list-style: none;
  counter-reset: item;
}

ol.steps li {
  counter-increment: item;
  margin-bottom: 5px;
  list-style-position: outside;
  position: relative;
  margin-top:10px;
}

ol.steps li > *:first-child {
  padding-top:5px;
}

ol.steps li:before {
  margin-right: 10px;
  content: counter(item);
  background: #253744;
  border-radius: 100%;
  color: white;
  width: 10px;
  height:10px;
  padding: 10px;
  display: inline-block;
  position: absolute;
  left:-40px;
  line-height:1em;
  text-align: center;
}

ol.steps li:nth-child(n+10):before {
  padding: 10px 13px 10px 8px;
  width:9px;
}

ol.steps li:nth-child(n+101):before {
  padding: 10px 17px 10px 4px;
  width: 9px;
}

#sidebar-second .second-menu {
  background-color: #F1E5CA;
}
#sidebar-second .second-menu h2 {
  color: #754300;
}
#sidebar-second .second-menu a {
  color: #925007;
}
.video-poster {
  max-width: 100%;
}
#sidebar-second .media-video {
  position: relative;
  display: block;
}
#sidebar-second .media-video:before {
    position:absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 4em;
    color: #2D5B57;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
#sidebar-second .media-video:hover:before {
    color: #2D5B57;
    opacity: .4;
}

.feedback-button {
  font-size:1.4em;
  line-height: 1.4em;
  position: fixed;
  left: 1em;
  bottom: 1em;
  width: 120px;
  height: 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: 0;
  padding: 0;
  z-index: 11;
  transition: all .5s;
  color: #FFFFFF;
  background-color: #396A73;
  background-repeat: no-repeat;
  cursor: pointer;
  /*background-size: contain;*/
}

.feedback-button .fa {
  margin-left: 10px;
}

.feedback-button:active,
.feedback-button:hover ,
.feedback-button:hover {
  background-color: #2c3859;
}

#block-webform-client-block-5922 .content {
  width: 100vw;
  margin-top: 25vh;
}

.info-box, .timing-box {
  padding: 0 20px 0  45px;
  line-height:1.8em;
  border: 1px solid #5773b0;
  color: #5374ad;
  background-color: white;
  max-width: 90%;
  position: relative;
}
.info-box {
  display: inline-block;
  width: 100%;
}
.info-box:before, .timing-box:before {
  font-family: 'FontAwesome';
  line-height: 1.7em;
  font-size: 30px;
  content: "\f091";
}
.timing-box {
  display: inline-block;
  width: 100%;
}
.info-box:before {
  content: "\f05a";
  float:left;
  position: absolute;
  left: 10px;
}
.timing-box:before {
  content: "\f017";
  float:left;
  position: absolute;
  left: 10px;
}
.info-box.left, .timing-box.left {
  width:100%;
  max-width:420px;
  border-bottom:3px solid #5773b0;
  margin-bottom: 10px;
}
.info-box.right, .timing-box.right {
  width: auto;
  float: right;
  border-bottom:3px solid #5773b0;
  margin-bottom: 10px;
}
.info-box p, .timing-box p {
  font-size:1.2em;
  margin: 13px 0 13px 0;
}
a.video-link:before {
  content: "\f03d";
  font-size: 16px;
  color: black;
  text-decoration: none;
  padding-right: 10px;
  font-family: 'FontAwesome';
}
.solid-bullet {
  margin-left: 0;
  padding-left: 0;
  counter-reset: item;
  list-style: none inside none;
}
.solid-bullet li {
  margin-left: 40px;
  padding-left: 0;
  counter-increment: item;
  list-style: none inside;
  margin-bottom: 25px;
}
.solid-bullet > li:before {
  content: counter(item);
  padding: 3px 7px;
  margin-right: 0.5em;
  margin-left: -30px;
  background: #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.button-cta-secondary,
.button-cta-primary {
  margin-top: 20px;
  color: white;
  background-color: #c51e2a;
  width: 270px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  -webkit-border-radius: 2x;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.button-cta-secondary a,
.button-cta-primary a {
  display: block;
  padding: 10px 35px;
}
.button-cta-secondary a:link,
.button-cta-secondary a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.button-cta-primary a:hover,
.button-cta-primary a:active,
.button-cta-primary a:focus,
.button-cta-secondary a:hover,
.button-cta-secondary a:active,
.button-cta-secondary a:focus {
  text-decoration: underline;
}
.button-cta-primary {
}
#block-superfish-1 {
  display: none;
}
#block-superfish-1 > div,
#block-superfish-1 > div > ul {
  overflow: visible;
}
.newusi_webform {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 65530;
  background-color: rgba(0, 0, 0, 0.7);
}
.newusi_webform h2,
.newusi_webform .homepage-textfield {
  display: none;
}
.newusi_webform > div.content {
  width: 50%;
  margin: 0 auto;
  margin-top: 30%;
  dispaly: table;
  min-width: 300px;
  max-width: 500px;
  background-color: white;
  border: 5px solid papayawhip;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.newusi_webform > div.content * {
  text-align: left;
  color: black;
}
.newusi_webform .form-actions input {
  min-height: 30px;
  font-size: 14px;
  padding: 1px 32px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 4px #333;
  background-color: #393377;
  border: 1px solid #443d8e;
}
.newusi_webform .closeFeedback {
  float: right;
  padding: 8px 20px;
  background-color: darkgrey;
}
.mobile-menu-bar {
  color: #fff;
  display: block;
  float: left;
  font-weight: 700;
  width: 60%;
}
.mobile-menu-bar-search {
  color: #fff;
  display: block;
  float: left;
  width: 20%;
}
.mobile-menu-bar-login {
  border-top: 2px solid #253744;
  color: #fff;
  display: block;
  float: left;
  width: 20%;
}
.mobile-menu-bar-login > a {
  padding: 7px;
  display: block;
}
.mobile-menu-bar button,
.mobile-menu-bar div.mobile-menu-bar-login {
  background-color: #2d5b57;
  text-align: left;
  padding: 10px 10px 11px 2.5em;
  border: 0;
}
.mobile-buttons button {
  background-color: #2d5b57;
  text-align: center;
  padding: 10px;
  border: 0;
}
.mobile-buttons div.mobile-menu-bar-login {
  background-color: #2d5b57;
  text-align: center;
  padding: 0;
  border: 0;
}
.mobile-buttons div.mobile-menu-bar-login {
  background-color: #2D315B;
}
.mobile-buttons div.mobile-menu-bar-login:active,
.mobile-buttons div.mobile-menu-bar-login:focus,
.mobile-buttons div.mobile-menu-bar-login:hover {
  background-color: #202240;
}
.mobile-buttons button.mobile-menu-bar-search:hover {
  background-color: #212f3a;
}
.mobile-menu-bar button:active,
.mobile-menu-bar button:focus,
.mobile-menu-bar button:hover {
  background-color: #274f4c;
}

.mobile-buttons button span,
.mobile-menu-bar button span,
.mobile-buttons div.mobile-menu-bar-login span {
  display: block;
  color: #fff;
  margin-left: -.3em;
  font-weight: 400;
  padding-top: 5px;
}
button.mobile-menu-bar-search {
  border-left: 2px solid #253744;
  border-right: 2px solid #253744;
  background-color: #253744;
}
button.mobile-menu-bar-search.active {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #253744;
  background-color: #253744;
}

#mobile-menu {
  background-color: #2d5b57;
}
#mobile-main-menu-close button {
  background-color: rgb(38, 109, 103);
  border: white 2px solid;
}
.mobile-menu-icon {
  max-height: 80px;
  height: 70px;
  width: 70px;
  max-width: 80px;
}
.mobile-main-menu-wrapper {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  z-index: 9991;
  position: absolute;
  background-color: rgb(38, 109, 103);
  display: none;
  pointer-events: all;
}
.mobile-main-menu-wrapper .close-button {
  min-height: 50px;
  color: white;
  font-size: 20px;
  margin: 10px 25px;
}
.mobile-main-menu,
.mobile-main-menu li,
.mobile-main-menu li.leaf,
.mobile-main-menu li.expanded,
.mobile-main-menu li.collapsed {
  list-style-type: none;
  list-style-image: none !important;
  margin: 2px 0 2px 0;
  padding: 0;
}

.mobile-main-menu {
  transition: all 0.3s;
  height: 0;
}
.expanded .mobile-main-menu {
  transition: all 0.3s;
  height: auto;
}

.mobile-main-menu {
  width: 100%;
}
.mobile-main-menu li {
  margin: 2px 0 2px 0;
}
.mobile-main-menu-wrapper > .mobile-main-menu > li {
  border-top: 2px solid #253744;
  margin: 0;
}

.mobile-main-menu li a {
  text-decoration: none;
  color: #fff;
  width: 100%;
  padding: 15px 30px;
  display: block;
  min-width: 90%;
  font-size: 1.5em;
  transition: color 200ms ease-out;
}
.mobile-main-menu > li > ul.mobile-main-menu {
  display: none;
}
.mobile-main-menu > li.expanded > ul.mobile-main-menu {
  display: block;
}
.mobile-main-menu-wrapper > ul.mobile-main-menu > li.sf-submenu:before {
  content: '\f054';
  font-family: 'FontAwesome';
  float: right;
  color: white;
  padding: 14px 8px 0 1px;
}
.mobile-main-menu-wrapper > ul.mobile-main-menu > li.sf-submenu.expanded:before {
  content: '\f078';
}
.mobile-main-menu > li > ul.mobile-main-menu > li > a {
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
}
ul.mobile-main-menu > li:hover {
  color: #e6f5f3;
  transition: all 200ms ease-out;
  background-color: rgba(31, 90, 85, 0.5);
}
ul.mobile-main-menu > li > ul.mobile-main-menu {
  /*background-color: rgb(38, 109, 103);*/
  background-color: #253744;
  margin: 0;
}
ul.mobile-main-menu > li > ul.mobile-main-menu li {
  border-top: 2px solid #2C635F;
  margin: 0;
}

/* Mobile button icons */

.mobile-search-svg {
  color: #fff;
  line-height: 0.75em;
  vertical-align: -15%;
  height: 2em;
  margin-left: -5px;
}
.mobile-search-svg path,
.mobile-search-svg polygon,
.mobile-search-svg rect {
  fill: #fff;
}
.mobile-search-svg circle {
  stroke: #fff;
  stroke-width: 2;
}

.mobile-login-svg {
  color: #fff;
  line-height: 0.75em;
  vertical-align: -15%;
  height: 2em;
  margin-left: -5px;
}
.mobile-login-svg path,
.mobile-login-svg polygon,
.mobile-login-svg rect {
  fill: #fff;
}
.mobile-login-svg circle {
  stroke: #fff;
  stroke-width: 1;
}

.mobile-home-icon {
  color: #2C635F;
  width: 100%;
  height: 100%;
}

.mobile-home-icon path,
.mobile-home-icon polygon,
.mobile-home-icon rect {
  fill: #2C635F;
}

.mobile-home-icon circle {
  stroke: #2C635F;
  stroke-width: 5;
}



#block-block-153 {
  background-color: #000000;
  padding: 0 5px;
}
#block-block-153 p {
  margin: 0 auto 10px auto;
  padding: 10px 0 10px 0;
  position: relative;
  display: table;
}
#block-block-153 span {
  display: table-cell;
}
#block-block-153 span.component-one {
  max-width: 220px;
  float:left;
  width:80%;
}
#block-block-153 span.component-two {
  position: absolute;
  right: 0;
  top: 11px;
  width:70px;
}
#block-block-153 .beta_block {
  min-height: 40px;
  max-height: 80px;
  color: #FFFFFF;
  width: 100%;
  text-align: left;
  max-width: 1020px;
  font-size:1.1em;
}
#block-block-153 .beta_block_label {
  background-color: #c51e2a;
  border-radius: 30px;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5em;
  padding: 2px 4px 2px 4px;
  display: inline-block;
  margin-right:10px;
  float:left;
}
#block-block-153 .beta_block a {
  color: #FFFFFF;
  text-decoration: underline;
  padding: 0;
}
#block-block-153 .beta_block_link {
  text-align: right;
  display: table-cell;
}
#usi_web_tile img {
  height: 140px !important;
  width: auto !important;
}
.sf-sub-indicator {
  display: none !important;
}

/* Nodes which are not published */
.node-unpublished {
  border: 3px dotted #c51e2a;
  background-color: rgba(197,30,42,0.1);
  padding:0 15px 0 15px;
}
.node-unpublished > *:first-child:before {
  width:100%;
  display: inline-block;
  font-weight:bold;
  text-align: center;
  font-size: 1.5em;
  padding: 12px 0;
  content: 'This content is not published.';
}

/* Box styles */
.boxed,
.boxed.purple,
.boxed.green,
.boxed.blue {
  border-width: 0;
  border-style: none;
  border-color: transparent;
  background: none;
  margin: 0;
  padding: 0;
}

.boxed.two-column-split {
  border-color: #2d5b57;
}

/* Search description */

.search-description {
  padding: 10px 20px 10px 20px;
  line-height: 1.8em;
  border: 1px solid #5773b0;
  color: #5374ad;
  background-color: white;
  border-bottom: 3px solid #5773b0;
}