:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}.tui-formRow{margin-bottom:1.5rem}.tui-formField{padding-top:1.5rem}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}:root{--nav-bg-color: #001329;--nav-text-color: #333366;--color-primary: #4aaceb;--btn-prim-accent-color: #283a97;--btn-accent-color: #283a97;--link-color: #283a97;--color-state: #001329;--color-text: #333366;--footer-bg-color: #001329;--footer-text-color: #d1e9fb;--btn-prim-accent-color-focus: #1e308d;--btn-prim-accent-color-active: #0d1f7c;--btn-accent-color-focus: #1e308d;--btn-accent-color-active: #0d1f7c;--link-color-hover: #1e308d;--color-state-hover: #00091f;--color-state-focus: #00091f;--color-state-active: #00000e;--footer-text-color-hover: #c7dff1;}
- COPIED FROM THINKS THEME-START-ED-

/* =================
    HEADER
    ================ */

.container-fluid {
    max-width: 1920px;
}

/* Make primary logo align to menu items */

#header .masthead_logo--header_img {
    margin-left: 20px;
    margin-top: 30px;
}

/* Menu bar */

/*search bar align*/
.totaraNav_prim--side {
    padding-top: 10px;
}

.btn-primary, button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"], .tw-catalogResultsShare__expanded_btn, .tw-catalogDetailsLink__option_btn {  
    font-weight: 500;
    padding: 10px 25px;
}

.btn-primary:focus, button:focus, input.form-submit:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .tw-catalogResultsShare__expanded_btn:focus, .tw-catalogDetailsLink__option_btn:focus {
    outline: none;
}

input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input {  
    background: rgb(0, 94, 184)!important;    
    font-weight: 500;
    color: white;
    padding: 10px 25px;
}

.btn-outline-white {
    background: none;
    border:  2px solid #fff;
    color: #fff;
    font-weight: 500;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
    &:hover {
        background: #fff;
        color: #005EB8;
    }
}

.block_think_html .block-think-html .inner .inner-text h3 {
    color: #fff;
    font-weight: 700;
    font-size: 2.5rem;
}

.block {
    border: none;
}

.block_course_search {
    background: none;
}

/* Accordion*/
details {
  width: 75%;
  min-height: 5px;
  max-width: 700px;
  padding: 45px 70px 45px 45px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 15px;
  box-sizing: border-box;
  transition: all .3s;
}

details + details {
  margin-top: 20px;
}

details[open] {
  min-height: 50px;
  background-color: #f6f7f8;
  box-shadow: 2px 2px 20px rgba(0,0,0,.2);
}

details p {
  color: #96999d;
  font-weight: 300;
}

summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}

summary:focus {
  outline: none;
  box-shadow: 0 0 0 4px #f6f7f8, 0 0 0 5px rebeccapurple;
}

summary::-webkit-details-marker {
  display: none
}

.control-icon {
  fill: rebeccapurple;
  transition: .3s ease;
  pointer-events: none;
}

.control-icon-close {
  display: none;
}

details[open] .control-icon-close {
  display: initial;
  transition: .3s ease;
}

details[open] .control-icon-expand {
  display: none;
}

details[open] summary:hover::after {
  animation: pulse 1s ease;
}

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.block_totara_featured_links {
    background-color: #FFF;
}

/*custom edits by Christie*/

/*prevents the Atto expand button being white and therefore invisible*/
.atto_collapse_button {color:unset;}

#region-main > div {padding-bottom: 20px;}

ul ul {
    list-style-type: circle!important;
}

/* Hover images*/

.containerhov {
  position: relative;
  Max-width: 500px;
  margin:auto;
}

.imagehov {
  display: block;
  width: 100%;
  max-width:500px;
  height: auto;
}

.overlayhov {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #283A97;
}

.containerhov:hover .overlayhov {
  opacity: 1;
}

.texthov {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*changes colour of section availability flags to make them readable*/
div.availabilityinfo {color:#d4d4d4; margin:2px;}

/*nice blockquote*/
blockquote{
    border-left:none
}

.quote-badge{
    background-color: rgba(0, 0, 0, 0.2);   
}

.quote-box{
    overflow: hidden;
    margin-top: -50px;
    padding-top: -100px;
    border-radius: 17px;
    background-color: #283A97;
    margin-top: 25px;
    color:white;
    width: 325px;
    box-shadow: 2px 2px 2px 2px #E0E0E0;
    }

.quotation-mark{
    margin-top: -10px;
    font-weight: bold;
    font-size:100px;
    color:white;
    font-family: "Roboto Black", Georgia, Serif;
    }

.quote-text{
    font-size: 19px;
    margin-top: -65px;
}

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #005EB8;
  padding: 1.5em 0 0.5em;
  margin: 1.5em 0;
  position: relative;
  font-size:1.3em;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -70%);
  background: #fff;
  width: 7rem;
  height: 5rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #666;
  text-align: center;
}
blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.7em;
}
.format-tiles .course-content ul.tiles .tile.phototile.altstyle .photo-tile-text h3 {
font-size: 1em!important;

}

/*Grid text align*/
.course-content ul.gridicons li .icon_content.content_inside.bottom {
 padding-top: 1.5px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 75%;
}

 h2,
 .educating {
   color:#283A97!important;
   border-left-color:#283A97!important;
 }

/* Download button covered close button on docs */
.format-tiles .embed-module-buttons {
    position: relative!important;
}
ul li { padding: 4px 0px; }

/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
    overflow: hidden;
}

/* LO and Summary style */
 .LOsummary
{
   background-color:#F6FAFF;
   padding:15px;
   border-style:solid;
   border-width:thin;
   border-color:#0361b8
 }

.modal-header {
  color: white;
}

.iconlarge
{
   height: 40px!important;
   width: 40px!important;
   margin: 0px 25px 0px 0px;
}

//updates colour of button font to white on course category page
#page-admin-course-management .buttons .singlebutton input[type="submit"]
{
   color: white;
}


/*--- sorts out search icon state ---*/
.tfont-var-search:before {
    content: "";
    color: #283a97;
    font-size: 0.8em;
    vertical-align: top;
}

#id_searchbyusername
{
display: none;
}

//removes list view from course catalogue page
.tw-catalogItemStyleToggle
{
display: none !important;
}
- COPIED FROM THINKS THEME-END-ED-

/*---2023-REDESIGN-CSS-ED-START---*/

/*---START-HELLOWORLD-BOLD-ED---*/
#page-totara-dashboard-50 .block .content h3 {
    font-weight: bold!important
}
/*---END-HELLOWORLD-BOLD-ED---*/

/*---START-FOOTER-PURPLE-LINES---*/
.page-footer{
    outline: 10px solid #6a4499;
}
/*---END-FOOTER-PURPLE-LINES---*/

/*---START-CIRCLE-BUTTON-BACKGROUND-PURPLE-ED---*/
#cls-container-nav .totaraNav_prim .totaraNav_prim--list_item_selected{
    background-color:#6a4499;position:relative;border-radius:15px;}--list_item{margin-bottom:-5px}
#cls-container-nav .totaraNav_prim{
    box-shadow: 0 10px 0 #6a4499;}
/*---END-CIRCLE-BUTTON-BACKGROUND-PURPLE-ED---*/

/*---START-REMOVE-FEATURED-LINK-TITLE-BACKGROUND-ED---*/
.block-totara-featured-links-gallery-subtiles{
    background-color: transparent;
}
/*---END-REMOVE-FEATURED-LINK-TITLE-BACKGROUND-ED---*/

/*---START-FEATURED-LINK-FORMATTING-ED---*/
.block-totara-featured-links-tile-39 {
    border-radius: 15px;
}
#page-totara-dashboard-19 .block-totara-featured-links-layout>div .block-totara-featured-links-content{
    background: transparent;
}
.button1 {background-color: #320071;} /* NHS PURPLE */
#inst5864 .block-totara-featured-links-layout > div .block-totara-featured-links-content{
     text-align: center!important
}
/*---END-FEATURED-LINK-FORMATTING-ED---*/

/*---START-TEAM-COMPLIANCE-BUTTON-ED---*/
.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
}
/*---END-TEAM-COMPLIANCE-BUTTON-ED---*/

/*---START-RAG-FORMATTING-HOMEPAGE-ED---*/
#page-totara-dashboard-50 .cls-cert-compl-box-block .title{
    margin-bottom: 50px!important
}
#cls_due_custom .clstooltip {
    margin-right: 9px!important;margin-left: 9px!important
}
#page-totara-dashboard-50 #cls_due_custom p {
    margin-right: 250px!important
}
#page-totara-dashboard-50 #cls_cert_custom p {
    margin-right: 300px!important
}
#page-totara-dashboard-50 #cls_exp_custom p {
    margin-right: 230px!important
}
#page-totara-dashboard-50 .cls-cert-compl-box-block img{
margin-right: 480px!important; margin-top: -45px!important  
}    
#page-totara-dashboard-50 .cls-cert-compl-box-block.clstooltip {
    width: 536px!important
}
/*---END-RAG-FORMATTING-HOMEPAGE-ED---*/

/*---START-LINE-SEPERATOR-HOMEPAGE-ED---*/
#page-totara-dashboard-50 .col-md-offset-0 {
      box-shadow: -2px 0 0 #000;!important
}
/*---END-LINE-SEPERATOR-HOMEPAGE-ED---*/

/*---START-HELLOWORLD-LEFT-ALLIGN-ED---*/
.helloworld h3 {
text-align: left!important
}
/*---END-HELLOWORLD-LEFT-ALLIGN-ED---*/

/*---START-SLIDER-ALLIGN-ALL-BLOCKS-ED---*/


#inst10106 #CLS-slider > #WO-BOX1
{
    margin: 0px, 8px, 0px, 8px;
}

#inst10106 #CLS-slider > #WO-BOX2 
{
    margin-left: 8px!important;

}

#inst10106 #CLS-slider > #WO-BOX3
{
    margin-left: 8px!important;
}

#inst10107 #CLS-slider > #WO-BOX1{
    margin: 0px, 8px, 0px, 8px;
}

#inst10107 #CLS-slider > #WO-BOX2 
{
    margin-left: 8px!important;

}
#inst10107 #CLS-slider > #WO-BOX3
{
    margin-left: 8px!important;
}
#inst10108 #CLS-slider > #WO-BOX1
{
    margin: 0px, 8px, 0px, 8px;
}

#inst10108 #CLS-slider > #WO-BOX2 
{
    margin-left: 8px!important;

}

#inst10108 #CLS-slider > #WO-BOX3
{
    margin-left: 8px!important;
}

#inst10106 #CLS-slider {
    MARGIN-right: 258px;
}
#inst10107 #CLS-slider {
    MARGIN-right: 258px;
}
#inst10108 #CLS-slider {
    MARGIN-right: 576px;
}

/*---END-SLIDER-ALLIGN-ALL-BLOCKS-ED---*/

/*---START-TICKER-BACKGROUND-ED---*/
#page-totara-dashboard-50 .block_cls_ticker {
    background: #e9e3ef
}
/*---END-TICKER-BACKGROUND-ED---*/
/*---2023-REDESIGN-CSS-ED-END---*/


#page-totara-dashboard-26 .cls-cert-compl-box-block .title{
    margin-bottom: 50px!important
}
#cls_due_custom .clstooltip {
    margin-right: 9px!important;margin-left: 9px!important
}
#page-totara-dashboard-26 .cls-cert-compl-box-block {
    width: 540px!important
}
#page-totara-dashboard-26 #cls_due_custom p {
    margin-right: 250px!important
}
#page-totara-dashboard-26 #cls_cert_custom p {
    margin-right: 300px!important
}
#page-totara-dashboard-26 #cls_exp_custom p {
    margin-right: 230px!important
}
#page-totara-dashboard-26 .cls-cert-compl-box-block img{
margin-right: 480px!important; margin-top: -45px!important  
}    
#page-totara-dashboard-26 .cls-cert-compl-box-block {
    width: 536.6px!important
}

#page-totara-dashboard-26 .col-md-offset-0 {
      box-shadow: -2px 0 0 #000;!important
}
#page-totara-dashboard-26 .block_cls_ticker {
    background: #e9e3ef
}

#inst6495 .no-overflow {
  background-color: #e9e3ef;
  padding-top: 10px;  
  padding-left: 10px;  
  color: black;  
}
.totara_core__QuickAccess_group-list li a {
    color: white !important;
}
.align-tr-br li a {
    color: white!important
}

.dropdown-menu>li>a:hover, .moodle-actionmenu[data-enhanced].show .menu>li>a:hover, .dropdown-menu>li>a:focus, .moodle-actionmenu[data-enhanced].show .menu>li>a:focus {
    background-color: transparent!important;
}

.flex-container {
    display: flex;
}

.CSTF {
    flex: 1;
    border: solid 1px black;
    padding: 2px;
    margin-right: 20px;
}

.categorybutton button{
    float: left;
    margin-right: 5px;
    background-color: #003387;
    border-radius: none;
    color: white;
}

.categorybutton button a{
    color: white;
}

.container2 {
    flex: 1;
    border: solid 1px black;
    padding: 2px;
}
.BLANK {
   flex: 1;
   padding: 2px;
   margin-right: 20px;
}
#inst6963 #CLS-slider {
    margin-right: 70px;
}
#inst6964 #CLS-slider {
    margin-right: 1020px;
}
#inst6963 .WO-BOX{
    margin-right: 4px!important;
}
#inst6964 .WO-BOX{
    margin-right: 4px!important;
}
.totaraNav_prim--side .coursesearchbox {
    display: none;
}
/*Styles the OAuth buttons on the login page*/
.potentialidp {padding: 3px; display:inline;}
.potentialidp a {margin-top:3px;}