/****************************************
* Top navigation
****************************************/

.top-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.top-nav .mini-menu {
  display: block;
  /* background-color: #5c7893; */
  border-radius: 35px;
  padding: .75rem 1.5rem;
}

.top-nav .mini-menu a {
  padding: .5rem;
}

.top-nav .mini-menu svg {
  width: 20px;
  height: 20px;
  fill: #5c7893;
}

.top-nav .mini-menu a:last-of-type svg {
  width: 17px;
  height: 17px;
}

.top-nav .mini-menu a:hover svg {
  fill: #354656;
}

/****************************************
* Navigation
****************************************/

.navbar-brand {
  margin: 0;
}

.navigation {
  background-color: transparent;
}

.navbar {
  background-color: #354656;
  border-radius: 10px 10px 0 0;
  width: 100%;
  padding: 0;
}

.navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.navbar-nav .nav-item {
  padding: .5rem;
}

.navbar-nav .nav-item a {
  font-size: 14px;
}

.navbar-nav .dropdown-menu a.dropdown-item {
  text-align: left;
}

/****************************************
* Cross border
****************************************/

.crossTopBorder {
  padding-bottom: 0;
}

.crossBottomBorder {
  padding-top: 0;
}

.crossTopBorder > div:first-of-type {
  border-right: .5px solid #a5b2be;
  border-bottom: .5px solid #a5b2be;
}

.crossTopBorder > div:last-of-type {
  border-left: .5px solid #a5b2be;
  border-bottom: .5px solid #a5b2be;
}

.crossBottomBorder > div:first-of-type {
  border-top: .5px solid #a5b2be;
  border-right: .5px solid #a5b2be;
  border-bottom: none;
}

.crossBottomBorder > div:last-of-type {
  border-top: .5px solid #a5b2be;
  border-left: .5px solid #a5b2be;
}

/****************************************
* FAQs
****************************************/

.faqs hr {
  margin: 4rem 0;
}

.faqs .flex-row {
  display: flex;
  flex-direction: row;
}

.faqs .photo-bubble {
  margin: 0 2rem 0 0;
}

/****************************************
* Live stream video
****************************************/

.previous-video {
  border: none;
}

/****************************************
* Donate page
****************************************/

.payment {
  margin-top: 0;
}

.totalAmount {
  margin-bottom: 3rem;
}

/****************************************
* Footer
****************************************/

footer .column-count-2 {
  column-count: 2;
}