@charset "UTF-8";
/*! CSS Document
    Client CSS style sheet for LSH
    © 2020 Idaho Design and Communication Pty Ltd 25/07/2020 | Author: David Haworth david@idahodesign.com */
/****************************************************************************** EDIT FONTS HERE*/
/****************************************************************************** Headings */
.colour-table .column-title, .article-copy, .article-header, .table-compare table td:first-child, .table-compare table tr:first-child {
  font-family: ff-meta-serif-web-pro, georgia, serif;
}

div[class^=defex-] .example p, div[class^=defex-] .example > h4, div[class^=defex-] p, .student-dashboard .training .training-intro h3, h1, .h1, .Heading1, h2, .h2, h3, .h3, .Heading3 {
  font-family: ff-meta-serif-web-pro, georgia, serif !important;
}

/****************************************************************************** General */
.article-published, html {
  font-family: acumin-pro, Helvetica, Arial, sans-serif;
}

.student-dashboard.module-home .training-module-title > h1, body.training-content .training-module-title h1, h3.contents-heading, .Heading2, h4, .h4, .Heading4, h5, .h5, .Heading5, h6, .h6, .Heading6, td, p, body {
  font-family: acumin-pro, Helvetica, Arial, sans-serif !important;
}

/****************************************************************************** EDIT COLOURS HERE*/
/************  Buttons */
.introbox .loginform button:hover {
  background-color: #8db2d6 !important;
}
.btn-default {
    color: #ffffff;
}
.btn-default:hover {
    color: #ffffff;
}
.training-content .btn {
    border-color: #999999;
    background: #f7f7f7;
}
.training-content .btn {
    font-size: 1.1rem;
    border: 1px solid #999999;
}
.training-content button {
    border-color: #999999;
    background: #f7f7f7;
}
.modal-footer button {
    font-size: 0.9em !important;
    padding: 0.2em 1.2em 0.4em !important;
}
.training-content button {
    font-size: 1.1em;
    border: 1px solid #999999;
}
.Ticket-list .label-default, .label-low, .label-default, .badge-default, .badge-low, .btn-default {
    background-color: #002855 !important;
}
/************  Examples */
button.modal-panel.panel-example {
  border-color: #002855;
}

.btn-example, .btn-example:focus, .panel-heading.panel-example, .panel-heading.panel-example:before, .panel-heading.panel-example:before, .modal-panel.panel-example:before {
  border-color: #002855 !important;
}

.panel-heading.panel-example:before, .modal-panel.panel-example:before, .icon-list-example:before, p.icon-list-example:before {
  background-color: #002855;
  border: 1px solid #002855;
}

.icon-list-example, p.icon-list-example {
  border: 1px solid #002855;
  color: #002855;
}

/************  Cases */
button.modal-panel.panel-case {
  border-color: #56655D;
}

.btn-case, .btn-case:focus, .panel-heading.panel-case, .panel-heading.panel-case:before, .panel-heading.panel-case:before, .modal-panel.panel-case:before {
  border-color: #56655D !important;
}

.panel-heading.panel-case:before, .modal-panel.panel-case:before .icon-list-case:before, p.icon-list-case:before {
  background-color: #56655D;
  border: 1px solid #56655D;
}

.icon-list-case, p.icon-list-case {
  border: 1px solid #56655D;
  color: #56655D;
}

/********************* Information */
.panel-heading.panel-information:before {
  background-color: #0563C1;
  border-color: #0563C1;
}

.panel-heading.panel-information:before {
  background-color: #0563C1;
  border-color: #0563C1;
}

.modal-panel.panel-information:before {
  background-color: #0563C1;
  border-color: #0563C1;
}

.alert-information {
  color: #044f9a;
  background-color: #c2e0fd;
}

/************  Important */
.alert-important {
  color: #954F72;
  background-color: #ebdae3;
  border-color: #954F72;
}

/************  Ticks */
.icon-list-tick {
  border: 1px solid #006600;
  color: #006600;
}
.icon-list-tick:before {
  border-right-color: #006600;
  color: #006600;
}

p.icon-list-tick {
  border: 1px solid #006600;
  color: #006600;
}
p.icon-list-tick:before {
  border-right-color: #006600;
  color: #006600;
}

/************  Cross */
.icon-list-cross {
  border: 1px solid #D40000;
  color: #D40000;
}
.icon-list-cross:before {
  border-right-color: #D40000;
  color: #D40000;
}

p.icon-list-cross {
  border: 1px solid #D40000;
  color: #D40000;
}
p.icon-list-cross:before {
  border-right-color: #D40000;
  color: #D40000;
}

/************  Yes */
.panel-heading.panel-answer-yes {
  border: 1px solid #006600 !important;
}

.panel-heading.panel-answer-yes {
  color: #006600;
}

/************  No */
.panel-heading.panel-answer-no {
  border: 1px solid #D40000!important;
}

.panel-heading.panel-answer-no {
  color: #D40000;
}

/****************************************************************************** EDIT LAYOUT HERE */
/*************************** Introduction page **********************/
div.welcome-image {
  background-image: url("/Content/Customer_LSH_Auto_Australia/media/welcomePageImage.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 390px;
}
@media only screen and (min-width: 768px) {
  div.welcome-image {
    background-size: cover;
    background-position: 50% 15%;
    padding: 5px;
  }
}

div.welcome-text {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  div.welcome-text {
    background-color: rgba(255, 255, 255, 0.95);
    width: 50%;
    min-height: 540px;
  }
}
@media only screen and (min-width: 992px) {
  div.welcome-text {
    width: 50%;
  }
}
div.welcome-text p {
  font-size: 1rem;
  line-height: 1.5em;
}

/*************************** Typography**********************/
.training-content .training-content a {
  text-decoration: underline;
}

/*************************** Buttons **********************/
.page-content .btn {
  font-size: inherit;
}
.page-content .button {
  font-size: inherit;
}