/*
 Theme Name:   DP Striped Child
 Description:  DP Striped Child Theme
 Author:       Fair North Digital
 Author URI:   https://fairnorthdigital.com
 Template:     dp-striped
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  dp-striped-child
*/

.non-clickable-menu-item > div.item-container > a {
  cursor: default;
}

article section.content .rev_slider a.tp-caption,
article section.content .rev_slider a.tp-caption:visited {
  color: white !important;
}

/* Allow text in nav to wrap */
.main-top-menu .menu-title {
  white-space: normal;
}

/* Prevent body from scrolling with mobile menu */
body.active-mobile-menu {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: scroll !important;
  z-index: 10;
}

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:600");
#striped-top-bar {
  height: 36px;
  overflow: hidden;
}
.elca-nav-left {
  font-weight: 600;
  font-size: 13px;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.elca-nav-left a {
  float: left;
  display: block;
  position: relative;
  line-height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  color: #fff;
}

/* Submenu Styles */
.submenu li.menu-item-has-children {
  position: relative;
}
@media (max-width: 1030px) {
  .submenu li.menu-item-has-children .submenu {
    display: none;
  }
}

.submenu li.menu-item-has-children:after {
  content: "\203A";
  position: absolute;
  padding: 1px 6px 6px 6px;
  right: 0;
  color: white;
  z-index: 5;
  top: 7px;
  font-size: 24px;
}

/*@media (max-width: 1080px) {
  .elca-nav-left ul li:not(:first-child) {
    display: none;
  }
}
@media (max-width: 400px) {
  .elca-nav-left ul li {
    display: none;
  }
}*/
@media (max-width: 500px) {
  #striped-top-bar .dp-fullwidth {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.top-bar-logo {
  max-height: 25px;
  width: auto;
  padding: 6px 0;
}

/* Search Form */
.search-overlay #searchform #s,
#searchform {
  color: white;
  padding: 0 10px;
}

@media (max-width: 820px) {
  .light-gray-form .one_half,
  .light-gray-form .one_half_last {
    margin: 0 !important;
  }

  .light-gray-form .one_half_last {
    margin-top: 40px !important;
  }

  .wpb_row.vc_row-fluid {
    margin: 0 !important;
  }
}

/* Article */
article {
  border-bottom: 0;
}

/* Mobile Nav */
#striped-mobile-menu ul li a {
  color: white;
}

/* Accordion */
/*.persistent-display-on .wpb_accordion_content {
  display: block !important;
  color: #f00;
}
.persistent-display-off .wpb_accordion_content {
  display: none !important;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
*/
/* Widget/Button */
.box.accented2-bg {
  background: #48a842 !important;
}

.practice-nav-button {
  cursor: pointer;
}

.button_dp.small.orange {
  margin-bottom: 30px;
}
.button_dp.small.disabled {
  cursor: default;
}
.button_dp.small.gray.disabled:hover {
  background-color: #b2babc;
  border-color: #b2babc;
}

/* Footer */
.custom-footer-nav a {
  color: #08152a;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 700;
}
.custom-footer-nav a:hover {
  color: #86af49;
}
.custom-footer-nav li {
  margin-bottom: 10px;
}

footer.custom-footer {
  background: #f3f3f3;
  font-size: 14px;
}
footer.custom-footer .footer-container {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  padding-top: 60px;
}
.address-section {
  margin-bottom: 20px;
}
footer.custom-footer .footer-section {
  width: 30%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}
.footer-section p {
  margin-bottom: 10px;
}
.social-list li {
  display: inline-block;
  margin-left: 20px;
}
.footer-section span {
  font-weight: bold;
  text-transform: uppercase;
}
.flat-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.elca-logo img {
  width: 60%;
  margin-top: 20px;
}

@media (max-width: 915px) {
  footer.custom-footer .footer-section {
    width: 45%;
  }
}

@media (max-width: 614px) {
  footer.custom-footer .footer-section {
    width: 100%;
  }
}

/* Logo Styles on About */
.about-logo-list a {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  margin-right: 20px;
}

/* List Styles */
.content ul {
  list-style-type: disc;
}
.content ul li {
  list-style: none;
  margin: 7px 0;
  margin-left: 45px;
}

.content ul li:before {
  content: "\f058";
  color: #f77924;
  font-family: "dpicomoon";
  margin: -1px 8px 0 0px;
  position: absolute;
  margin-left: -23px;
}

/* Copyright Text */
.footer-bar {
  background: black;
  color: white;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  font-size: 12px;
}
.footer-bar p {
  margin-bottom: 0;
}

/* Contact form */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  border-radius: 0 !important;
}

input.wpcf7-form-control.wpcf7-text {
  border-radius: 0 !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  border-radius: 0 !important;
}

/* Labels on practice pages */
label {
  cursor: pointer;
}
label.label-text {
  font-size: initial;
  font-weight: initial;
  padding: initial;
  display: inline-block;
  max-width: 250px;
  vertical-align: middle;
}

@media (max-width: 400px) {
  label.label-text {
    max-width: 195px;
  }
}

/* Login/Reg form */
.login-form input[type="text"],
.login-form input[type="password"],
.login-form textarea,
.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form textarea {
  border-radius: 0 !important;
}

.registration-form input[name="congregation_pin"] {
  width: 150px !important;
}
#pin-valid,
#pin-invalid {
  display: none;
}
#pin-valid {
  color: green;
}
#pin-invalid {
  color: red;
}

label.error {
  color: #F77924;
}

.error-msg {
  color: #990000;
  border: solid #990000 1px;
  background: #ffcccc;
  max-width: 400px;
  padding: 6px;
  margin: 0 auto 16px;
}
.alert-box {
  padding: 12px;
  border: 1px solid;
  background: #48a8421a;
  float: none !important;
}

/* Grey subtitles */
.dp-headline.big.subtitle-size-small .subtitle {
  font-size: 13px;
}

/* Key Dates */
.timeline_item .item_date {
  font-size: 15px;
  font-weight: bold;
}
/* Breadcrumbs */
@media (max-width: 679px) {
  .striped-breadcrumbs {
    display: none;
  }
}

/* bbpress style overrides */
#bbpress-forums #bbp-search-form #bbp_search {
  height: 50px !important;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid #e1e3e5;
  color: #333;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
}
#bbpress-forums fieldset.bbp-form input[type=text] {
  height: 50px !important;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid #e1e3e5;
  color: #333;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
}

/* Custom Select Styles for BBPress */
#bbpress-forums fieldset.bbp-form select {
  height: 50px !important;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid #e1e3e5;
  color: #333;
  width: 100%;
  max-width: 100%;

  display: block;
  line-height: 1.3;
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
      for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference   
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%25007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}

/* Hide arrow icon in IE browsers */
#bbpress-forums fieldset.bbp-form select:-ms-expand {
  display: none;
}

#bbpress-forums fieldset.bbp-form input[type=text], 
#bbpress-forums fieldset.bbp-form select {
  color: #666 !important;
}

/* bbpress Login only styles */
.bbp-login-form div.bbp-submit-wrapper {
  float: left;
}
.bbp-login-form button {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 600;
}
.bbp-login-form .bbp-password input,
#bbpress-forums .bbp-login-form fieldset.bbp-form input[type=text] {
  height: 50px!important;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid #e1e3e5!important;
  color: #333;
  background-color: #f3f3f3!important;
  border-radius: 0;
}
.bbp-login-form label {
  width: 100%;
}
.bbp-login-form .bbp-remember-me label {
  width: auto;
}
#bbpress-forums .bbp-login-form fieldset.bbp-form input, 
#bbpress-forums .bbp-login-form fieldset.bbp-form p, 
#bbpress-forums .bbp-login-form fieldset.bbp-form select, 
#bbpress-forums .bbp-login-form fieldset.bbp-form textarea {
  margin: 0 0 3px;
}


#bbpress-forums.bbpress-wrapper ul li:before {
  display: none;
}
#bbpress-forums {
  font-size: 16px;
}
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
  font-size: 16px;
}
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
  font-size: 16px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
  font-size: 14px;
}
div.bbp-breadcrumb,
div.bbp-topic-tags {
  font-size: 14px;
}
input#bbp_search_submit {
  margin-top: 0;
  font-size: 14px;
  padding: 10px 15px;
}
.bbp-search-form {
  margin-bottom: 20px;
}
.bbp-form label {
  font-size: 16px;
}
button#bbp_topic_submit,
button#bbp_reply_submit {
  font-size: 14px;
  padding: 10px 15px;
}
#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar {
  border: none;
}

body.bbpress.forum article figure.featured-image img {
  display: none;
}

/* Congregational Certification */
.lower-submenu {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  float: none !important;
  background: #48a842;
}

.lower-submenu-links a {
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
}
.lower-submenu-links a.current-page {
  font-weight: bold;
}

.lower-submenu-links a:hover,
.lower-submenu-links a.active {
  background: #33752f;
  color: #fff;
}
h2.congregational-section-title {
  text-align: center;
  padding-bottom: 24px;
}

/* Cong. Cert. Login Form */
.login-form {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.registration-form {
  margin: 0 auto;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .registration-form div {
    width: 100%;
  }
}
.invite-form {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.login-form input[type="text"],
.login-form input[type="password"],
.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form .select2-container--default,
.select2-selection__rendered {
  border-radius: 0;
  background-color: #f3f3f3;
  height: 50px !important;
  padding: 0 15px;
  font-size: 16px;
  border: 1px solid #e1e3e5;
  color: #333;
  width: 100%;
  max-width: 100%;
}

.login-form textarea,
.registration-form textarea {
  border-radius: 0;
  background-color: #f3f3f3;
  height: 50px !important;
  font-size: 16px;
  border: 1px solid #e1e3e5;
  color: #333;
  width: 100%;
  max-width: 100%;
}

.registration-form .select2-container--default {
  padding: 0;
}
.registration-form .select2-container--default .select2-selection--single {
  border: none;
}
.registration-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #333;
  /* margin-left: 20px; */
  font-style: italic;
}
.registration-form
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0 0 0 15px;
  line-height: 50px;
  height: 46px !important;
  width: calc(100% - 15px);
}
.registration-form div {
  width: calc(50% - 15px);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media(max-width:600px) {
  .registration-form div {
    width: 100%;
  }
}
/* label[for=congregation_id] a {
  background: #F77924;
  color: white;
  border-radius: 50%;
  width: 20px;
  display: inline-block;
  text-align: center;
  color: white;
  font-weight: bold;
} */
.registration-form.invite-form div.textarea-div {
  width: calc(100% - 15px);
}
input[type=submit].invite-btn{
  font-size: 12px;
  padding: 15px 24px;
  font-weight: 800;
  color: #fff;
  line-height: 1em;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .registration-form.invite-form div.textarea-div {
    width: 100%;
  } 
} 

.registration-form div.textarea-div,
.registration-btn-wrapper {
  width: 100%;
  display: block;
  clear: both;
}
.registration-btn-wrapper {
  margin-top: 40px;
}
.register-btn {
  margin-bottom: 20px;
}

.time-dots {
  font-size: 1.5em;
  color: #ccc;
  line-height: 10px;
  text-align: center;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
@media(max-width:600px) {
  [data-tooltip].congregation-id-tooltip:before {
    left: -90%;
  }
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Progress Bar */
.wrapper {
  width: 500px;
}

.dashboard-progress-bar {
  width: 100%;
  background-color: #e0e0e0;
  position: relative;
  margin: 40px 0 0;
  border-bottom: 1px solid #999;
  position: relative;
}


.progress-bar-fill {
  display: block;
  height: 25px;
  /* background-color: #f77924; */
  border-radius: 3px;
  position: relative;
  transition: width 500ms ease-in-out;
}
.progress-bar-fill__overlay.total {
  background: transparent;
  color: white;
  text-align: right;
  font-weight: bold;
}
.progress-bar-fill__overlay.accounting,
.legend-accounting {
  background-color: #427bab;
}
.progress-bar-fill__overlay.finance,
.legend-finance {
  background-color: #42a8a2;
}
.progress-bar-fill__overlay.hr,
.legend-hr {
  background-color: #48a842;
}
.progress-bar-fill__overlay.risk,
.legend-risk {
  background-color: #f7ae24;
}
.progress-bar-fill__overlay.stewardship,
.legend-stewardship {
  background-color: #f77924;
}

.progress-bar-fill:before {
  content: "70%";
  position: absolute;
  top: 0;
  color: white;
  right: 5px;
  font-weight: bold;
  /* top: -25px; */
}
.progress-bar-fill__overlay {
  position: absolute;
  top: 0;
  display: block;
  height: 25px;
  background-color: #999999;
  border-radius: 3px;
  transition: width 500ms ease-in-out;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  margin-right: -1px;
}
.progress-bar-legend {
  font-size: 14px;
}
@media(max-width:600px){
  .progress-bar-legend {
    font-size: 12px;
  }
}

.progress-bar-legend span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.progress-bar-legend span:first-child {
  margin-left: 0;
}
.progress-history .dashboard-progress-bar {
  margin: 0;
}
.progress-history .progress-date-dash {
  width: 20px;
  color: #999;
  clear: both;
  float: left;
}
.progress-history .progress-date,
.progress-history .bar {
  width: calc(100% - 30px);
  font-weight: bold;
}
.progress-date__disabled {
  color: #ccc;
  font-weight: bold;
}
.dashboard-section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.dashboard-section h2 {
  margin-bottom: 20px;
}
.dashboard-section .dash-description {
  margin-bottom: 0px;
}
.dashboard-section.dashboard-section--prog-bar {
  margin-bottom: 40px;
  padding-bottom: 80px;
}
.progress-bar--labels {
  padding-bottom: 0;
}
.progress-bar--label {
  margin: 0;
  padding: 0;
  padding-top: 20px;
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media(max-width:600px){
  .progress-bar--label {
    vertical-align: top;
  }
}
@media(max-width:600px){
  .progress-bar--label.progress-bar--label--mobile-height {
    padding-top: 35px;
  }
}
.progress-bar--label:after {
  content: "";
  background: #999;
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  width: 1px;
}
@media(max-width:600px){
  .progress-bar--label.progress-bar--label--mobile-height:after,
  .progress-bar--label.progress-bar--label--mobile-after:after {
    height: 30px;
  }
}
.progress-bar-legend-heading {
  font-weight: bold;
  margin-bottom: 8px;
}
/* .pattern1 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOklEQVQoU4XMyQ0AIAwDQdwsRdGsUSKBOJxk36NFKyLZkRkHwAjRAjaR6AQSveBDClwoAhtlwFEFDE2pTSNtxgcTWgAAAABJRU5ErkJggg=="); background-repeat: repeat; }
.pattern2 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMUlEQVQoU2NkIAIwEqGGgTxF////T2NkZJyFbAOKSSAFMElkhRjWETQJlyfIczg20wDZ8wwKl6zuJwAAAABJRU5ErkJggg=="); background-repeat: repeat; }
.pattern3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOklEQVQoU2P8//9/GiMj4ywGHAAsD5LDpRAmDlaETSGyRrgiZIXoJqMowuUu0kxCtwLDTQR9R0w4AQDRAD7QT8+xKAAAAABJRU5ErkJggg=="); background-repeat: repeat; }
.pattern4 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANklEQVQoU2NkIAIwEqGGAaei////pzEyMs4CGYJVEbICrIrQFWAowqYARREuBTjdhO5jooIAAP4+FAr/nfLnAAAAAElFTkSuQmCC"); background-repeat: repeat; } */

/* Bar Graph */
.graph-cont {
  width: calc(100% - 40px);
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.bar {
  height: 30px;
  max-width: 800px;
  margin: 0 auto 10px auto;
  line-height: 30px;
  font-size: 16px;
  color: white;
  padding: 0 0 0 10px;
  position: relative;
}
.bar span {
  z-index: 2;
  position: absolute;
}
.bar:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  height: 30px;
  top: 0;
  z-index: 0;
  background: #ecf0f1;
}
.bar:after {
  content: "";
  background: #48a842;
  height: 30px;
  transition: 0.7s;
  display: block;
  width: 100%;
  -webkit-animation: bar-before 1 1.8s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.bar1:after {
  max-width: 60%;
}
.bar2:after {
  max-width: 72%;
}
.bar3:after {
  max-width: 47%;
}
.bar4:after {
  max-width: 20%;
}
@-webkit-keyframes bar-before {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}

.congregation-box {
  background-color: #ffffff;
  border: 1px solid #666;
  margin-bottom: 40px;
  padding: 20px;
}
.congregation-box .box-header {
  background-color: white;
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
}
.congregation-box .content {
  padding-top: 10px;
}
.discussion-title {
  margin-top: 40px;
}
.discussion-list {
  list-style: none;
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  margin: 20px 0;
}
.discussion-list li {
  padding-bottom: 15px;
  font-weight: bold;
}

.striped-page-wrap.dashboard-page-wrap {
  padding-top: 40px;
}
.dashboard-page-wrap article {
  padding: 0 0 20px;
  margin: 0px 0 20px;
}