/* Begin Flexbox */

.flex-container {
  /* We first create a flex layout context */
  display: flex;
  width: 80%;
  flex-flow: row wrap;
  word-break: break-word;
  justify-content: space-between;
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.flex-container ion-icon {
  width: 20px!important;
  height: 20px!important;
}

.flex-title {
  font-size: 1vw;
}

@media screen and (max-width: 600px) {
  .flex-title {
    font-size: 3vw;
  }
  .flex-proceedings-title {
    font-size: 2.4vw;
  }
}

.church-name {padding-top: 30px;}
.church-name:first-child {padding-top: 0px;}

.flex-container a {
  font-family: 'san_francisco_textlight', sans-serif;
  color: #2997ff;
  text-decoration: none;
}
.flex-container a:hover {
  color: #F08714;
  text-decoration: none;
}

.flex-container:first-child {padding: 0px;}

@media (max-width: 600px) {
  .flex-container {
    width: 98%;
  }
}

.flex-item-minister {
  background: #323232;
  padding: 10px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-minister {width: 25%;}}

.flex-item-address {
  background: #323232;
  padding: 10px;
  width: 35%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-address {width: 25%;}}

.flex-item-phone {
  background: #323232;
  padding: 10px;
  width: 15%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-phone {width: 25%;}}

.flex-item-membership {
  background: #323232;
  padding: 10px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-membership {width: 25%;}}

.child-item-minister {
  background: #fff;
  padding: 5px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-minister:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-minister {width: 25%;}}

.child-item-address {
  background: #fff;
  padding: 5px;
  width: 35%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-address:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-address {width: 25%;}}

.child-item-phone {
  background: #fff;
  padding: 5px;
  width: 15%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-phone:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-phone {width: 25%;}}

.child-item-membership {
  background: #fff;
  padding: 5px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-membership:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-membership {width: 25%;}}


.flex-item-clerkchurch {
  background: #323232;
  padding: 10px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-clerkchurch {width: 25%;}}

.flex-item-clerkname {
  background: #323232;
  padding: 10px;
  width: 20%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-clerkname {width: 20%;}}

.flex-item-clerkaddress {
  background: #323232;
  padding: 10px;
  width: 30%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-clerkaddress {width: 30%;}}

.flex-item-clerkphone {
  background: #323232;
  padding: 10px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-clerkphone {width: 25%;}}

.child-item-clerkchurch {
  background: #fff;
  padding: 5px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-clerkchurch:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-clerkchurch {width: 25%;font-size: .7em;}}

.child-item-clerkname {
  background: #fff;
  padding: 5px;
  width: 20%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-clerkname:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-clerkname {width: 20%;font-size: .7em;}}

.child-item-clerkaddress {
  background: #fff;
  padding: 5px;
  width: 30%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-clerkaddress:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-clerkaddress {width: 30%;font-size: .7em;}}

.child-item-clerkphone {
  background: #fff;
  padding: 5px;
  width: 25%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-clerkphone:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-clerkphone {width: 25%;font-size: .7em;}}



.flex-item-year {
  background: #323232;
  padding: 10px;
  width: 7%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-year {width: 15%;}}

.flex-item-location {
  background: #323232;
  padding: 10px;
  width: 73%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-location {width: 45%;}}

.flex-item-proceedings {
  background: #323232;
  padding: 10px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-proceedings {width: 20%;}}

.flex-item-minutes {
  background: #323232;
  padding: 10px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {.flex-item-minutes {width: 20%;}}

.child-item-year {
  background: #fff;
  padding: 5px;
  width: 7%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-year:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-year {width: 15%;}}

.child-item-location {
  background: #fff;
  padding: 5px;
  width: 73%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-item-location:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-location {width: 45%;}}

.child-item-proceedings {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-item-proceedings:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-proceedings {width: 20%;}}

.child-item-minutes {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-item-minutes:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-item-minutes {width: 20%;}}

.flex-archived-year {
  background: #323232;
  padding: 10px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-archived-year {width: 20%;}}

.flex-archived-location {
  background: #323232;
  padding: 10px;
  width: 80%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-archived-location {width: 55%;}}

.flex-archived-format {
  background: #323232;
  padding: 10px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-archived-format {width: 25%;}}

.child-archived-year {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-archived-year:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-archived-year {width: 20%;}}

.child-archived-location {
  background: #fff;
  padding: 5px;
  width: 80%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-archived-location:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-archived-location {width: 55%;}}

.child-archived-format {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-archived-format:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-archived-format {width: 25%;}}

.flex-other-document {
  background: #323232;
  padding: 10px;
  width: 90%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-other-document {width: 80%;}}

.flex-other-format {
  background: #323232;
  padding: 10px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-other-format {width: 20%;}}

.child-other-document {
  background: #fff;
  padding: 5px;
  width: 90%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-other-document:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-other-document {width: 80%;}}

.child-other-format {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-other-format:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-other-format {width: 20%;}}

.flex-church-name {
  background: #323232;
  padding: 10px;
  width: 30%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-church-name {width: 100%;}}

.flex-church-address {
  background: #323232;
  padding: 10px;
  width: 70%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-church-address {width: 100%; height: auto;}}

.church-directions {
  background: #fff;
  padding: 5px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.church-directions:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.church-directions {width: 100%;}}

.flex-audio-location {
  background: #323232;
  padding: 10px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-audio-location {width: 100%;}}

.child-audio-player {
  background: #fff;
  padding: 5px;
  width: 90%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-audio-player:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-audio-player {width: 80%;}}

.child-audio-download {
  background: #fff;
  padding: 5px;
  width: 10%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-audio-download:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-audio-download {width: 20%;}}

.flex-previous-years {
  background: #323232;
  padding: 10px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  color: white;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
@media (max-width: 600px) {.flex-previous-years {width: 100%;}}

.child-previous-years {
  background: #fff;
  padding: 5px;
  width: 20%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
}
.child-previous-years:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-previous-years {width: 15%;}}

.child-previous-link {
  background: #fff;
  padding: 5px;
  width: 80%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 1em;
  text-align: left;
}
.child-previous-link:nth-child(even){background-color: #f2f2f2;}
@media (max-width: 600px) {.child-previous-link {width: 85%;}}

.flex-map-logo {
  background: #ffffff;
  padding: 5px;
  width: 30%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 2.2vh;
  text-align: right;
}
@media (max-width: 600px) {.flex-map-logo {width: 40%;font-size: 2.7vh;}}

.flex-next-address {
  background: #ffffff;
  padding: 5px;
  width: 70%;
  height: auto;
  margin-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 2.2vh;
  text-align: left;
}
@media (max-width: 600px) {.flex-next-address {width: 60%;font-size: 2.0vh;}}


/* End Flexbox */

/* Responsive view for Adobe Reader and Mobile App Stores */
.desktop-display {
  display: block;
}

@media screen and (max-width: 768px) {
  .desktop-display {
    display: none;
  }
}

.mobile-display {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-display {
    display: block;
  }
}

.align-right {
  float: right; /* Floats the element to the right */
  margin-left: 15px; /* Optional: Add margin so surrounding text doesn't touch the player */
}