/* Custom css document for CEDRR */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,300,300italic,100italic,100,500italic,400italic);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css');
/* variables.scss */
/*  black  */
/* colors */
/*  eg: header and button background color */
/*  eg: header and button background color - shorthand for 006666 */
/*  eg: header and button background color shorthand for 009999  */
/* _mixins.scss */ /*  _global.scss  */
/*
 * Responsive text aligning
 */

.text-xs-left {
  text-align: left;
}

.text-xs-right {
  text-align: right;
}

.text-xs-center {
  text-align: center;
}

.text-xs-justify {
  text-align: justify;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
/*  Global  */
body {
  font-size: 1.1rem;
  line-height: 1.7rem;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

/*  for container housing large tables */
.container.wide {
  width: auto;
  max-width: 1600px !important;
  margin: 0 auto;
}

/*  colours  */
.light-grey {
  background: #fcfcfc;
}

.dark-grey {
  background: #37474f;
}

.black {
  background: #000;
}

.blue-bg {
  background: #a9def9;
}

.dark-green-bg {
  background: seagreen;
}

.bg-light {
  background: #eaeaea !important;
}

.bg-lightblue-gradient {
  background-image: linear-gradient(102deg, #54b9d8 10%, #009ec6 60%);
}

/* icons */
.close {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: no-repeat 50% 50%;
  background-image: url('../img/close.svg');
  background-size: 150% 150%;
}

.well {
  border: 0;
  /* overwrite bootstrap border */
}

.quote {
  padding: 1em;
  margin: 1em;
}
.quote blockquote {
  margin: 0 0 0.5em 0;
  font-weight: 500;
}
.quote figcaption {
  margin: 0 1em;
  color: #868e96;
  font-size: 0.9rem;
}
blockquote {
  border-left: 8px solid #d7d7db;
  clear: both;
  color: #4b4b4e;
  margin-bottom: 18px;
  padding: 9px 18px 12px;
  font-style: italic;
}
blockquote cite {
  font-size: small;
  color: #222;
  display: inline-block;
}

figure {
  margin: 2rem 0;
  width: 100%;
}
figure > img {
  width: 100%;
}
figure > figcaption {
  width: 100%;
  margin: 0.5rem 0;
}

.full-width {
  width: 100% !important;
}

.border--none {
  border: 0 !important;
}

.column-background-image-wrap {
  padding-top: 20px;
}
.column-background-image-wrap .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 400px;
  height: 100%;
}
.alert.alert-info {
  border: 0;
  border-left: 5px solid rgba(0, 158, 198, 0.5);
  background: aliceblue;
  border-radius: 0;
}

/* buttons */
.btn {
  -webkit-transition: all, 400ms;
  -moz-transition: all, 400ms;
  -ms-transition: all, 400ms;
  -o-transition: all, 400ms;
  transition: all, 400ms;
  --bs-btn-font-weight: 500;
}
.btn.btn-link {
  font-weight: normal;
  text-transform: none;
}
.btn:focus,
.btn:hover {
  outline: transparent;
  box-shadow: none;
}
.btn.btn-primary {
  background: #344e86;
  border-color: #344e86;
}

.btn.btn-xs {
  font-size: 0.8rem;
}

.btn.disabled.btn-outline-primary {
  border-color: #868e96;
  color: #868e96;
}

/*  ++++++++++++++++
// text   */
h1 {
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
}

h2,
h3,
h4,
h5 {
  font-weight: 700;
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
}

.fs-1,
.fs-2,
.fs-3,
.fs-4 {
  font-weight: 900;
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
}

.fs-sm {
  font-size: 0.875rem !important;
}

.t-green {
  color: #198754;
}

.fw-xbold {
  font-weight: 900 !important;
}

.text-white,
.text-white > i {
  color: #fff !important;
}

.text-light,
.text-normal {
  font-weight: 300 !important;
}

.lead {
  font-size: 1.4rem;
  font-weight: 400;
}

.main a:not(.btn) {
  color: rgb(25, 135, 84);
}
.main a:not(.btn):hover {
  color: rgb(50, 147, 88);
}
.main a:not(.btn):visited {
  color: rgb(18, 97, 60);
}

.main ul li {
  margin: 0.5rem 0;
}

ol.enlarged-number-list {
  list-style: none;
  counter-reset: goals;
  max-width: 100%;
  padding: 1rem 1rem 1rem 40px;
}
ol.enlarged-number-list li {
  counter-increment: goals;
  font-size: 1.2rem;
  clear: both;
  margin-bottom: 40px;
  position: relative;
  list-style: none;
  padding-left: 40px;
}
ol.enlarged-number-list li::before {
  content: counter(goals) '. ';
  position: absolute;
  margin-right: 1.5rem;
  color: seagreen;
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 3rem;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0.4rem;
}

/* custom labels  */
.label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0;
  text-decoration: none !important;
}

.label-default {
  background: #ededed;
  color: #999;
  border: 1px solid #ededed;
}

.label-warning {
  background: #f5bb19;
  color: #614800;
  border: 1px solid #f5bb19;
}

.label-danger {
  border: 1px solid #dd4b39;
}

.label-info {
  border: 1px solid #bbb;
  color: #555;
  background: #fff;
}

/*  LAYOUT  */
/* opacity for fading up  (NOTE: also requires js */
.fadein {
  opacity: 0;
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
  /* /:first-of-type */
}
section:first-of-type {
  /* regular page headings */
  padding-top: 50px;
  padding-bottom: 50px;
  /* page headings with breadcrumb (eg: project details page) */
}
section:first-of-type.breadcrumb-heading {
  padding-top: 90px;
  padding-bottom: 50px;
}
section.page-heading {
  background-color: #84a59d;
  color: #fff;
}
section.page-heading a {
  color: #fff;
  border-bottom: 1px solid #fff;
  opacity: 1;
  letter-spacing: 0.06em;
}
section.page-heading a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.inside-page h2,
.inside-page h3 {
  margin-top: 2.6rem;
  margin-bottom: 2rem;
}
.inside-page section.tiles {
  padding-top: 0;
}
.inside-page section.tiles.tiles-get-involved {
  background: #adb5bd;
  color: #f1f1f1;
}
.inside-page section.tiles.tiles-get-involved a {
  color: #fff;
}
.inside-page section.tiles.tiles-get-involved .card {
  border: 0;
  border-radius: 0;
  border-radius: 0.5rem;
  background: rgba(40, 80, 40, 0.3);
  -webkit-transition: all, 400ms;
  -moz-transition: all, 400ms;
  -ms-transition: all, 400ms;
  -o-transition: all, 400ms;
  transition: all, 400ms;
}
.inside-page section.tiles.tiles-get-involved .card:hover {
  background: rgba(40, 80, 40, 0.6);
}
.inside-page section.tiles.tiles-get-involved .card .card-body {
  padding: 1.6rem 2rem;
}
.inside-page section.tiles:not(.tiles-get-involved) .card {
  border-radius: 0;
  border: 0;
  background: aliceblue;
  padding: 1.5rem 0.5rem 1.7rem;
}
.inside-page section.tiles:not(.tiles-get-involved) .card .card-img-top {
  display: none;
  border-radius: 0;
  background: gainsboro;
  width: 100%;
  height: 200px !important;
}

/* breadcrumb  - restyling*/
div.breadcrumb-wrap {
  background-color: #1f2b3d;
}
div.breadcrumb-wrap ol.breadcrumb {
  padding: 0;
  margin-bottom: 10px;
}
div.breadcrumb-wrap ol.breadcrumb a {
  color: #fff !important;
  margin: 0 8px;
  text-decoration: none;
}
div.breadcrumb-wrap ol.breadcrumb a:hover {
  color: #fff;
  text-decoration: underline !important;
}
div.breadcrumb-wrap ol.breadcrumb a .bi-house-door-fill {
  color: #fff;
}
div.breadcrumb-wrap .breadcrumb-item.active {
  color: #fff;
}
div.breadcrumb-wrap .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 12px;
}
div.breadcrumb-wrap ol.breadcrumb > li:before {
  color: #fff;
}
div.breadcrumb-wrap .breadcrumb {
  background: none;
  border: 0;
  padding-left: 0;
  font-size: 80%;
}
div.breadcrumb-wrap ol.breadcrumb > li:before {
  content: '>';
}
div.breadcrumb-wrap ol.breadcrumb > li:first-child:before {
  content: ' ';
}

/*  ++++++++++++++++
// Selecting / highlighting  */
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}

::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}

img::selection {
  color: white;
  background: transparent;
}

img::-moz-selection {
  color: white;
  background: transparent;
}

body {
  webkit-tap-highlight-color: #222222;
}

/*  MODAL  */
/*  MODAL: Centering vertical  */
.modal {
  text-align: center;
  padding: 0 !important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}
.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*  custom table col style for last col buttons */
.table-responsive {
  clear: both;
}
table.results-table td {
  padding: 0.8rem 0.5rem;
}

table.results-table tbody tr:nth-of-type(odd):not(.table-header) {
  background-color: #f9f9f9;
}
table.results-table tbody tr.table-header {
  background-color: #fff !important;
  border-bottom: 2px solid #000;
}

.accordion h4.accordion-header {
  font-size: 1.1rem;
  font-weight: 500;
}
.accordion h4.accordion-header button.accordion-button {
  font-size: inherit;
  font-weight: inherit;
}
.accordion h4.accordion-header button.accordion-button.collapsed:hover,
.accordion h4.accordion-header button.accordion-button.collapsed:focus {
  text-decoration: underline;
  color: #198754;
}
.accordion h4.accordion-header button.accordion-button:not(.collapsed) {
  background: #fff;
  color: #198754;
  text-decoration: underline;
}
.accordion h4.accordion-header button.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23198754'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*  _navber.scss */
/*  NAV BAR   */
.site-header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  position: relative;
  z-index: 1;
}

.navbar {
  border: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0;
  font-weight: 700;
}
.navbar .navbar-collapse {
  flex-grow: 0;
}
.navbar li.nav-item {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  margin-left: 16px;
}
.navbar li.nav-item a.nav-link:hover,
.navbar li.nav-item a.nav-link.show {
  color: #000;
}
.navbar li.nav-item ul.dropdown-menu {
  border-radius: 0;
  border: 0;
  border-left: 4px solid #1f2b3d;
}
@media (max-width: 992px) {
  .navbar li.nav-item ul.dropdown-menu {
    background-color: transparent;
    border: 0;
    border-left: 4px solid #1f2b3d;
  }
}
.navbar li.nav-item ul.dropdown-menu li a.dropdown-item {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}
.navbar .navbar-toggler {
  border-radius: 0;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-brand {
  margin-right: 0;
}

@media (min-width: 768px) {
  ul.nav.navbar-nav {
    margin-right: 110px !important;
  }
}

/*  _form-styles.scss */ /*  _footer.scss */
footer {
  position: relative;
  background-color: #1f2b3d;
  color: #fff;
  padding: 50px 0;
  text-align: left;
  margin-top: -1px;
  font-size: 14px;
}
footer .footer-logo {
  width: 125px;
  margin-bottom: 2rem;
}
footer h5 {
  font-size: 0.9rem;
}
footer a {
  color: inherit;
  text-decoration: none;
}
footer a:hover {
  color: inherit;
  text-decoration: underline;
}
footer ul li {
  letter-spacing: 0.02em;
}
footer ul li a {
  text-decoration: none;
  color: #fff !important;
  opacity: 0.6;
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
  text-decoration: underline;
  opacity: 1;
}
footer .follow-us a {
  font-size: 18px;
  margin-left: 10px;
  opacity: 0.6;
}
footer .follow-us a:hover,
footer .follow-us a:focus,
footer .follow-us a:active,
footer .follow-us a.active {
  opacity: 1;
}

/*  _homepage.scss  */
/*  ///////////// HOMEPAGE ONLY STYLES  */
#homepage .home--header {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: 50% 5%;
  background-color: #54b9d8;
  color: white;
  background-image: linear-gradient(102deg, #54b9d8 10%, #009ec6 60%);
}
#homepage .home--header h1 {
  font-size: 2.2rem;
}
#homepage .home--header div.bg-triangle-shape {
  position: absolute;
  right: -6rem;
  width: 600px;
  height: 100%;
  display: block;
  z-index: 0;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0 100%);
  overflow: hidden;
}
#homepage .home--header div.bg-triangle-shape div.img {
  background: url(../img/900w/shutterstock_392355586.jpg);
  background-size: cover;
  background-position: 50% 40%;
  display: block;
  height: 100%;
}
@media (max-width: 1200px) {
  #homepage .home--header div.bg-triangle-shape {
    display: none;
  }
}
#homepage .home--header .get-involved {
  z-index: 0;
  color: #fff;
}
#homepage .home--header .get-involved > div {
  text-align: left;
  background: rgba(8, 68, 92, 0.95);
}
#homepage .home--header .get-involved > div > * {
  margin-bottom: 1.6rem;
}
#homepage .home--header .get-involved > div h3 {
  color: #fff;
  margin-bottom: 0.6rem;
}
#homepage .home--header .get-involved > div .lead {
  font-size: 1.3rem;
  line-height: 2.1rem;
}
#homepage .home--header .get-involved > div a {
  color: #fff;
}
#homepage ol.enlarged-number-list li {
  padding-left: 10px;
  margin-bottom: 30px;
}
#homepage ol.enlarged-number-list li:before {
  color: inherit;
  font-size: 2rem;
  top: 0.1rem;
}
#homepage .home--impact {
  background: #cce2b7;
}
#homepage .home--project > div {
  margin: 70px auto;
}
#homepage .home--project > div h2 {
  color: #198754;
}
#homepage .home--project > div i.bi-geo-alt-fill {
  font-size: 1.4rem;
  color: #0d4868;
}
#homepage .home--research > div {
  margin: 50px auto;
}
#homepage .home--research h2,
#homepage .home--research h4 {
  color: #198754;
}
#homepage .home--research .h4 {
  background: rgba(115, 170, 0, 0.8);
  color: #fff;
  padding: 5rem 3rem;
}
#homepage .home--contact {
  background: #eaeaea;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: 50% 5%;
}
#homepage .home--contact div.bg-triangle-shape.left {
  position: absolute;
  top: 0;
  left: -6rem;
  width: 600px;
  height: 100%;
  display: block;
  z-index: 0;
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0 100%);
  overflow: hidden;
}
#homepage .home--contact div.bg-triangle-shape.left div.img {
  background: url(../img/sophia-chenery-MVwh6adagtg-unsplash.jpg);
  background-size: cover;
  background-position: 50% 100%;
  display: block;
  height: 100%;
}
@media (max-width: 1200px) {
  #homepage .home--contact div.bg-triangle-shape.left {
    display: none;
  }
}
#homepage .home--contact p.follow-us {
  color: #868e96;
  margin-top: 2rem;
}
#homepage .home--contact p.follow-us a.icon-link {
  text-decoration: none;
  color: inherit;
}
#homepage .home--contact p.follow-us a.icon-link i {
  font-size: 2rem;
  margin-left: 0.5rem;
}
#homepage .home--contact p.follow-us a.icon-link:hover {
  color: #000;
}
#homepage footer .container {
  margin: 70px auto 10px auto;
}
#homepage .secton-link {
  margin-top: 1.7rem !important;
}

/*  _project.scss  */
/*  ///////////// PROJECT ONLY STYLES  */
/*  _impact.scss  */
/*  ///////////// IMPACT ONLY STYLES  */
section.our-impact-stats {
  background: rgb(115, 170, 10);
  color: #fff;
}
section.our-impact-stats h2.h1 {
  margin-top: 0;
}
section.our-impact-stats a:link,
section.our-impact-stats a:visited {
  color: #fff !important;
}
section.our-impact-stats .header-row {
  margin-bottom: 2rem;
}
section.our-impact-stats .stats-row > div {
  text-align: center;
}
section.our-impact-stats .stats-row > div i {
  display: block;
  margin-bottom: 1rem;
  color: #084e38;
  font-size: 5rem;
}
section.map-area {
  padding: 0;
  width: 100%;
  height: 500px;
  display: block;
}

/*  _research.scss  */
/*  ///////////// RESEARCH ONLY STYLES  */
/*  _about.scss  */
/*  ///////////// ABOUT ONLY STYLES  */
.people-cards .card {
  padding-left: 10px;
  border-radius: 0;
  border: none;
}
.people-cards .card .avatar {
  position: relative;
  display: inline-block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  background: #eaeaea;
}
.people-cards .card .avatar .avatar-img {
  max-width: 100%;
  height: 130%;
  width: 96px;
  object-fit: cover;
  border-radius: 50%;
}
.people-cards .card .card-subtitle {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
  color: #868e96;
  line-height: 1.2rem;
}
.people-cards .card .card-title {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: #198754;
}
.people-cards .card .card-text {
  color: #495057;
  font-size: 1rem;
}
.people-cards .card .card-text:last-child {
  margin-bottom: 0;
}
.people-cards .card .card-footer {
  background: none;
  border: 0;
}
.people-cards .card .card-footer .btn.btn-xs {
  border-width: 1px;
}

/*  _contact.scss  */
/*  ///////////// CONTACT ONLY STYLES  */
/*  _get-involved.scss  */
/*  ///////////// GET INVOLVED STYLES  */
#get-involved section:first-of-type {
  background-color: #0b4969;
  color: #fff;
}

/*  _admin.scss  */
/*  ///////////// ADMIN SECTION STYLES  */
body.admin-page {
  font-size: 1rem;
  color: #4b566b;
  background-color: #f6f9fc !important;
}
body.admin-page main.form-signin {
  max-width: 360px;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
}
body.admin-page main.form-signin .form-floating:focus-within {
  z-index: 2;
}
body.admin-page .card {
  padding: 0.5rem 0 1rem 0;
}
body.admin-page .card .card-body .card-title {
  margin-top: 0.8rem;
  margin-bottom: 1.4rem;
}
/*
   * Navbar
   */

body.admin-page.dashboard .navbar-brand {
  padding: 0.75rem 1rem !important;
  font-size: 1rem !important;
}
body.admin-page.dashboard .navbar {
  padding: 0;
  background: #1f2b3d;
}
body.admin-page.dashboard .navbar .navbar-toggler {
  top: 0.25rem;
  right: 1rem;
}
body.admin-page.dashboard .sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 10px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  background: white;
}
body.admin-page.dashboard .sidebar .sidebar-logo {
  max-width: 180px !important;
  width: 100%;
  padding-bottom: 5px;
}
@media (max-width: 767.98px) {
  body.admin-page.dashboard .sidebar {
    top: 40px;
  }
}
body.admin-page.dashboard .sidebar-sticky {
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}
body.admin-page.dashboard .sidebar .nav-link {
  color: #4b566b;
}
body.admin-page.dashboard .sidebar .nav-link i {
  margin-right: 0.5rem;
}
body.admin-page.dashboard .sidebar .nav-link:hover:not(.active) {
  background: #e9ecef;
  color: #000;
}
body.admin-page.dashboard .sidebar .nav-link.active {
  color: #fff;
}
body.admin-page.dashboard .sidebar-heading {
  font-size: 0.75rem;
}
body.admin-page.dashboard .event-card-wrap {
  margin-bottom: 1rem !important;
}
body.admin-page.dashboard .event-card-wrap .card {
  height: 100% !important;
  padding: 0;
  border: 0;
  border-radius: 0.45rem;
}
body.admin-page.dashboard .event-card-wrap .card .card-body .project-state {
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0.25em 0.7em;
  border-radius: 3px;
}
body.admin-page.dashboard .event-card-wrap .card .card-body .card-title {
  font-size: 1.3rem;
}
body.admin-page.dashboard .event-card-wrap .card .card-body .card-title a {
  text-decoration: none;
  color: #495057;
  -webkit-transition: all, 250ms;
  -moz-transition: all, 250ms;
  -ms-transition: all, 250ms;
  -o-transition: all, 250ms;
  transition: all, 250ms;
}
body.admin-page.dashboard .event-card-wrap .card .card-body .card-stats {
  font-size: 14px;
  margin-bottom: 1.4rem;
  color: #868e96;
}
body.admin-page.dashboard
  .event-card-wrap
  .card
  .card-body
  .card-stats
  div:nth-child(1)
  i {
  color: rgb(59, 118, 225);
}
body.admin-page.dashboard
  .event-card-wrap
  .card
  .card-body
  .card-stats
  div:nth-child(2)
  i {
  color: rgb(245, 110, 110);
}
body.admin-page.dashboard
  .event-card-wrap
  .card
  .card-body
  .card-stats
  div:nth-child(3)
  i {
  color: rgb(249, 194, 86);
}
body.admin-page.dashboard .event-card-wrap .card .card-body .card-stats p {
  margin-bottom: 0;
}
body.admin-page.dashboard .event-card-wrap .card .card-body .card-stats p i {
  font-size: 0.5rem;
  vertical-align: 0.18em;
  margin-right: 0.3rem;
}
body.admin-page.dashboard .event-card-wrap .card.active .project-state {
  color: white;
  background-color: rgb(52, 168, 83);
  box-shadow: 0 0.2rem 0.5rem -0.2rem rgb(52, 168, 83);
}
body.admin-page.dashboard .event-card-wrap .card.active .card-title a:hover {
  color: rgb(50, 147, 88);
}
body.admin-page.dashboard .event-card-wrap .card.closed .project-state {
  color: #fff !important;
  background-color: #adb5bd;
  box-shadow: 0 0.2rem 0.5rem -0.2rem #adb5bd;
}
body.admin-page.dashboard .event-card-wrap .card.closed .card-title {
  color: #868e96;
}
body.admin-page.dashboard .event-card-wrap .card.closed .card-title a:hover {
  color: #212529;
}
body.admin-page.dashboard .event-card-wrap:hover .closed .project-state {
  -webkit-transition: all, 250ms;
  -moz-transition: all, 250ms;
  -ms-transition: all, 250ms;
  -o-transition: all, 250ms;
  transition: all, 250ms;
  color: #343a40;
}
body.admin-page.dashboard .event-card-wrap:hover .closed .card-title {
  -webkit-transition: all, 250ms;
  -moz-transition: all, 250ms;
  -ms-transition: all, 250ms;
  -o-transition: all, 250ms;
  transition: all, 250ms;
  color: #1f2b3d;
}

/* Custom styles added by gwyy */
.dataTable {
  font-size: 0.7em;
}

.hiddenColumn {
  display: none;
}

.sortableTable5 tr *:nth-child(6),
.sortableTable5 tr *:nth-child(7),
.sortableTable5 tr *:nth-child(8),
.sortableTable5 tr *:nth-child(9),
.sortableTable5 tr *:nth-child(10) {
  display: none;
}

.sortableTable5 tbody tr:hover {
  background-color: orange;
  cursor: pointer;
}

.sortableTable5 {
  padding-bottom: 100px;
}

.sortableTable6 tr *:nth-child(77),
.sortableTable6 tr *:nth-child(88),
.sortableTable6 tr *:nth-child(10),
.sortableTable6 tr *:nth-child(11),
.sortableTable6 tr *:nth-child(12),
.sortableTable6 tr *:nth-child(13) {
  display: none;
}

.sortableTable6 tbody tr:hover {
  background-color: orange;
  cursor: pointer;
}

.sortableTable6 {
  padding-bottom: 100px;
}

.actionLink {
  display: block;
}

.highlight {
  background-color: #bfedc5;
}

.tableCellClickable {
  color: blue;
}

.tableCellClickable:hover {
  background-color: orange;
  cursor: pointer;
}

.generalInput {
  height: 28px;
  margin-right: 10px;
}

/* =========================== GWYY general styles ============================== */
.hidden {
  display: none !important;
}

.ERROR {
  background-color: lightcoral;
}

.disabled {
  background-color: #ffcccc;
  border-color: #ffcccc;
}

.warningText {
  color: red;
}

.busyoverlay {
  display: none;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8) url('/img/busy.gif') center no-repeat;
}

body.busy {
  overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.busy .busyoverlay {
  display: block;
}

.dataTables_filter .input-sm {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* The following is needed for the sortable tables sort-order icons */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
  src:
    url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix')
      format('embedded-opentype'),
    url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff')
      format('woff'),
    url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf')
      format('truetype'),
    url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular')
      format('svg');
}

.postCommentGap {
  margin-bottom: 50px !important;
}

/*# sourceMappingURL=cedrr.css.map */

/* ========================== GWYY Specific styles ============================ */

.collaboratorsTable td,
th {
  border-style: solid;
  border-width: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

.thinSection {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 15px;
}

.suggestedAddressesTable {
  margin-bottom: 30px;
  width: 100% !important;
}

.suggestedAddressesTable th,
.suggestedAddressesTable td {
  border-style: solid;
  border-color: grey;
  border-width: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-block {
  display: inline-block !important;
}

.ui-widget {
  font-family: 'Myriad Pro', 'PT Sans', Helvetica, Arial, sans-serif !important;
  font-size: 1em !important;
}

.addressSurvey {
  display: none;
}

.fullWidthTextarea {
  width: 100% !important;
  height: 400px !important;
}

.csvUpload {
  width: 100%;
  height: 200px;
}

.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8) url('../img/loader.gif') center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading {
  overflow: hidden;
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay {
  display: block;
}

.map_canvas {
  width: 600px;
  height: 400px;
  margin: 10px 20px 10px 0;
}

#map,
.map {
  height: 500px;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.welcome-content,
.main-content {
  padding-top: 0px !important;
}

/* Doorknocker styles */

.uppercase {
  text-transform: uppercase !important;
}
.text-light {
  opacity: 0.6;
}
.align-center {
  text-align: center !important;
}
.extra-bold {
  font-weight: 800;
}
a {
  color: #0076de;
  text-decoration: underline;
}
a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
  text-decoration: none;
}

.row .row {
  margin-left: -15px;
  margin-right: -15px;
}

/* CUSTOM LABELS */
.demo-preview {
  padding-top: 60px;
  padding-bottom: 10px;
  width: 300px;
  margin: auto;
  text-align: center;
}
.demo-preview .label {
  margin-right: 10px;
  margin-bottom: 10px;
}
.label {
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.label.label-pill,
.label.label-rounded {
  border-radius: 99999px;
}

.label.label-square {
  border-radius: 0;
}

.label.label-default {
  background-color: #b0bec5;
}

.label.label-primary {
  background-color: #2196f3;
}

.label.label-secondary {
  background-color: #323a45;
  color: #fff;
}

.label.label-info {
  background-color: #29b6f6;
}

.label.label-success {
  background-color: #64dd17;
}

.label.label-warning {
  background-color: #ffd600;
}

.label.label-danger {
  background-color: #ef1c1c;
}

.label.label-outlined {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}

.label.label-outlined.label-default {
  border-color: #b0bec5;
  color: #b0bec5;
}

.label.label-outlined.label-primary {
  border-color: #2196f3;
  color: #2196f3;
}

.label.label-outlined.label-secondary {
  border-color: #323a45;
  color: #323a45;
}

.label.label-outlined.label-info {
  border-color: #29b6f6;
  color: #29b6f6;
}

.label.label-outlined.label-success {
  border-color: #50b747;
  color: #50b747;
  background-color: rgba(80, 183, 71, 0.05);
}

.label.label-outlined.label-warning {
  border-color: rgb(242, 128, 46);
  color: rgb(242, 128, 46);
}

.label.label-outlined.label-danger {
  border-color: #ef1c1c;
  color: #ef1c1c;
}
/* buttons */
.btn.btn-primary {
  text-decoration: none;
}
.btn-outline-success {
  border-radius: 4px;
  text-decoration: none;
  color: #50b747;
  background: #fff;
  border: 1px solid #50b747;
}
.btn-outline-success:hover {
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  background: #50b747;
  border: 1px solid #50b747;
}
.btn-black {
  background-color: #111;
  border-color: #111;
  color: #ffffff;
  text-decoration: none;
}
.btn-create-event-hero {
  background-color: #111;
  border-color: #111;
  color: #ffffff;
  padding: 20px 28px;
}
.btn-icon i {
  margin-left: 0.5em;
}
.before-you-start .btn {
  border: 1px solid #ddd;
}
/* right column styles
*/
.rt-col h4 {
  font-size: 1.2em;
}

/* dataTables styles */
.dataTables_wrapper .row:first-child > .col-sm-12 {
  padding-left: 0;
}
.dataTables_filter .input-sm {
  font-size: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #efefef;
  border: transparent;
  box-shadow: none;
}
div.dataTables_paginate {
  text-align: center !important;
  font-size: 0.8em;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #0076de;
  border-color: #0076de;
}

/*  DOORKNOCKER PAGES  ---- */
#doorknocker section#all-events-list {
  margin-bottom: 120px;
}
#doorknocker .breadcrumb {
  font-size: 87%;
  margin-bottom: 0;
  box-shadow: 1px 0px 10px #888888;
  z-index: 1;
  position: relative;
}

#doorknocker section:first-of-type {
  padding-top: 10px !important;
}
#doorknocker p.lead {
  font-size: 1.3em;
}

/* index */
#doorknocker .page-header {
  border-bottom: 0;
}

/* LOCATION FEED */
#location-feed .location-feed-address {
  margin-top: 3em;
  margin-bottom: 3em;
  padding-top: 0.5em;
  padding-bottom: 1em;
  border-radius: 4px;
  border: 2px solid #707070;
}
#location-feed .location-feed-address h2 {
  color: #070707;
}

#location-feed .location-feed-address p.location-visit-count {
  padding-top: 6px;
}
#location-feed .location-feed-address .location-current-status .label {
  padding: 6px 18px;
  font-size: 100%;
}
.location-feed-day:last-child {
  margin-bottom: 100px;
}
#location-map h3,
#location-feed h3,
.location-feed-day h3.date {
  font-weight: 600 !important;
  line-height: 1.1;
  color: black;
}
.event-list .table thead tr th,
.location-feed-day .table thead tr th {
  font-size: 87%;
  font-weight: 200 !important;
  color: #999;
  border-bottom: 0;
}
.location-feed-day .table thead tr th:first-child,
.location-feed-day .table tbody tr td:first-child {
  padding-left: 0;
}
.location-feed-day .table thead tr th:last-child,
.location-feed-day .table tbody tr td:last-child {
  padding-right: 0;
  width: 120px;
}
.event-list .table thead tr th:first-child,
.event-list .table tbody tr td:first-child {
  width: 4em;
}

.doorknocker-visit-list li {
  display: inline-block;
  float: left;
  margin-right: 1em;
  padding-bottom: 1em;
}
.doorknocker-visit-list li span {
  color: black;
}

.extraMarginTop50 {
  margin-top: 50px !important;
}

/* Media and publications  */
.recent-media-blocks {
  background-color: #ededed;
}

.recent-media-blocks .media-date {
  color: #6c757d;
}
.recent-media-blocks .media-thumb-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 7rem;
  font-size: 1.5rem;
  border-radius: 0rem;
  background-size: cover;
  background-color: #fbfbfb;
}

/* DEV SITE BANNERS */
.banner-dev-website {
  background-color: #d53d28;
  color: #fff;
  border: 0;
  margin-bottom: 0;
  padding: 40vh 10vw 45vh;
}
.banner-dev-website i.bi-exclamation-triangle-fill {
  font-size: 1.4rem;
  margin-right: 0.5rem;
}
.banner-dev-website a {
  color: #fff;
  margin-left: 1rem;
}