header.masthead,
#dropdown-mnu-main .dropdown-mnu-items li {
    background: #DB4D18;
}

p:last-of-type {
  margin-bottom: 0;
}
#dropdown-mnu-main .dropdown-mnu-items .mnu-item-location,
#dropdown-mnu-main .dropdown-mnu-items li a,
#dropdown-mnu-main .dropdown-mnu-items li:hover a {
    color: #fff;
}

.dropdown-mnu a.toggle > img { top: -56px; }
.dropdown-mnu a.toggle:hover > img { top: -8px; }
#page-course-menu .dropdown-mnu-items li { max-width: none; min-width: 260px; }

/*.dropdown-mnu-items li.mnu-item-resources { display: none; }*/

.modal.intro-page .modal-header { background: #b1dff4; }
.pre-video-img { display: block !important; margin: auto!important; width: 80%!important;}
@media (min-width: 1px) and (max-width: 767px) {
    .pre-video-img { display: none !important; }
}

/*
    Colours
*/

.bg-black { background-color: #000; color: #ffffff }
.bg-white { background-color: #ffffff; }
.bg-off-white { background-color: #F9F8F7; }
.bg-light-grey { background-color: #F9F9F8; }
.bg-grey { background-color: #535F67; color: #ffffff }
.bg-beige { background-color: #EAE5DF; }
.bg-brown { background-color: #5E514D; color: #ffffff }
.bg-orange { background-color: #DB4D18; }
.bg-orange-light { background-color: #FAA61A}
.bg-teal { background-color: #00C1AA; color: #000000 }
.bg-ap-red {background-color: #DC1928;color: #fff;}
.bg-st-blue {background-color: #009FDA;color: #000;}
.bg-yellow { background-color: #FFD500!important; color: #000000!important; }

.btn-black { background-color: #000;padding-top: 48px;}
.btn-white { background-color: #F9F8F7; color: #ffffff }
.btn-grey { background-color: #535F67; color: #ffffff }
.btn-beige { background-color: #EAE5DF; color: #ffffff }
.btn-brown { background-color: #5E514D; color: #ffffff }
.btn-orange { background-color: #DB4D18; color: #000 }
.btn-orange-light { background-color: #FAA61A; color: #000; }
.btn-teal {background-color: #00C1AA;color: #000;}

.bg-grey a:not(.btn){
  color: #FFD500
}
.bg-teal a{
  color: #830000;
}
.bg-teal a:not(.btn){
  color:#720C13;
}

.panel-point{
  position:relative;
}
.panel-point::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -45px;
  left: 0;
  border-width: 0 10px 20px 10px;
  border-style: solid;
}
.bg-grey .panel-point::before{
  border-color: transparent transparent #535F67 transparent;
}
@media(min-width:768px) {
  .panel-point::before {
    top: -95px;
    left: 20px;
    border-width: 0 25px 50px 25px;
  }
}
/*
    Buttons
*/


@media (min-width: 970px) {
}

/*
    MENUS
*/

/*#menu { border: 1px solid #e1eef7; border-top: none; }*/
#menu-body { position: relative; background-repeat: no-repeat; background-position: bottom left;  }
#menu-page-header { padding: 15px; background: rgba(255,255,255, 0.9);}
#menu-page-header .logo { height: 50px; margin-bottom: 0.5em;}
.menu-page {padding-top: 0;padding: 0;}
@media (min-width: 768px) {
  .menu-page .module-disclaimer { position: absolute; bottom: 30px; left: 30px; }
}
.menu-page .module-disclaimer p { padding: 10px; color: #ffffff; background-color: rgba(0,0,0,0.6); display: inline-block; }
.menu-page .menu-cta { color: #ffffff; background-color: rgba(0,0,0,0.6); padding: 10px; }
@media (min-width: 992px) {
    .menu-page {padding: 0;}
    #menu-body .right-col {position: absolute; bottom: 15px; right: 15px; overflow: auto;
    max-height: calc(100% - 48px);}
}
#menu-body {padding: 15px; height: 100%; background-image: url(../content/images/menus/main_menu.jpg); background-size: cover; background-position: top;}
@media (min-width: 992px) {
    #menu-body {padding: 30px; height: calc(100vh - 48px); background-size: cover; background-image: url(../content/images/menus/main_menu.jpg); }
}
#menu-page-header h2 { font-weight: normal; font-size: 24px; font-size: 2.4rem; }
#menu-page-header h2 .reduced-size { font-size: 80%; }

.module-mnu-item, .topic-mnu-item { display: block; width: 100%; margin: 10px auto 0 auto; }
.topic-mnu-item { overflow:hidden;border-radius:3px; }
.module-mnu-item:first-child, .topic-mnu-item:first-child { margin-top: 20px; }

.bg-image {
  background-size: cover;
}
.bg-image.various-people {
  background-image: url(../content/images/m3/happy-people-banner.jpg);
  margin-left:0;
  margin-right:0;
}
.img-thumb {
  width: 100px;
}
@media (min-width:992px) {
  .bg-image {
    padding: 80px 115px 80px 115px;
  }
}

.menu-btn {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    height: 45px;
    padding: 0 35px 0 67px;
    text-align: left;
    font-family: "letter_one", Arial, sans-serif;
    background-color: rgba(255,255,255,.85);
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    line-height: 1;
    border-radius:5px;
}
@media (max-width:350px) {
  .menu-btn {
    font-size: 16px;
  }
}

@media (max-width:992px) and (min-width:576px) {
  .menu-btn {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
}
.menu-btn::before {
  content: "\203A";
  text-align: center;
  color: #ffffff;
  font-size: 2em;
  line-height: normal;
  position: absolute;
  left: 0px;
  top: 0;
  width: 45px;
  background: #00C1AA;
  height: 100%;

}

.menu-btn[disabled] {background-color: rgba(255,255,255,0.5);}
.menu-btn[disabled]::before {background-color: rgba(255,255,255,0.45); color: #999}
.menu-btn:not([disabled]) { cursor: pointer; }
.menu-btn:not([disabled]):hover, .menu-btn:not([disabled]):focus {
    background-color: rgba(255,255,255,.65);
}
.menu-btn.item-done {
    background-color: rgba(255,255,255,1);
}
.menu-btn.item-done:hover, .menu-btn.item-done:focus {
    background-color: rgba(255,255,255,.85);
}

.menu-btn img.done-indicator { position: absolute; width: 20px; right: 10px; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#menu-body .right-col {  }

@media (min-width: 576px) {
    #menu-body .right-col {  }
    #menu-page-header h2 { font-size: 30px; font-size: 3rem; }
}

@media (min-width: 768px) {
    #menu-body .right-col { }
    #menu-page-header h2 { font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 5rem; }
}

@media (min-width: 1024px) {
    #menu-body .right-col {  }
    #mnu-img-sm { display: none; }
    #menu-body {  padding-bottom: 0 !important; background-size: cover; background-position: top left; }
}

span.hamburger-icon{
  display:inline-block;
  vertical-align: middle;
  margin:0 2px;
  width:31px;
  height:25px;
  background:url(../images/theme/nav_sprite.png) -101px -8px no-repeat;
}

.page-completion h2 { font-size: 35px; font-size: 3.5rem; line-height: normal; }
.page-completion h3 { margin-bottom: 10px; font-size: 30px; font-size: 3rem; line-height: normal; }
.page-completion .icon-list.tick { margin-top: 30px; margin-bottom: 30px; }
.page-completion #policies-list {margin-top:20px;margin-bottom:20px;}
.page-completion #policies-list a { text-decoration: underline; color: #0000ff; }
.page-completion #right-col > div { background: #fff; margin: 0; padding: 40px; border-radius:5px; border-top-left-radius: 40px; }
    
@media (min-width: 768px) {
    .page-completion { padding-bottom: 50px; }
    .page-completion #completion-header { margin-top: 50px; }

}