/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* update border radius globally */
:root {
  --bb-block-radius: 6px !important;
}

.gfield_checkbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.gfield_checkbox input[type=checkbox]+label:before {
  width: 14px;
  height: 14px;
  vertical-align: none;
  background-color: #e7bc4e53;
}

.gfield_checkbox input[type=checkbox]:checked+label:after {
  font-size: 9px;
}

/* Resource Library */
.resource-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.resource-upper h1 {
  margin: 0;
}

.resource-tags {
  margin-bottom: 40px;
}

.resource-tags h4 {
  font-weight: 500;
}

.tag-cloud-link {
  display: inline-block;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #28150A;
  /* letter-spacing: .7px; */
  background-color: transparent;
  border-radius: 3px;
  border: 0.75px solid #000;
  margin-right: 4px;
  padding: 6px 10px;
  margin-bottom: 8px;
}

.tag-cloud-link.active-tag {
  border-color: #e7bc4e;
  background-color: #e7bc4e;
}

.tag-cloud-link:hover {
  color: #28150A;
  border-color: #e7bc4e;
  background-color: #e7bc4e;
}

.button-load-more-posts {
  background-color: #e7bc4e;
}

.button-load-more-posts:hover {
  color: #28150A;
}

.ginput_container_fileupload>input[type=file]+label,
.ginput_container_post_image input[type=file]+label,
.gfield_radio input[type=radio]+.bb-radio-label:before,
.gfield_radio input[type=radio]+label:before {
  background-color: #F1F1E8;
}

article.type-resource {
  min-width: 33%;
  max-width: 33%;
}


@media(max-width: 1024px) {
  article.type-resource {
    min-width: 50%;
    max-width: 50%;
  }
}

@media(max-width: 500px) {
  article.type-resource {
    min-width: 100%;
    max-width: 100%;
  }
}

article.type-resource {
  border-radius: 6px;
}

.type-resource .entry-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 36.4px */
  letter-spacing: -0.28px;
}

.type-resource .entry-title a {
  color: #28150A;
}

.type-resource .eyebrow {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  color: #6D6D41;
  margin: 0;
  margin-bottom: 12px;
}

.type-resource .entry-media.entry-img {
  padding-top: 60%;
}

.post-inner-wrap {
  position: relative;
}

.type-resource .entry-content-wrap {
  padding: 20px;
  background-color: #F1F1E8;
}

.type-resource .entry-content {
  margin-bottom: 0;
}

.type-resource .entry-content a {
  display: flex;
  align-items: center;
  color: #28150A;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 24px;
}

.type-resource .entry-content svg {
  height: 16px;
  width: auto;
  margin-left: 8px;
  stroke: #28150A
}


/* END Resource Library */


/* overrider icon colors for reactions in news feed */
.activity-list .activity-item .activity-state-reactions .reactions_item>i {
  color: #6D6D41;
}

.notification-wrap span.count {
  color: #28150A;
}

#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i span,
#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button.bp-like-button.has-reaction>i,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction .like-count,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button.bp-like-button.has-reaction>i i {
  color: #28150A !important;
}

#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button:before,
#bbpress-forums .activity-list .activity-item .action.bp-generic-meta .button>i,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button:before,
#bbpress-forums .activity-list .activity-item .activity-content .action.bp-generic-meta .button>i,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button:before,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button>i,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button:before,
#buddypress .activity-list .activity-item .activity-content .action.bp-generic-meta .button>i {
  color: #28150A;
}

/* Members page overrides */

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
  background-color: #F1F1E8;
}

.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
  background-color: #6d6d4152;
}

#send_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e7bc4e !important;
}

@media screen and (min-width: 1081px) {
  .bb-template-v2 #message-threads .current>a {
    background: #E7E3D8;
  }
}

@media (max-width: 543px) {
  .bb-grid {
    flex-direction: column-reverse;
  }
}

.filters-mobile {
  background-color: #F1F1E8;
  padding: 24px;
  border-radius: 6px;
  margin-bottom: 24px;
  display: none;

}

@media(max-width: 800px) {
  .filters-mobile {
    display: block;
  }

  .post-type-archive-resource .widget-area {
    display: none;
  }
}

.filters-mobile .resource-tags {
  margin-bottom: 0;
}

.bbpress .widget_display_forums>ul.bb-sidebar-forums>li a:before {
  background-color: #6D6D41 !important;
}

.user-subnav a,
a::before {
  color: #28150A !important;
}

.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox:checked+label:after {
  color: #28150A;
}

.button.outline:hover,
.group-button:hover {
  color: #28150A !important;
}

.bp-feedback.help .bp-icon:before,
.bp-feedback.info .bp-icon:before {
  color: #28150A;
}

.resource-location {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-top: 10px;
}

.ratio-wrap {
  position: relative;
}

.edit-resource {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background-color: #E7E3D8;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
  opacity: 0;
}

.edit-resource:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.type-resource:hover .edit-resource {
  opacity: 1;
}