body {
  background-color: #f8f9fa;
}

nav.navbar {
  z-index: 10000;
}

.container.main-content {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

section {
  padding: 2rem 0;
}

section.extra {
  padding: 4rem 0;
}

section:first-of-type {
  padding-top: 0;
}

section:last-of-type {
  padding-bottom: 0;
}

a.navbar-brand img {
  width: 200px;
}

.bg-full-page {
  width: 600px;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: white!important;
}

.bg-full-page .card {
  border: none;
}

.shadow {
  box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
}

.sticky-top.event-list,
.sticky-top.type-list {
  top: 100px;
}

/* buttons */
.btn:focus {
  box-shadow: none !important; }

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary {
  background-color: #4888ea;
  border-color: #4888ea;
  color: #fff; }
  .btn-primary.disabled:hover,
  .btn-primary:disabled:hover,
  .btn-primary:hover {
    border-color: #3179e7;
    background-color: #3179e7; }
  .btn-primary.disabled:active, .btn-primary.disabled:focus,
  .btn-primary:disabled:active,
  .btn-primary:disabled:focus,
  .btn-primary:active,
  .btn-primary:focus {
    border-color: #3179e7 !important;
    background-color: #3179e7 !important; }

.btn-primary-opaque {
  background-color: rgba(72, 136, 234, 0.1);
  border-color: transparent;
  color: #4888ea; }
  .btn-primary-opaque:hover {
    border-color: transparent;
    background-color: rgba(72, 136, 234, 0.2);
    color: #4888ea; }
  .btn-primary-opaque:active, .btn-primary-opaque:focus {
    border-color: transparent !important;
    background-color: rgba(72, 136, 234, 0.2) !important;
    color: #4888ea; }

.btn-primary-basic {
  background-color: transparent;
  border-color: transparent;
  color: #4888ea; }
  .btn-primary-basic:hover {
    background-color: rgba(72, 136, 234, 0.1);
    border-color: transparent;
    color: #4888ea; }

.btn-danger-opaque {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: transparent;
  color: #dc3545; }
  .btn-danger-opaque:hover {
    border-color: transparent;
    background-color: rgba(220, 53, 69, 0.2);
    color: #dc3545; }
  .btn-danger-opaque:active, .btn-danger-opaque:focus {
    border-color: transparent !important;
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #dc3545; }

.btn-danger-basic {
  background-color: transparent;
  border-color: transparent;
  color: #dc3545; }
  .btn-danger-basic:hover {
    background-color: rgba(220, 53, 69, 0.1);
    border-color: transparent;
    color: #dc3545; }

.bg-primary-opaque {
  background-color: rgba(72, 136, 234, 0.1)  !important}

.list-group-item.active {
  background-color: #efefef;
  border-color: #00000020;
  color: #212529; }

.btn-card {
  color: inherit;
  text-decoration: none;
  background-color: #fff;
}

.btn-card:hover {
  background-color: #efefef;
  color: inherit;
}

.btn-edit-page {
  z-index:90908989;
  position:fixed;
  bottom:10px;
  right:10px;
}

.card-img-top {
  max-height: 200px;
  object-fit: cover;
}

.bg-primary-opaque {
  background-color: rgba(72, 136, 234, 0.1);
}

.leaflet-map {
  min-height: 400px;
  max-height: 80vh;
}

.section-menu {
  top: 100px;
  z-index: 1;
}

.btn-sections {
  width: 100%;
}

.border-thick {
  border-width: 2px !important;
}

.opacity-1 {
  opacity: 1 !important;
}

.height-2 {
  height: 2px !important;
}

/* defining some colours */

/* borders */
.border-orange {
  border-color: #d75414 !important;
}

.border-pink {
  border-color: #f419a9 !important;
}

.border-royal {
  border-color: #7f00d7 !important;
}

.border-sapphire {
  border-color: #1c6379 !important;
}

/* text */
.text-orange {
  color: #d75414 !important;
}

.text-pink {
  color: #f419a9 !important;
}

.text-royal {
  color: #7f00d7 !important;
}

.text-sapphire {
  color: #1c6379 !important;
}


/* background */
.bg-orange {
  background-color: #d75414 !important;
}

.bg-pink {
  background-color: #f419a9 !important;
}

.bg-royal {
  background-color: #7f00d7 !important;
}

.bg-sapphire {
  background-color: #1c6379 !important;
}

.bg-jie {
  background-color: #f2efe6 !important;
}

/* opaque backgrounds */
.bg-royal-opaque {
  background-color: #7f00d71a !important;
}

.bg-success-opaque {
  background-color: #1987541a !important;
}

.bg-orange-opaque {
  background-color: #d754141a !important;
}

.bg-sapphire-opaque {
  background-color: #1c63791a !important;
}

.bg-pink-opaque {
  background-color: #f419a91a !important;
}

.bg-info-opaque {
  background-color: #0dcaf01a !important;
}

.bg-warning-opaque {
  background-color: #ffc1071a !important;
}

.underline-thick {
  text-decoration: underline #4888ea;
  text-underline-offset: .25rem;
}