body {
  font-family:'Lato', Arial, Helvetica,sans-serif;
  color:#1a1a1a;
  font-size:1.12rem;
  line-height:1.6;
}
a {
  color:#005a73;
}

.col-md-8 img, .col-md-6 img {
  max-width: 100%;
  height: auto;
}

/*HACk To Make the events show correctly on the homepage*/
.homepageEvents > div {
  display: none;
}

.homepageEvents > div:nth-child(1),
.homepageEvents > div:nth-child(2) {
  display: block;
}
/*HACk To Make the events show correctly on the homepage*/



.wide-container {
  width:1240px;
  margin:0 auto;
}

.section {
  padding:60px 0;
}
.section.bottom-section {
  padding-top: 0;
  padding-bottom: 25px;
}
.section.bottom-section .line-divider {
  margin-bottom:60px;
}
.section.no-top {
  padding-top:0;
}

.header {
  height:70px;
  overflow:hidden;
}
.header .logo {
  float:left;
}
.header .logo img {
  height:70px;
}
.header .logo-90 {
  float:right;
  margin:7.5px 0;
  margin-left:5px;
}
.header .logo-90 img {
  height:55px;
}
.header .navbar-container {
  background:#9ed97b;
  float:right;
}
.header .trigger-mobile {
  display:none;
  color:black;
  padding:27px 0;
  float:right;
  cursor:pointer;
}
.header .trigger-mobile .fa {
  margin-right:10px;
  font-size:27px;
  position:relative;
  top:3px;
}
.header .nav-bar {
  list-style:none;
  margin:0;
  padding:0;
}
.header .nav-bar li {
  list-style:none;
  padding:0;
  margin:0;
  display:inline-block;
  float:left;
}
.header .nav-bar li .dropdown {
  display: none; 
  position: absolute;
  /* top: 0; */
  left: 0;
  width: 250px;
  left: auto;
  right: auto;
  background: #4fc753;
  z-index: 999;
  margin: 0;
  padding: 0;
  padding-top:15px;
  border-top:1px solid #A4D97C;
}
.header .nav-bar li .dropdown li {
  display:block;
  margin:0;
  width:100%;
}
.header .nav-bar li .dropdown a {
  display: block;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 0;
  line-height:25px;
}
.header .nav-bar li:hover .dropdown, .header .nav-bar li .dropdown:hover {
  display:block;
}
.header .navbar li:hover a {
  text-decoration:underline;
}
.header .nav-bar li a {
  background:#4fc753;
  display:block;
  padding:27px 10px;
  margin-right:1px;
  color:white;
  font-size:16px;
  line-height:16px;
}

.category-breadcrumb {
  padding: 25px 0;
  background: grey;
  font-size: 17px;
  font-weight: 600;
  color: white;
}
.category-breadcrumb.colour-green {
  background-color:#4fc753;
  color:#07272C;
}
.category-breadcrumb.colour-orange {
  background-color:#f7901e
}
.category-breadcrumb.colour-purple {
  background-color:#734862
}
.category-breadcrumb.colour-blue {
  background-color:#005b74
}
.category-breadcrumb.colour-hide {
  display:none;
}
h1.colour-green, h3.colour-green, h2.colour-green {
  color:#4fc753!important;
}
h1.colour-orange, h3.colour-orange, h2.colour-orange {
  color:#f7901e!important;
}
h1.colour-purple, h3.colour-purple, h2.colour-purple {
  color:#734862!important;
}
h1.colour-blue, h3.colour-blue, h2.colour-blue {
  color:#005b74!important;
}


.line-divider {
  display: block;
  height: 1px;
  background: #ccc;
  margin-bottom: 25px;
}

.title-subtitle {
  margin-top:15px;
}
.title-subtitle a {
  color:#005a73;
}
.title-subtitle a.btn-more {
  color:white;
}

.hero-section {
  background:#e3f2f6;
  overflow:hidden;
}
.hero-section, .hero-section .wide-container {
  height:400px;
}
.hero-section img {
  height:400px;
  float:right;
}
.hero-section h1 {
  font-weight:800;
  color:#005b75;
  margin-bottom:25px;
  margin-top:30px;
}
.hero-section .caption {
  font-size: 20px;
  line-height: 1.6em;
  width: 85%;
}
.hero-section.cutdown {
  height: 275px;
  overflow: hidden;
}
.hero-section.cutdown img {
  margin-top:-120px;
}
.hero-section.cutdown .qs-sectionStatus {
  margin-top:5px;
}

.footer {
	background:#054051;
	padding:80px 0;
	padding-top:0;
	color:#fff;
	font-size:15px;
	z-index:9999999;
	margin-top:120px;
}
.footer .socials {
  background: #4fc753;
  color: #07272C;
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: -35px;
  margin-bottom: 0px;
  height: 75px;
  text-align: center;
}
.footer .socials .social-box {
  font-size:15px;
  text-align:Center;
  display:inline-block;
  padding:15px 10px;
}

.footer .socials .social-box a {
  color: #07272C !important;
  text-decoration: none;
}

.footer .socials .social-box a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.footer .socials .social-box .fa {
  font-size:35px;
  position:relative;
  top:6px;
  margin-right:5px;
}
.footer .list, .footer .list li {
	list-style:none;
	padding:0;
	margin:2px 0;
}
.footer .list a {
	color:rgba(266,266,266,0.4);
	text-decoration:none;
}
.footer .list a:hover {
	color:rgba(266,266,266,0.6);
}
.footer .logo {
	font-family:'ProximaNova-Bold';
	text-transform:lowercase;
	letter-spacing:-3px;
	font-size:30px;
	text-decoration:none;
	color:white;
	line-height:35px;
	margin-bottom:15px;
}
.footer .logo img {
	height:80px;
}
.footer .footer-wrap {
	padding:0 55px;
}
.footer .content {
  margin-top:8px;
}
.footer strong {
  font-size:17px;
}
.footer .content a {
  color:white;
}

.category-box {
  border:4px solid black;
  padding:10px;
  background:url('/assets/image/emblem-background.png') bottom 100px left no-repeat;
  background-size:50%;
  display:block;
}
.category-box:hover {
  text-decoration:none;
  opacity:0.8;
}
.bottom-section .category-box {
  background-image:none;
}
.category-box.text-only {
  height:117px;
}
.category-box.text-only h2 {
  margin-bottom:5px;
  background: none;
  position: initial;
  padding: 0;
}
.category-box.colour-green {
  border-color:#4fc753;
}
.category-box.colour-orange {
  border-color:#f7901e
}
.category-box.colour-purple {
  border-color:#734862
}
.category-box.colour-blue {
  border-color:#005b74
}
.category-box.colour-green.active {
  background-color:#4fc753;
}
.category-box.colour-green.active h2 {
  color:#07272C;
}
.category-box.colour-orange.active {
  background-color:#f7901e
}
.category-box.colour-purple.active {
  background-color:#734862
}
.category-box.colour-blue.active {
  background-color:#005b74;
  color:white!important;
}
.category-box.active h2 {
  color:white;
}
.category-box .image-container {
  height:260px;
  background:black;
  margin-bottom:25px;
  overflow:hidden;
  position:relative;
}
.category-box .image-container img {
  width:100%;
  margin-top:-40px;
}
.category-box h2 {
  font-weight:600;
  color:#005a73;
  font-size:46px;
  margin-bottom:15px;
  line-height:37px;
  position:absolute;
  bottom:0;
  left:0;
  padding:15px;
  background:rgba(266,266,266,0.8);
}
.category-box .description {
  color:#1a1a1a;
  height:115px;
}
.category-box.text-only h2 {
  font-size:22px;
}

.news-box, .event-box {
  border:4px solid black;
  padding:15px;
  padding-bottom:20px;
  margin-top:25px;
}
.news-box {
  border-color:#f7901e;
}
.event-box {
  border-color:#4fc753;
  position:relative;
}
.event-box .eventDate {
  background: #4fc753;
  color: #07272C;
  width: 71px;
  position: absolute;
  top: 23px;
  left: -25px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 0;
}
.event-box .eventDate .day {
  font-size: 40px;
  line-height:40px;
}
.event-box .eventDate .month, .event-box .eventDate .year {
  font-size:18px;
  line-height:22px;
}
.news-box .image-container, .event-box .image-container {
  height:160px;
  margin-bottom:25px;
  overflow:hidden;
}
.news-box .image-container img, .event-box .image-container img {
  width:100%;
}
.news-box h3, .event-box h3 {
  font-weight:600;
  color:#005a73;
  font-size:22px;
  margin-bottom:35px;
  line-height:32px;
  height:100px;
}
.news-box .date {
  margin-bottom:5px;
}
.news-box .description, .event-box .description {
  color:#1a1a1a;
}
.event-box .description {
  margin-bottom:25px;
}
.event-box h3 {
  margin-bottom: 2px;
}
.event-box .content {
    height: 260px;
    padding-left: 50px;
    padding-top: 5px;
}
.news-box.team-member {
  display:block;
}
.news-box.team-member h3 {
  margin-bottom:0;
  height:auto;
}
.news-box.team-member .image-container {
  height:auto;
}
.news-box.team-member .image-container img {
  width:100%;
  height:auto;
}
.news-box.team-member .team-member div {
  display:inline-block;
  width:100%;
  float:left;
  overflow-wrap: anywhere;
}
.news-box.team-member .team-member div .fa {
  margin-right:5px;
  font-size:16px;
  color:#005a73;
}
.news-box.team-member .team-member div.job-title {
  display:block;
  width:100%;
  float:none;
  margin:5px 0;
}
.news-box.team-member .team-member div.description  {
    display:block;
    overflow:hidden;
    float:none;
    width:100%;
    padding-top:15px;
}

.news-box.team-member .job-vacancy div {
  margin-bottom:7px;
}
.news-box.team-member .job-vacancy div p {
  padding:0;
  margin:0;
}
.news-box.team-member .job-vacancy a {
  color:#005a73;
}
.news-box.team-member .job-vacancy a.btn-more {
  color:#fff;
}
.job-vacancy a.btn-more {
  margin-top:5px;
}
.btn-more {
  display:inline-block;
  color:white;
  background:#005a73;
  padding:13px 25px;
  font-size:16px;
}
.btn-more:hover {
  opacity:0.9;
  color:white;
}
.btn-more.outline {
  color:#005a73;
  background:white;
  border:1px solid #005a73;
  padding:10px 20px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
.btn-more.outline:hover {
  background:#005a73;
  color:white;
  opacity:1;
}

h2 {
  font-weight:600;
  color:#005a73;
  font-size:28px;
  margin:0;
  line-height:40px;
}

.volunteering-iframe {
  height:360px;
}

.categories-list .slick-dots {
  text-align:center;
  margin-bottom:0;
  margin-top:15px;
}
.categories-list .slick-dots li {
  display: inline-block;
  background: rgba(0,0,0,0.3);
  width: 13px;
  height: 13px;
  margin: 0 5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor:pointer;
}
.categories-list .slick-dots li {
  background: rgba(0,0,0,0.5);
}
.categories-list .slick-dots li.slick-active {
  background:#005b75;
}
.categories-list .slick-dots li button {
  display:none;
}

.button-container a {
  margin-left:15px;
  float:right;
}

.main-content-section h2 {
  margin-bottom:15px;
}
.main-content-section h3 {
  font-size:23px;
  margin-bottom:15px;
}
.main-content-section a {
  color:#005a73;
}

.main-content-section.colour-green h2, .main-content-section.colour-green a {
  color:#4fc753
}
.main-content-section.colour-orange h2, .main-content-section.colour-orange a {
  color:#f7901e
}
.main-content-section.colour-purple h2, .main-content-section.colour-purple a {
  color:#734862
}
.main-content-section.colour-blue h2, .main-content-section.colour-blue a {
  color:#005b74
}

.alert-bar {
  padding:8px;
  color:#fff;
  background:#005b75;
  text-align:center;
  font-size:14px;
}

#popup {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:rgba(0,0,0,0.8);
  height:100%;
  z-index:9999;
}
#popup .content {
  width:400px;
  height:419px;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  z-index:9999;
}
#popup .content img {
  width:100%;
}
#popup .close {
  font-size: 26px;
  position: relative;
  top: -8px;
  right: -19px;
  color: white;
  z-index: 99999;
  opacity:1;
  cursor:pointer;
}

img.twitter-icon {
  height:30px;
}

.form-style {
  width:500px;
  margin:auto;
}
.form-style label, .form-style input, .form-style select {
  display:block;
  width:100%;
}
.form-style label {
  margin-top:15px;
}
.form-style input, .form-style select {
  padding:5px;
}
.form-style button {
  margin-top:25px;
  display: inline-block;
  color: white;
  background: #005a73;
  padding: 13px 25px;
  font-size: 16px;
  outline:none;
  border:none;
  width:100%;
}

.account-form {
  width:100%;
  background:#efefee;
  padding:25px 35px;
}
.account-form .g-recaptcha {
  margin:5px 0;
}
.account-form input, .account-form select, .account-form textarea {
  display:block;
  width:100%;
  border:none;
  background:white;
  padding:10px;
  border-bottom:3px solid #ccc;
  margin-top:15px;
  
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.account-form input[type=checkbox] {
  margin-top:6px;
}
.account-form p {
  margin-bottom:5px;
  margin-top:20px;
}
.account-form select {
  height:50px;
  line-height:50px;
  text-indent:5px;
}
.account-form label {
  display:none;
}
.account-form.display-labels label {
  display:block;
  padding: 10px 0;
  margin-top:15px;
}
.checkbox-label label {
  display:inline-block;
}
.checkbox-label {
  margin-top:15px;
}
.checkbox-label input[type=checkbox] {
    display: inline-block;
    width: 30px;
    margin-left: 5px;
}
.account-form input:focus, .account-form select:focus, .account-form textarea:focus {
  box-shadow:none;
  outline-width: 0;
  outline:none;
  border-bottom:3px solid #272727;
}
.account-form button {
  background: #005b75;
  outline:none;
  border:none;
  padding: 15px 28px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  min-width:250px;
  margin-top:15px;
  opacity:1;
  width:100%;
}
.account-form button:hover {
  background: #005b75;
  opacity:0.8;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.account-form .needs-label {
  position:relative;
}
.account-form .needs-label label {
  position: absolute;
  top: 11px;
  left: 11px;
  display: inline-block;
  color:grey;
}
.account-form .needs-label input {
  padding-left:125px;
}

.account-form button {
  width:100%;
}
.account-form.register button {
  margin-top:0;
}
.account-form .forgot-password {
  font-size:16px;
  color:#005b75;
  display:block;
  margin-top:20px;
  text-align:center;
}
.account-form .register-button {
  font-size:16px;
  color:#666;
  display:block;
  margin-top:7px;
  text-align:center;
}
.account-form .register-button a {
  color:#005b75;
}

.logout-button button {
  outline:none;
  border:none;
  background:white;
  color:black;
  padding:5px;
}

/*****
*
* QS Styling
*
*****/
.QSApplicationForm select {
    width: 100%;
    padding: 5px;
    margin: 5px;
}
.QSApplicationForm input {
    width: 100%;
    padding: 5px;
    margin: 5px;
}
.QSApplicationForm textarea {
    width: 100%;
    height: 150px;
    padding: 5px;
    margin: 5px;
}

.QSApplicationForm label {
    line-height: 38px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.qs-submitApplicationBtn {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 10px 15px;
  border: none;
  font-weight: bold;
}
.qs-submitApplicationBtn:hover {
  background-color: #07272C;
  color: #fff;
  cursor: pointer;
}

.qs-applicationListItem {
  background-color: #e3f2f6;
  border: 2px solid #005b75;
  padding: 20px;
  margin: 15px 0;
  color: #005b75;
}

.qs-applicationListItem h2 {
  color: #005b75;
}

.qs-applicationListItem a.btn {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: bold;
}

.qs-applicationListItem a.btn:hover {
  background-color: #07272C;
  color: #fff;
  cursor: pointer;
}

.qs-applicationDetailsHeader {
  color: #005b75;
}

.qs-applicationDetails .header-btn {
  background-color: #07272C;
  color: #fff;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: bold;
  margin-top:5px;
  display: inline-block;
}

.qs-applicationDetails .header-btn:hover { 
  text-decoration: none;  
  background: #4fc753;
  color:#07272C;
  cursor: pointer;
}

.qs-applicationDetailsDescription {
  color: #005b75;
}

.qs-applicationDetailsSection {
  background-color: #e3f2f6;
  border: 2px solid #005b75;
  padding: 20px;
  margin: 15px 0 0;
  color: #005b75;
}
.qs-applicationDetailsSection.status-complete {
  background-color:#efefee;
  border:2px solid #005b75;
}

.qs-applicationDetailsSection h2 {
  color: #005b75;
}

.qs-sectionStatus {
  line-height: 38px;
  display: inline-block;
  color: #383d41;
  background-color: #e2e3e5;
  border:1px solid #d6d8db;
  padding:0 15px;
  border-radius:6px;
  font-size:15px;
  text-transform:capitalize;
}
.status-complete .qs-sectionStatus {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}

.qs-appliciationDetailsSectionFiles {
  border-radius: 6px;
  background-color: #fff;
  margin: 15px;
  padding: 20px 10px;
  margin-bottom: 0;
}

.qs-appliciationDetailsSectionNotes {
  border-radius: 6px;
  background-color: #fff;
  margin: 15px;
  padding: 20px 10px;
  margin-bottom: 0;
}

.textRight {
  text-align: right;
}

.qs-applicationDetailsSectionFile {
  background-color: #e3f2f6;
  margin: 0px;
  margin-bottom: 10px;
  padding: 20px;
}

.uploadForm, .uploadNotes {
  background-color: #e3f2f6;
  margin: 0px;
  margin-bottom: 0;
  padding: 20px;
}

.qs-appliciationDetailsSectionUploadFileTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}

.fileUpload-btn, .notesSave-btn, .messageAssessor-btn {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: bold;
  margin-bottom: 10px;
  border: none;
  display: inline-block;
}
.messageAssessor-btn { 
  margin-bottom: 0;
}

.fileUpload-btn:hover, .notesSave-btn:hover {
  background-color: #07272C;
  color: #fff;
  cursor: pointer;
}

textarea.message, textarea.note {
  width: 100%;
  height: 150px;
  border: 1px solid #005b75;
  margin-bottom: 10px;
  resize: none;
  padding: 10px;
  outline: none;
  box-shadow: none;
  color: #005b75;
}

textarea::placeholder {
  color: #005b75;
}

input[type="file"]::file-selector-button {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
  border: none;
}

input[type="file"]::file-selector-button:hover {
  text-decoration: none;  
  background-color: #07272C;
  color: #fff;
  cursor: pointer;
}

span.uploadSuccess {
  display: inline-block;
  background-color: #4fc753;
  padding: 10px;
  color: #fff;
  font-size: 16px;
}

span.uploadError {
  display: inline-block;
  background-color: #4fc753;
  padding: 10px;
  color: #fff;
  font-size: 16px;
}

.qs-applicationDetailsSectionNote {
    background-color: #e3f2f6;
    margin: 0px;
    margin-bottom: 10px;
    padding: 20px;
}

.qs-applicationDetailsSectionContent {
  display: none;
}

.qsApplicationNotes {
  background-color: #e3f2f6;
  border: 2px solid #005b75;
  padding: 20px;
  margin: 15px 0 0;
  color: #005b75;
}

.qsApplicationNotes p {
  margin-bottom: 5px;
}

.qs-uploadApplicationNotes {
  margin-top: 30px;  
}


  .qs-applicationDetailsNote {
    background-color: #fff;
    margin: 15px 0 0;
    padding: 10px 10px 10px;
  }
  
.messageToAssessor {
  background-color: #e3f2f6;
  border: 2px solid #005b75;
  padding: 20px;
  margin: 15px 0 0;
  color: #005b75;
}

.messageToAssessor p {
  margin-bottom: 5px;
}

.messageToAssessor h2 {
  margin-bottom: 10px;
}
  
.show-btn {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 0px;
  display: inline-block;
  margin-top: 0;
}

.show-btn:hover {
  text-decoration: none;  
  background-color: #07272C;
  color: #fff;
  cursor: pointer;
}

.hide-btn {
  background: #4fc753;
  color:#07272C;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 0px;
  display: inline-block;
  margin-top: 0;
}

.hide-btn:hover {
  background: #4fc753;
  color:#07272C;
  text-decoration: none;  
  cursor: pointer;
}

.hidden-btn {
  display: none !important;
}

.outline-buttons a {
  color: #005a73;
  background: transparent;
  border: 1px solid #005a73;
  padding: 10px 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 16px;
  margin-left:5px;
  margin-top:5px;
  display:inline-block;
}
.outline-buttons a:hover {
  text-decoration:none;
  background:#005a73;
  color:white;
}


p.add-line-breaks {
  white-space: pre-wrap;
}
.detailsBorderWrap {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.btn-container {
  margin-bottom:15px;
}
.btn-container .qs-sectionStatus {
  line-height:44px;
  margin-right:10px;
}
.btn-container .btn, .btn-container .qs-sectionStatus {
  display:inline-block;
  float:left;
}

input.description {
    padding: 4px 7px;
    width: 100%;
}

.status-complete .uploadForm, .status-complete .uploadNotes {
  display:none;
}