/*
 Theme Name:   GP
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress 
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

body {
  line-height: 1.4;
  background: #daeafb1a;
   background-attachment: fixed;
  color: #000;
  font-weight: 500;
  font-size: 17px;
  overflow-x: hidden;
  position: relative; /* Needed for z-index layering */
  z-index: 0;
}

body::before {
  content: "";
  position: fixed;
  top: -15px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://oregonity.com/Clouds.avif'); 
	/*background-image: linear-gradient(rgba(173, 216, 255, 0.2), rgba(173, 216, 255, 0.2)), url('https://oregonity.com/Clouds.avif');
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover; /* or 'auto' for repeat textures */
  background-position: center;
  opacity: 0.2; 
  z-index: -9999; /* ensures it's far behind */
  pointer-events: none; /* makes it non-interactive */
} */

@media (max-width: 786px){
.inside-header {
  padding-right: 10px !important;
  padding-left: 10px !important;
  flex-direction: row;
  flex-wrap: wrap;
}
}

img, svg {vertical-align: middle;}

.site-branding-container {
margin-top: 1px !important;
margin-right: 0px;
}

.site-header .header-image {
  margin: 12px 0 0px 0 !important;
  opacity: 0.9;
}

@media (max-width: 786px) {
  .site-header .header-image {
    width: 250px !important;
    margin: 23px -20px 0 -20px !important;
    float: left !important;
  }
}

@media (max-width:768px){

    .mobile-header-navigation {
        justify-content: space-between;
    }

    .site-logo {
        margin-right:auto;
        text-align:left;
    }

    .site-logo img{
        margin-left:0;
    }

}

	@media (max-width: 768px) {
  .inside-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: -35px 0 -35px 0 !important;
  }
}
	
	

    .site-logo {
        flex: 0 0 auto;
    }

    .main-navigation {
        flex: 0 0 auto;
    }
}

.bp_profession, .bp_city {
  font-size: 1rem;
  margin: -15px 0 15px 0;
}

.menu-item .dashicons-admin-users {
    border: 2px solid transparent;
    border-radius: 50%;
    padding: .2rem;
    position: relative;
}
.logged-in .menu-item .dashicons-admin-users {
    border-color: #fff;
}
.menu-item .dashicons-admin-users:after {
    position: absolute;
    width: 10px;
    right: -2px;
    top: 0;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
}
.has_notif .menu-item .dashicons-admin-users:after {
    content: "";
    animation: aniblink 1.5s linear infinite;
}
.buddypress-wrap .grid.bp-list>li .item-avatar a {
    display: inline-block;
    position: relative;
}
.buddypress-wrap .grid.bp-list>li.is-online .item-avatar a:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    display: block;
    background-color: #3ccf4e;
    right: .3rem;
    border: 4px solid #fff;
    bottom: .5rem;
    border-radius: 50%;
}
.buddypress-wrap .grid.bp-list > li .item-avatar img.avatar {
  display: inline-block;
  height: 125px;
  width: auto;
}
@keyframes aniblink {
  to {
    background-color: #EF5B0C;
  }
}
.menu-item .dropdown-menu-toggle {
    display: none;
}
.has_notif .sub-menu .bp-notifications-nav > a::after {
    content: "";
    border: .5px solid #fff;
    width: 7px;
    height: 7px;
    background-color: #EF5B0C;
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
}

.menu-bell-icon {
    position: relative;
    display: inline-block;
    font-size: 18px; /* Match menu style */
}

.menu-bell-icon i {
    color: inherit; /* Or custom color */
}

.notification-dot {
    position: absolute;
    top: -5px;
    right: -10px;
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 50%;
    line-height: 1;
    z-index: 100;
}

.notification_bell .bnb-pending-notifications span {
  position: absolute;
  right: 175px;
  top: -8px;
  color: white;
  background: #fa9740;
  font-size: 0px;
  padding: 2px;
  border-radius: 100px;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 786px) {
  .notification_bell .bnb-pending-notifications span {
    position: absolute;
    height: 8px !important;
    width: 8px !important;
    right: 197px !important;
    top: 1px;
	}}

.bp_nickname {
  color: #484848;
  vertical-align: middle;
  font-size: 1rem;
  margin-bottom: 10px;
}
.has_online .single-headers #item-header-avatar a {
    position: relative;
}

.has_online .single-headers #item-header-avatar a::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  display: block;
  background-color: #3ccf4e;
  right: .7rem;
  border: 4px solid #fff;
  bottom: .5rem;
  border-radius: 50%;
  z-index: 1000;
}

.single-headers #item-header-avatar a img {
    float: none;
    margin: 0;
}
.user-display-name {
  font-size: 22px;
  margin-bottom: .25rem;
  font-weight: bold;
}

@media (min-width: 783px) {
 .user-display-name {
  font-size: 22px;
  margin-bottom: .25rem;
margin-left: 170px;
}}

@media (min-width: 783px) {
	div#item-header-content h2.user-nicename {
margin-left: 170px !important;
}}

div.inside-navigation button.menu-toggle.secondary-menu-toggle span.gp-icon.icon-menu-bars {display: none;}

.secondary-navigation {
  background-color: #aad0fb1a !important;
  background-image: linear-gradient(#adc7f100, #fefefe33);
  position: relative !important;
  overflow: hidden !important;
  z-index: 10001 !important;
  margin-bottom: -30px;
  height: 70px;
}

/* === Decorative chevron stripe near the top of the secondary nav ========
   Tiles pattern.png horizontally on top of the blue→white gradient.
   - Uses ::before so the existing background-image rule above is untouched
     (a future change to that rule can't accidentally drop this overlay).
   - .secondary-navigation is already position:relative, so absolute works.
   - background-size: auto 20px keeps the chevron aspect ratio; tile width
     scales proportionally with source image height.
   - pointer-events:none means the strip can never block the menu links or
     the JS-injected .sec-nav-scroll-btn arrows underneath.
   - top:5px puts the strip at y=5..25 INSIDE the nav — i.e. a 5px gap above
     the chevrons within the secondary nav itself, so the nav (and the rest
     of the page) keeps sitting exactly where it always did; only the
     pattern image is offset, not the layout.
   ========================================================================== */
.secondary-navigation::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 20px;
  background-image: url('pattern.png');
  background-repeat: repeat-x;
  background-position: left top;
  background-size: auto 20px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.5;
}


/* === Horizontal-scroll secondary menu (v4) ===============================
   v4 fixes from v3:
   1. Removed the pure-CSS sticky ::after arrow — it was visually the same
      as the JS-injected button and competed for the user's click target.
      Now the only arrow is the JS button, so clicks always hit it.
   2. Made the right/left buttons FULLY OPAQUE on their inner half (the
      half closest to the edge) so menu links beneath are completely
      masked, not faintly visible. Increased width to 50px for an easier
      click target.
   3. Forced .inside-navigation to scroll content from the left edge:
      justify-content: flex-start; text-align: left. Prevents browser
      from centering or right-aligning overflowing content.
   ========================================================================== */

.secondary-navigation .inside-navigation {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-behavior: smooth;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  /* Force content to start at the LEFT edge — prevents the menu from
     centering itself when narrow, which produced left-side overflow too. */
  justify-content: flex-start !important;
  text-align: left !important;
}
.secondary-navigation .inside-navigation::-webkit-scrollbar {
  display: none !important;
}

.secondary-navigation .main-nav {
  display: inline-block !important;
  white-space: nowrap !important;
  width: auto !important;
  /* Anchor to the left edge of the scroller */
  margin-left: 7px !important;
  margin-right: auto !important;
  height: 70px;
}

@media (max-width: 783px) {
	.secondary-navigation .main-nav {
  margin-left: 2px !important;
	}}

.secondary-navigation .main-nav > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  width: auto !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-top: 7px;
}
.secondary-navigation .main-nav > ul > li {
  flex: 0 0 auto !important;
  float: none !important;
  white-space: nowrap !important;
  margin-top: 20px;
}

/* === Arrow BUTTONS (injected by JS) ======================================
   Live as direct children of .secondary-navigation (OUTSIDE the scroller),
   absolutely positioned over the band's left/right edges. Designed to
   FULLY MASK any menu links underneath them, not just visually hint.
   JS toggles .has-scroll-left / .has-scroll-right on .secondary-navigation
   to reveal them.
   ========================================================================== */
.secondary-navigation .sec-nav-scroll-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;                   /* wider — easier to click */
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #3a67ad;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 100;                  /* above absolutely everything in the nav */
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: -8px 0 12px -6px rgba(174, 200, 240, 0.55); /* soft fade-out hint on the inner side (right btn) */
}
.secondary-navigation .sec-nav-scroll-btn--left {
  left: 0;
  /* Solid color near the edge → fades into transparent toward the menu side.
     The inner ~30% is fully opaque so links underneath are completely hidden. */
  background: linear-gradient(to right,
    #f4f8ff 0%,
    #f4f8ff 70%,
    rgba(244, 248, 255, 0) 100%);
  box-shadow: 8px 0 12px -6px rgba(174, 200, 240, 0.55);
}
.secondary-navigation .sec-nav-scroll-btn--right {
  right: 0;
  background: linear-gradient(to left,
    #f4f8ff 0%,
    #f4f8ff 70%,
    rgba(244, 248, 255, 0) 100%);
}

.secondary-navigation.has-scroll-right .sec-nav-scroll-btn--right {
  display: flex;
  border-radius: 0;
  color: #fff !important;
  min-width: 60px;
  background: linear-gradient(to right, #a8aea138, #576eae, #576eae, #576eae);
}

.secondary-navigation.has-scroll-right .sec-nav-scroll-btn--right:hover {
  background: linear-gradient(to right, #a8aea138, #5285d5, #5285d5, #5285d5);
}



.secondary-navigation.has-scroll-left .sec-nav-scroll-btn--left {
  display: flex;
	background: #84b867;
  border-radius: 0;
  color: #fff !important;
  min-width: 60px;
  background: linear-gradient(to right,  #3a67ad, #3a67ad, #3a67ad, #a8aea138);
}

.secondary-navigation.has-scroll-left .sec-nav-scroll-btn--left:hover {
background: linear-gradient(to left, #a8aea138, #5285d5, #5285d5, #5285d5);
}


.secondary-navigation .sec-nav-scroll-btn:hover,
.secondary-navigation .sec-nav-scroll-btn:focus {
  color: #1d4d92;
}
.secondary-navigation .sec-nav-scroll-btn:active {
  color: #0f3563;
}

/* Note: the previous `@media (max-width: 783px) { .secondary-navigation { display: none } }`
   rule was removed — the horizontal scroll buttons (>>/<<) now make this
   navigation fully usable at any width, so there's no reason to hide it
   on mobile any more.

   On mobile (≤768px) GeneratePress collapses the secondary nav into a
   hamburger toggle by default. We override that: hide the toggle button
   entirely and force the menu links to stay visible inline, so the
   horizontal scroll behavior (>>/<<) works on mobile the same way it
   does on desktop. */
@media (max-width: 768px) {
  /* Hide GP's mobile hamburger toggle for secondary nav */
  .secondary-navigation .menu-toggle,
  .secondary-navigation button.menu-toggle.secondary-menu-toggle {
    display: none !important;
  }

  /* Keep the menu visible on mobile — GP would normally hide it until the
     toggle is clicked. */
  .secondary-navigation .main-nav,
  .secondary-navigation .main-nav > ul {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
  }
}

.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a {
  color: #59739ce5 !important;
  padding-left: 13px;
  padding-right: 13px;
  line-height: 35px;
  font-weight: 700 !important;
  font-size: 15px !important;
}

@media (max-width: 1000px) {
	.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a {
  font-size: 13px !important;
	}}

.secondary-navigation .main-nav ul li a {
  font-weight: 600 !important;
  text-transform: none;
  font-size: 13px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  line-height: 40px;
}

.menu-item i._before, .rtl .menu-item i._after {
  margin-right: .25em;
  margin-top: 3px;
}

.secondary-navigation .main-nav ul li:hover > a, .secondary-navigation .main-nav ul li:focus > a, 
.secondary-navigation .main-nav ul li.sfHover > a {
color: #fff;
background-color: #5298f22e !important;
}

.secondary-navigation ul ul { background-color: #a6d3fb !important;}

.inside-header {
  text-align: left;
  margin: -15px 0 0 5px;
}

/* Make sure header uses flex layout */
#header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Search bar styles */
#search-header {
  flex-grow: 1;
  padding: 0 2rem;
  margin: 29px 0 0.8rem 0;
}

@media only screen and (max-width: 780px) {
#search-header {
	display: none; 
  margin: 0px 0 1.8rem 0 !important;
}}

/* Menu icon forced to the right */
#menu-icon {
  margin-left: auto;
}

/* Responsive behavior */
@media only screen and (max-width: 783px) {
  #search-header {
    padding: 0 5px 0 0;
    width: 100%;
  }

  #menu-icon {
    margin-left: auto;
  }

  #header-container {
    flex-wrap: wrap;
  }
}

#search-header input.is-search-input {
  font-family: inherit;
  border: solid 0px #c5dae8 !important;
  border-radius: .5rem;
  padding: 1.25rem .75rem;
  background: #f0f4f9;
    background-image: none;
}

body div.is-ajax-search-result {
  background-color: rgba(238, 234, 228, 0.9);
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

is-ajax-search-details a, .is-ajax-search-result a {
  color: #bc4c4c !important;
	font-weight: normal;
}

div.is-ajax-search-result .is-search-sections .meta {
    margin: 0;
}

div.is-ajax-search-result .is-ajax-search-post {
  background-color: #f7e7d4;
  border: none;
  padding: 0.5rem 1rem;
}

div.is-ajax-search-result .is-ajax-search-post:hover {
    background-color: transparent;
}
.is-loader-image[style*="display"] {
    display: block !important;
    background: none !important;
    cursor: pointer;
}
.is-loader-image[style*="display"]:before {
    content: url("data:image/svg+xml,%3Csvg fill='none' width='1.35rem' height='1.35rem' stroke='%233278d2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");
}
@media only screen and (min-width: 783px) {
 .main-navigation {
    order: 1;
 }
}

#mobile-header {
    display: block !important;
    width: 100% !important;
    padding: 0;
    margin-top: 0;
    margin-bottom: -15px;
}
}
@media only screen and (max-width: 783px) {
.navigation-branding, .site-logo.mobile-header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: auto;
    margin-left: auto;
}}
.main-title {margin: 0px 0 15px -12px !important;}

@media only screen and (max-width: 783px) {
.main-title {
    margin: 20px 0 1px -12px !important;
	font-size: 30px !important;
}}

.grid-container {
  max-width: 1080px;
  margin-top: 0px;
}

@media only screen and (max-width: 783px) {
.grid-container {
  margin-top: 20px;
	}}

.main-title a, .main-title a:visited {
  color: #a4d2fb54;
  background: linear-gradient(#004c8f 55%, #0193cc 45%);
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-title a:hover {color: #01a5f4;}

@media only screen and (max-width: 1110px) {
  .navigation-branding .main-title a {
    font-size: 26px !important;
	  line-height: 40px;
  }
}
@media only screen and (max-device-width : 1110px) {
#site-navigation .navigation-branding, #sticky-navigation .navigation-branding {
    margin: 0 auto;
	text-align:center;
}
}

.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 45px !important;
    width: auto;
	padding: 3px 0 8px 0 !important;
}

.site-description {
  color: #2e3136c2;
  margin: -19px 0 0px -10px !important;
  font-weight: bold;
  line-height: 15px;
}

@media only screen and (max-width: 783px) {
	.site-description {
  color: #2e3136c2;
  margin: -11px 0 20px 0 !important;
	}}

.site-header {
  background-color: #2562c100;
  min-height: 95px;
  border-radius: 0;
  z-index: 10000 !important;
}

@media only screen and (max-width: 780px) {
.site-header{
  border-radius: 0;
  min-height: 100px !important;
	margin-bottom: -30px;
	border-radius: 0 0 50% 50%;
	}}

.main-navigation {color: #fff0;}

div#primary-menu.main-nav ul#menu-main.menu.sf-menu {  background: #fff0 !important;}

div.inside-header nav#site-navigation.main-navigation.sub-menu-left {
  background: #fff0;
  margin-top: 20px;
}

@media (max-width: 786px){
div.inside-header nav#site-navigation.main-navigation.sub-menu-left {
  margin-right: -30px;
}}

.main-navigation ul {
  list-style:none;
  margin: 3px 0px 0 0;
  padding-left: 0;
}

@media (max-width:768px){
	.main-navigation ul {
  margin: 15px 0px 0 0 !important;
	}}

.main-navigation .main-nav ul li.menu-item-has-children > a {
  padding: 0px 20px 0px 15px;
}

.main-navigation::before{
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image:
   radial-gradient(circle at 10px -5px, transparent 12px, #fff 13px);
	margin-top:-700px;
}

.menu-item-385 i._mi {color:-webkit-linear-gradient(blue, red);}
.dashicons-editor-alignleft {color: #000;}

.menu-item i._mi {color: #0078cf; }

.menu-item i._mi:hover {color: #179afa;}

a i._mi.far.fa-folder-open {margin-right: -10px;}

.main-navigation ul ul {
  background-color: #426db2;
  margin-right: 20px;
}

@media (max-width: 768px) {
.main-navigation ul ul {
  margin-top: -20px !important;
}}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color:#ccc;
	font-weight: bold;
}
@media only screen and (max-width: 600px) {
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 60px;
	text-align: center !important;
}}

.main-navigation .main-nav ul li.sfHover > a {
  color: #1c4477;
font-weight: 700;
  background-color: #fff !important;
}

.main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
  color: #00449a !important;
  background-color: #add1f6;
  font-weight: bold;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]) > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item > a, .main-navigation .menu-bar-item.sfHover > a {color: #fff;
font-weight: 700; 
border-radius: 7px;
}

.fa-solid, .fas {
  font-weight: 900;
}

.fa-regular {
  font-weight: 400;
}

.fa-solid,
.fa-regular {
  color: #59739ce5 !important;
  font-size: 23px;
}

@media (max-width: 786px) {
  .fa-solid, .fa-regular {
  font-size: 20px !important;
 margin-left: -5px !important;
}
}

#menu-main #menu-item-40 {
	margin-left: -5px;
}

/* Only pull right when bell icon is present (3 icons, logged in) */
.logged-in #menu-main #menu-item-40 {
	margin-right: -20px;
}

.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {
    color: #1c4477;
font-weight: 600;
background-color: #fff0;
    max-height: 70px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: #1c4477;
font-weight: 600;
background-color: #fff;
}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
    color: #1c4477;
font-weight: 600;
background-color: #fff;
}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
  color: #1c4477;
  font-weight: 600;
  background-color: #afccea;
}
.main-navigation .mobile-bar-items a {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 60px;
}
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items {color: #fffefe;}
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
  padding-left: 15px;
  padding-right: 10px;
  line-height: 70px;
}
.site-content, .entry-header {
    word-wrap: break-word;
    margin-bottom: 23px;
}

.main-navigation:not(.toggled) ul li.sfHover > ul, .main-navigation:not(.toggled) ul li:hover > ul {
  left: auto;
  opacity: .85;
  border-radius: 7px;
  margin-top: -20px;
  margin-right: 5px;
}

.grid-75 {margin-top: 12px;}
.generate-columns {
    margin-bottom: 15px;
    padding-left: 15px;
}

.size-auto, .size-large, .size-thumbnail {
    max-width: 100%;
    height: auto;
    margin: -6px 0 -5px 0;
}
.size-full {
    max-width: 100%;
    height: auto;
    margin: 0 0 7px 0;
	border-radius: 7px 7px 0 0;
}

@media (max-width: 768px) {
  .size-full {
	border-radius: 0;
	}
}

.size-medium {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 783px) {
.size-auto, .size-full, .size-large, .size-thumbnail {
    height: auto;
    margin: 0 -30px 0 -30px;
}}

@media only screen and (max-width: 783px) {
.size-medium{
    height: auto;
    margin: 0 -30px 0 0px;
}}

.alignleft.size-medium {
  margin: 0px 20px 0px 0px !important;
  border-radius: 10px;
}

  @media only screen and (max-width: 783px) {
.alignleft.size-medium {
  margin: 5px 20px 5px 0 !important;
  min-width: 100% !important;
	}}

.alignright {
  float: right;
  margin-left: 1.5em;
  border-radius: 10px;
}

.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
    margin-bottom: -7px !important;
	filter: grayscale(0%);
	filter: gray;
-webkit-filter: grayscale(0%);
transition: all 1s ease;
}
.post-image-above-header .inside-article div.featured-image:hover, .post-image-above-header .inside-article div.post-image:hover {
  filter: grayscale(30%);
-webkit-filter: grayscale(30%);
-webkit-transition: all 1s ease;
transition: all 1s ease;	
opacity: 0.85;
}

@media only screen and (max-width: 600px) {
h1 {
    font-size: 24px;
}}
@media only screen and (max-width: 400px) {
h1 {
    font-size: 18px;
}}

.add-fav {
    background-color: #90D7F3;
    width: auto;
    padding: 5px 0px 5px 8px;
    border-radius: 25px 25px 0 25px;
    margin: 5px;
    float: left;
    text-transform: uppercase;
    font-weight: 100;
}

.favme, .ufavme {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
    margin-bottom: 0;
}
.post-image-above-header .inside-article .featured-image, .post-image-above-header .inside-article .post-image {
    margin: -10px -15px 0px -15px;
}

.separate-containers .inside-article, .separate-containers .comments-area, .one-container .container, .inside-page-header {
  background-color: #fff0;
  box-shadow: 5px 5px 8px 1px #8797a754;
  border-radius: 7px;
  border-top: solid 1px #a9b1ba94;
  border-left: solid 1px #8a939a6b;
}

.separate-containers .paging-navigation {background-color: #fff0;}
.separate-containers .page-header {
    background-color: #fff0;
    padding: 19px 0 0 0;
	display: none;
}
 
.separate-containers .comments-area {padding: 15px 20px 15px 20px;}

.separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {padding: 0px 15px 20px 15px;}
.page .entry-content {margin: 10px 0px 0 0px;}
.entry-content {margin: 10px 10px 0 10px;}
.separate-containers .inside-article {
    padding: 0px 15px 20px 15px;
    margin-bottom: 7px;
}


@media only screen and (max-width: 783px) {
.separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 0 10px 10px 10px;
}}

@media only screen and (max-width: 783px) {
.separate-containers .comments-area {
  box-shadow: 0px 0px 10px 0px #d2dfe8;
  border-top: 0px solid #e9e9ea;
  border-left: 0px solid #e9e9ea;
  border-left: 1px solid #e9e9ea;
  border-radius: 0px;
}}

.entry-title a, .entry-title a:visited {
  color: #a12b20;
  font-weight: 900;
}
.entry-title a:hover {color: #d5a04e;}

.entry-meta a, .entry-meta a:visited {
  color: #47660e;
  font-size: 14px;
}

header.entry-header {
    margin: 8px 0 0;
    padding-top: 12px;
}
.entry-title {
  margin: -5px 0 -0px -5px;
  font-size: 23px;
  color: #940101;
  padding: 3px;
}
.blog .generate-columns .entry-header,
.archive .generate-columns .entry-header,
.wp-show-posts-entry-header {
	margin: 3px 0 -15px 0px;
font-weight: 600;
	font-family: inherit;
}

h2 {
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: none;
	font-family: inherit;
}

.entry-content:not(:first-child),.page-content:not(:first-child) {margin-top: 0.8em;}

.entry-summary:not(:first-child) {margin-top: 1.3em;}

.page-content, .entry-content, .entry-summary {margin: 0.5em 0 0;}

.relpost-thumb-container {margin-top: 45px;}

.relpost-block-single {
    background-color: #ffffff85;
    border: 0px;
}

footer.comment-meta {margin-top: -30px;}

.relpost-block-single {
    background-color: #ffffff4a;
    border-right: 0;
    border-left: 0;
    margin-right: -1px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"] {
  color: #131313;
  font-weight: 500 !important;
  font-family: inherit;
  background-color: #fff0 !important;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: -5px;
  border-radius: 25px !important;
}

div.probox button.promagnifier {border: solid 0px #ccc !important;}

ul li.parent-sf-field-category {margin-top: -10px;}

select.sf-input-select {
background-color: #fff !important;
padding: 10px 15px;
}

input.sf-input-text {
  background-color: #fff !important;
  border: solid 1px #527293 !important;
}

.chosen-container-single .chosen-single {
  padding: 5px 5px 5px 12px;
  border: 0 !important;
  border-radius: 25px;
  background: #ffffffbd !important;
  background-clip: padding-box;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  color: #444;
  line-height: 24px;
}

p label span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, p label span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email, p label span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  border: solid 1px #527293 !important;
  padding: 10px 20pxx;
}

textarea, select {
  color: #131313;
  font-weight: 500 !important;
  font-family: Quicksand !important;
  background-color: #fff0 !important;
  width: 100%;
  padding: 5px 10px;
  border-radius: 10px !important;
  border: solid 1px #527293 !important;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	color: #3c3938;
background-color: #f3f7e2;
border-color: #017ac4;
}

p.logged-in-as{margin: -25px 0 5px 0;}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background) {
  color: #41562b;
  background-color: #bbcda659;
  border-radius: 25px;
  border: 0px solid #9cb38f !important;
  padding: 5px 12px;
  font-weight: 600 !important;
}

html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: #269b01;
}

div#respond.comment-respond {margin-top: -40px !important;}

div#respond.comment-respond form#commentform.comment-form p.form-submit input#submit.submit {
  color: #fff !important;
  background-color: #7aa221 !important;
  margin-top: 15px !important;
  padding: 7px 15px !important;
  border: 0px !important;
  margin-bottom: 50px;
}

div#respond.comment-respond form#commentform.comment-form p.form-submit input#submit.submit:hover {
background-color: #b0c956 !important;
}

.buddypress .buddypress-wrap .activity-read-more a, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type="button"], .buddypress .buddypress-wrap input[type="reset"], .buddypress .buddypress-wrap input[type="submit"], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a {
  background: #fff;
    border-color: #ccc0;
  border-style: solid;
  border-width: 0px;
  color: #797a7b;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 100;
  outline: 0;
  padding: 5px 10px;
  width: auto;
  line-height: 1;
  border-radius: 25px;
}

.comment-content {
    margin: 0.3em 0 -10px;
    padding: 0;
    border: 0;
}

h3#reply-title.comment-reply-title {
	margin-bottom: 20px; 
	margin-top: 40px;
	font-size: 20px;
}

.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
    margin-top: 20px;
    margin-bottom: 9px;
}
.sidebar .widget {
  background: #5989c10d;
  border-radius: 12px;
  border: 0px solid #d2dfe8a6;
}

@media only screen and (max-width: 1110px) {
  .sidebar .widget {
    border-radius: 0px;
  }
}

.sidebar .widget .widget-title {
  color: #2b4764;
  font-weight: 600;
  font-size: 18px;
  margin: -10px -15px 7px;
  background: #dfe5ea08;
    background-image: none;
  background-image: none;
  background-image: none;
  padding: 5px 5px 1px 15px;
  border-radius: 10px 10px 0 0;
  background-image: linear-gradient(#92b7f342, #afd5e900);
}

.popular-posts-sr {margin-top: -10px;}

h4.has-text-color {color: #bc4c4c; margin-bottom: 7px;}

.widget-title {
    font-size: 20px;
    line-height: 1.5;
}
.widget ul li {
  list-style-type: none;
  position: relative;
  padding-bottom: 0;
  color: #015a9b;
  font-weight: bold;
  font-size: 16px;
}
a, a:visited {
  color: #285498;
  text-decoration: none;
  font-weight: 500;
}

div.inside-article div.entry-content p a strong {color: rgb(92, 142, 32);}

.entry-content > p:nth-child(4) > a:nth-child(1) > strong:nth-child(1) {
	color: #689900 !important;
	font-weight: bold !important;
}

.sidebar .widget, .footer-widgets .widget {
    font-size: 17px;
    font-weight: 400;
}
p {margin-bottom: 0.5em;}
p.comment-form-policy {margin-top: -5px;}

div#item-body.item-body ul#group-list.invites.item-list.bp-list li.item-entry.invites-list div.wrap div.item p {font-size: 17px !important:}

footer.entry-meta {margin-top: 0.5em;}
.site-footer  {margin-top: 20px;}

  .footer-widgets .widget-title {
  color: #596372;
  font-size: 18px;
  font-weight: 700;
  margin: 0px auto 15px auto;
  text-align: center;
}


.footer-widgets {
  background: linear-gradient(to top, #669beb45, #0000);
}

/*
 * GP-Child: Wavy-footer — extra bottom padding so the SVG layers above
 * .site-info can overlap upward into this section without masking
 * widget content.  The SVG is 140px tall in its viewBox and is drawn
 * via translateY(-100%) onto the top edge of .site-info (see rule
 * below), so we reserve ~130px of padded breathing room here.  Padding
 * rather than margin keeps .footer-widgets's background gradient
 * flowing behind the waves uninterrupted — a margin would expose the
 * page background between widgets and waves.
 *
 * The 130px figure tracks the SVG height (~140px viewBox → typically
 * ~110-130px when scaled) plus a small visual buffer so widget text
 * never crowds the wave crest line.
 */
.footer-widgets {
  padding-bottom: 130px;
}

.footer-widgets-container {margin-top: 20px;}

.site-info {
  background-color: #869f9a94 !important;
  color: #020202;
  font-weight: 500;
  font-size: 17px;
  /*
   * GP-Child: anchor for the absolutely-positioned wavy SVG injected
   * by gp_render_wavy_footer_svg() (see functions.php).  The SVG is
   * the first child of .site-info; we translate it up so it overlaps
   * into .footer-widgets while reading visually as part of .site-info.
   *
   * overflow:visible is critical — the default UA on some elements
   * clips overflowing children; we WANT the SVG to bleed upward.
   */
  position: relative;
  overflow: visible;
}

/*
 * GP-Child: Wavy footer SVG — multi-layer organic divider rising out
 * of the top edge of .site-info into the bottom of .footer-widgets.
 *
 * Positioning:
 *   left: 0; right: 0  → full-width regardless of container width
 *   bottom: 100%        → places SVG bottom at the top edge of .site-info
 *   pointer-events: none→ clicks pass through to anything under the waves
 *
 * preserveAspectRatio="none" on the SVG itself (see PHP) lets the
 * curves stretch/shrink horizontally with the viewport so the layered
 * effect holds at any width.  The fixed pixel height keeps the
 * vertical proportion consistent across breakpoints.
 *
 * z-index: the SVG sits at z-index:1 and .site-info's text content
 * implicitly sits at z-index:auto; that's intentional — we want the
 * waves to render UNDER any copyright text/icons inside .site-info,
 * but ABOVE the .footer-widgets background.  Because .site-info is
 * position:relative it forms its own stacking context, so the waves
 * never bleed in front of a modal / nav menu elsewhere on the page.
 */
.gp-wavy-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  width: 100%;
  height: 130px;
  display: block;
  pointer-events: none;
  z-index: 1;
  /*
   * Tiny negative margin so the bottom edge of the SVG slips a pixel
   * into .site-info, killing any sub-pixel hairline that browsers
   * sometimes render between an absolute-positioned element and its
   * relative parent on fractional zoom levels.
   */
  margin-bottom: -1px;
}

/*
 * Smaller wave on narrow viewports.  At <600px the 130px height eats
 * a disproportionate share of the screen, so we shrink it and reduce
 * the matching padding on .footer-widgets accordingly.
 */
@media (max-width: 600px) {
  .gp-wavy-footer { height: 70px; }
  .footer-widgets { padding-bottom: 75px; }
}

div.copyright-bar a {
  color: #940101;
  font-size: 18px;
}

.generate-back-to-top, .generate-back-to-top:visited {
    background-color: #cd9104a3;
    color: #ffffff;
    font-size: 25px;
    border-radius: 25px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    line-height: 60px;
    width: 40px;
    text-align: center;
    z-index: 10;
    transition: opacity 300ms ease-in-out;
}

@media only screen and (max-width: 400px) {
.generate-back-to-top, .generate-back-to-top:visited {
    background-color: rgba(254, 60, 143, 0.4);
    color: #fff;
    font-size: 25px;
    border-radius: 25px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    line-height: 60px;
    width: 40px;
    text-align: center;
    z-index: 10;
    transition: opacity .3s ease-in-out;
}}

.generate-back-to-top:hover, .generate-back-to-top:focus {
    background-color: rgba(254, 158, 51, 0.93);
    color: #ffffff;
}
.raa-box-info {
  display: block;
  background-color: #e9ecee80;
  border: 0;
  padding: 10px;
  margin-bottom: 1em;
  border-radius: 8px;
}

 div.relpost-thumb-wrapper {margin-top: -30px;}

.relpost-block-single {
    background-color: #ffffff;
    border-right: 0;
    border-left: 0;
    margin: -20px 0 0 0;
    height: 200px;
}
.relpost-block-single {
    border-bottom: medium none;
    margin: 0;
    padding: 1px;
    display: block;
    float: left;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin-right: -1px;
    margin-bottom: 5px;
    overflow: hidden;
    border: 0 !important;
}

.dem-poll-title {
    display: block;
    margin-bottom: 0.5em !important;
    margin-top: 1.2em;
    font-size: 120%;
}
@media only screen and (max-width: 600px) {
.dem-poll-title {
    display: block;
    margin-bottom: 1.1em;
    margin-top: 1.2em;
    font-size: 16px !important;
	}}
.separate-containers .paging-navigation {
    border-left: 0;
    box-shadow: 0;
}

div.nav-links {
text-align: center;
	margin-top: 10px;
}

span.page-numbers.current, a.page-numbers, a.next.page-numbers {
  font-size: 22px;
  padding: 8px 15px;
  background-color: #d3deec40;
  margin: 10px 0 0 3px;
  border-radius: 25px;
}

.paging-navigation .nav-links > * {padding: 6px 15px;}

 .comment-form #url {display: none;}

h3.comments-title {font-size: 19px;}

/* Buddypress */
body.buddypress .site-content {
    padding-top: 0;
}

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
  margin-left: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.bp-user #buddypress #item-header {
  padding-top: 0;
  margin-top: -51px;
  margin-bottom: 10px;
  border-radius: 7px 7px 0 0;
}

#cover-image-container {
  position: relative;
  margin: 3px -15px 0 -15px !important;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.1em;
  border-radius: 10px;
  margin-bottom: 10px;
}

@media (max-width: 786px){
.alignleft {
  min-width: 100% !important;
}}

@media (max-width: 786px){
	.aligncenter {
    margin: 0 auto;
	min-width: 100% !important;
	}}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin: 0px 0px 15px 15px !important;
  border-radius: 10px;
}

@media (max-width: 786px){
	.alignright {
    margin: 10px auto;
	min-width: 100% !important;
	}}

.single-headers .item-meta {
  color: #4d4947;
  font-size: 14px;
  margin: -5px 0 -25px 0;
  padding-bottom: .5em;
}

.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    background: #fbf9f91a;
        background-clip: border-box;
}
.buddypress-wrap .bp-navs.tabbed-links {background: none;}

div#item-header.groups-header.single-headers div#cover-image-container div#header-cover-image {margin-top: -12px;}

#buddypress #header-cover-image {
  border-radius: 10px 10px 0px 0px !important;
  margin-top: -11px;
  opacity: 0.9;
}

@media (max-width: 783px) {
	#buddypress #header-cover-image {
  border-radius: 0px 0px 0px 0px !important;
}}


#buddypress #item-header-cover-image,
.buddypress-wrap .single-headers {margin-bottom: 0;}

#buddypress #item-header-cover-image {min-height: auto;}


#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
  display: block;
  margin-top: 5px;
  background: #c6cdd529;
  border-radius: 8px;
  text-align: center;
}

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li {
  float: none;
  display: inline-block;
}

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
  background: #fff0 !important;
  margin-top: -3px;
}

  .buddypress-wrap .bp-navs li.current a, .buddypress-wrap .bp-navs li.current a:focus, .buddypress-wrap .bp-navs li.current a:hover, .buddypress-wrap .bp-navs li.selected a, .buddypress-wrap .bp-navs li.selected a:focus, .buddypress-wrap .bp-navs li.selected a:hover {
   background: #fff;
  color: #2d7bc9;
}
.buddypress-wrap .bp-navs li:not(.current) a:focus, .buddypress-wrap .bp-navs li:not(.current) a:hover, .buddypress-wrap .bp-navs li:not(.selected) a:focus, .buddypress-wrap .bp-navs li:not(.selected) a:hover {
      background: #e7f1fb;
      color: #d5a04e;
}

.buddypress-wrap .bp-subnavs li.current a, .buddypress-wrap .bp-subnavs li.current a:focus, .buddypress-wrap .bp-subnavs li.current a:hover, .buddypress-wrap .bp-subnavs li.selected a, .buddypress-wrap .bp-subnavs li.selected a:focus, .buddypress-wrap .bp-subnavs li.selected a:hover {
  background: #eff6fd;
  color: #b86443;
}

/*
 * GP-Child: extra specificity guard for active SUBNAV tab colour.
 *
 * Some downstream rules (notably the BP-vertical-navs block further down
 * this file and a couple of plugin overrides) re-colour subnav anchors,
 * so we re-assert the brand colour with !important on the exact triple
 * BP uses to mark the active item: <li class="current selected"> a.
 *
 * We also cover the bare .current and .selected variants so the rule
 * applies whether BP rendered just one of the two classes.
 *
 * Scope is locked to .bp-subnavs (NOT .bp-navs), so the primary nav's
 * own active colour stays untouched.
 */
#buddypress.buddypress-wrap .bp-subnavs li.current a,
#buddypress.buddypress-wrap .bp-subnavs li.current a:focus,
#buddypress.buddypress-wrap .bp-subnavs li.current a:hover,
#buddypress.buddypress-wrap .bp-subnavs li.selected a,
#buddypress.buddypress-wrap .bp-subnavs li.selected a:focus,
#buddypress.buddypress-wrap .bp-subnavs li.selected a:hover,
#buddypress.buddypress-wrap nav#subnav.bp-subnavs li.current a,
#buddypress.buddypress-wrap nav#subnav.bp-subnavs li.selected a {
  color: #b86443 !important;
}

/*
 * GP-Child: Account Email — static text replacement for the disabled
 * <input type="email">.  Restyled to read like a value, not a control,
 * so visitors don't try to click into it.
 */
#buddypress.buddypress-wrap .standard-form span.account-email-static,
.buddypress-wrap .standard-form span.account-email-static {
  display: inline-block;
  padding: 8px 12px;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  color: #333;
  font-style: normal;
  cursor: default;
  user-select: text;
  margin-bottom: 1em;
}

/*
 * GP-Child: AJAX nav loading state.
 *
 * While the in-flight fetch is replacing #buddypress contents, dim
 * the wrapper slightly and disable pointer interaction so a user
 * can't double-click into a half-replaced state.  Animation is light
 * enough not to feel like a heavy spinner.
 */
#buddypress.gp-bp-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.55;
  transition: opacity 0.15s ease;
}
#buddypress.gp-bp-loading::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(184, 100, 67, 0.25); /* match active subnav colour */
  border-top-color: #b86443;
  border-radius: 50%;
  animation: gp-bp-spin 0.7s linear infinite;
  z-index: 9999;
  pointer-events: none;
}
@keyframes gp-bp-spin {
  to { transform: rotate(360deg); }
}

/* a.bp-tooltip → display: block (legacy global rule for activity-stream
   action buttons).  We must NOT let this apply inside the notifications
   table — the eye (mark-read) and × (delete) links there are both
   `a.bp-tooltip`, and forcing them to block makes them stack vertically
   instead of sitting side-by-side at the right edge of the row.
   Resetting them back to inline-block inside #buddypress table.notifications
   wins on specificity (id > class) and is scoped tightly enough not to
   touch activity-stream tooltips. */
a.bp-tooltip {display: block;}
#buddypress table.notifications .notification-actions a.bp-tooltip,
#buddypress table.notifications td.notification-actions a {
  display: inline-block !important;
}
#activity-stream {
    clear: both;
    padding-top: 0em;
}
.activity-list.bp-list {padding: 0;}

.activity-list.bp-list {
    background: #fafafa00;
    border: 0px solid #eee;
}
.activity-list.bp-list .activity-item {
    background: #fff0;
        background-clip: border-box;
    border: 0;
    box-shadow: 0 0 0px #d2d2d2;
    margin: 0;
        margin-top: 0px;
}
.activity-list .activity-item .activity-content .activity-inner, .activity-list .activity-item .activity-content blockquote {
    background: #fafafa33;
        background-clip: border-box;
    margin: 0;
    overflow: hidden;
    padding: 0.1em;
  font-size: 13px;
}

a.activity-button.mention {border-radius: 20px;}

buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.button {color: #505051;}
.buddypress .buddypress-wrap .generic-button a:hover, .buddypress .buddypress-wrap a.button:hover { color: #63829d;}

.buddypress-wrap .members-list li .user-update {
    border: 0;
    border-radius: 10px;
    background-clip: padding-box;
    color: #737373;
    font-style: italic;
    font-size: 13px;
    margin: 15px auto;
    padding: 0.1em;
	display: none;
}

.bp-list li .item .item-block {
  float: left;
  margin-right: 2%;
  width: 100%;
}

.buddypress-wrap .members-list li .member-name {
  margin-bottom: 0;
  padding: 0;
}

.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:hover, .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:hover, .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:hover, .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:hover, .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:hover, .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:focus, .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:hover {
  background: #d7e5ee;
}


.bp-navs ul li .count {
  background: #fdedc7 !important;
  color: #0c0e11 !important;
  border-radius: 25px !important;
  border: 0;
  display: none !important;
}

  @media screen and (min-width: 46.8em)
.bp-single-vert-nav .bp-navs.vertical li span {
  background: #96bdcc !important;
  color: #fff !important;
  border-radius: 7px !important;
  float: right;
  margin-right: 2px;
}

div.bp-pagination.top, div.bp-pagination.bottom, div#members-order-select.last.filter, .buddypress-wrap .subnav-filters .feed, div#members-friends-select.last.filter {display: none;}

.buddypress-wrap .subnav-filters .bp-search, .buddypress-wrap .subnav-filters .dir-search, .buddypress-wrap .subnav-filters .group-act-search, .buddypress-wrap .subnav-filters .group-invites-search, .buddypress-wrap .subnav-filters .subnav-search, .buddypress-wrap .subnav-filters .subnav-search form, .buddypress-wrap .subnav-filters .user-messages-bulk-actions, .buddypress-wrap .subnav-filters .user-messages-search {
    width: 100%;
    border: 0px solid #f0c3ec;
}

.buddypress-wrap form.bp-dir-search-form button[type="submit"], .buddypress-wrap form.bp-invites-search-form button[type="submit"], .buddypress-wrap form.bp-messages-search-form button[type="submit"] {
    float: right;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 1.7em;
    text-align: center;
    text-transform: none;
    width: 30px;
}

@media (min-width: 783px) {
	#buddypress div#item-header #item-header-cover-image #item-header-content {
    margin-left: -30px !important;
  margin-top: -70px;
}
}


.buddypress-wrap .grid.bp-list>li .action {
  display: none;
}

.bp-user .member-header-actions {  
  margin: -10px 0 0 160px;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 782px) {
.bp-user .member-header-actions {  
  margin-left: 0px !important;
   justify-content: center;
  }
}

.single-headers .activity {
  display: none;
  font-size: 12px;
  padding: 0;
  margin: 10px 0px 0px 170px;
}

div#primary.content-area main#main.site-main article#post-0.bp_group.type-bp_group.post-0.page.type-page.status-publish.bpmts-item-entry-clean.bpmts-post-type-entry-post-clean div.inside-article div.entry-content div#buddypress.buddypress-wrap.generatepress.round-avatars.bp-dir-hori-nav.alignwide div#item-header.groups-header.single-headers div#cover-image-container div#item-header-cover-image div#item-header-content p.activity {
	margin: 10px 0px 0px;
}

#buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 {
  color: #243C6A;
  text-rendering: optimizelegibility;
  text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.8 );
  margin: 0;
  font-size: 20px;
  background-color: #fff0;
  padding: 0px 0px 7px 0px;
}

#members-list {
  margin: 0;
  padding: 0;
  border-top: 0;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

#members-list > li{
  width: auto;
  padding: 0;
}

#members-list::before {
  content: none;
}

.bp-list li {margin: 0 0 10px 0; padding: .1em 0;}
.bp-list > li {border-bottom: 0;}

.buddypress-wrap.round-avatars .avatar {
    border-radius: 50%;
    height: 120px;
    width: auto;
}
.activity-update-form #whats-new-avatar img {
    box-shadow: none;
    display: none;
    height: 50px;
    width: auto;
}

.bp-list li .item-avatar {
    margin-right: 3%;
}

.activity-list .activity-item div.item-avatar img,
.activity-list .activity-item.mini .activity-avatar img.avatar {
  display: inline-block;
  max-width: 100%;
}

.groups-list.bp-list li .item-avatar img.avatar {
  width: 100px;
}

.activity-update-form {
    padding: 10px 0px 0;
    border: 0;
    box-shadow: inset 0 0 0px #f2efef;
    margin: 0 0 25px 0;
}
.activity-update-form #whats-new-content {padding: 0;}

.activity-update-form #whats-new-textarea textarea:focus {box-shadow: 0 0 10px 0 #80cef4;}
.activity-update-form #whats-new-textarea textarea {border: 1px solid #ccc;}
.date, .article-likes, .article-comments, .article.categories {display: none !important;}
.activity-list .activity-item.mini .activity-avatar {margin-left: 0;}

.buddypress-wrap .standard-form select {padding: 10px;}
.buddypress-wrap .profile.edit .button-nav li a {font-size: 20px;}
.buddypress-wrap .profile.edit .button-nav li {
    padding: 1px 10px;
    border: 1px solid #ccc;
    border-radius: 9px !important;
}

.buddypress-wrap .profile.edit .editfield {
    background: #fafafa33;
    background-clip: border-box;
    border: 0;
    margin: 9px 0;
    padding: 0;
}

span.bp-required-field-label {color: #282828;font-weight: 100;}

.buddypress-wrap .standard-form .groups-members-search input[type="search"], .buddypress-wrap .standard-form .groups-members-search input[type="text"], .buddypress-wrap .standard-form [data-bp-search] input[type="text"], .buddypress-wrap .standard-form input[type="color"], .buddypress-wrap .standard-form input[type="date"], .buddypress-wrap .standard-form input[type="datetime-local"], .buddypress-wrap .standard-form input[type="datetime"], .buddypress-wrap .standard-form input[type="email"], .buddypress-wrap .standard-form input[type="month"], .buddypress-wrap .standard-form input[type="number"], .buddypress-wrap .standard-form input[type="password"], .buddypress-wrap .standard-form input[type="range"], .buddypress-wrap .standard-form input[type="search"], .buddypress-wrap .standard-form input[type="tel"], .buddypress-wrap .standard-form input[type="text"], .buddypress-wrap .standard-form input[type="time"], .buddypress-wrap .standard-form input[type="url"], .buddypress-wrap .standard-form input[type="week"], .buddypress-wrap .standard-form select, .buddypress-wrap .standard-form textarea {
    background: #e1e3e345;
    font: inherit;
    font-size: inherit;
    font-size: 100%;
    padding: .5em 15px;
	background-color: #fff !important;
  border: solid 1px #527293 !important;
}

input#group_invites_search {
  background: #fff0 !important;
  border: solid 1px #527293 !important;
}

 body #buddypress input[type="reset"], body #buddypress input[type="submit"] {
    border-radius: 25px;
	padding: 9px 15px;
}

.buddypress .buddypress-wrap .activity-read-more a:focus, .buddypress .buddypress-wrap .activity-read-more a:hover, .buddypress .buddypress-wrap .button-nav li a:focus, .buddypress .buddypress-wrap .comment-reply-link:focus, .buddypress .buddypress-wrap .comment-reply-link:hover, .buddypress .buddypress-wrap .generic-button a:focus, .buddypress .buddypress-wrap a.button:focus, .buddypress .buddypress-wrap button:focus, .buddypress .buddypress-wrap input[type="button"]:focus, .buddypress .buddypress-wrap input[type="button"]:hover, .buddypress .buddypress-wrap input[type="reset"]:focus, .buddypress .buddypress-wrap input[type="reset"]:hover, .buddypress .buddypress-wrap input[type="submit"]:focus, .buddypress .buddypress-wrap input[type="submit"]:hover {
    border: 0px solid #51a72c !important;
	color: #526701 !important;
  background: #d8e5f1 !important;
}

.buddypress .buddypress-wrap .button-nav li.current a, .buddypress .buddypress-wrap .button-nav li a:hover {
color: #307500 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  padding: 1px !important;
}

.titlelabel {background: #ed94ca;}
div.sa-field-content {width: calc(100% - 30px) !important;}

.sa-field-front .select2-container--default .select2-selection--single, .sa-field-front .select2-container--default .select2-selection--multiple, .sa-field-front .select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #f0cfdf80;
    border: 0;
    min-height: 42px;
    border-radius: 0;
    line-height: 20px;
}
.sa-field-front .wp-editor-container {border: 1px solid #e4cddb !important;}
.article-content {
    border-bottom: 0;
    padding-top: 0;
}

.activity-list .activity-item.mini .activity-avatar {
    margin: 0 -30px 20px 0;
    height: 75px;
    width: auto;
}

@media screen and (min-width:46.8em) {.activity-list .activity-item div.item-avatar {
    margin: 0 0.8% 0 -5px;
    text-align: left;
    width: 15%;
}}

.pa-notification-info-actions span, .pa-powered-by {
    font-size: 0 !important;
    margin: 5px 0;
}
.pushalert-notification-info h2 {
    background: #0ec602 !important;
    opacity: .9;
}
.pa-notification-info-actions button {
    background: #009ef3 !important;
    border: 0px solid #299e8a !important;
	border-radius: 15px !important;
}
.download-box {
    width: 100%;
    border: 0;
    margin: 0;
    box-shadow: 0;
}

.tbrightcontent {
    position: fixed;
    top: 15%;
    left: 25%;
    width: 50%;
    height: auto !important;
    padding: 16px;
    background-color: white;
    z-index: 9999999;
    overflow: auto;
    text-align: left;
    font-size: 15px;
    border-radius: 1em;
	max-height: 350px;
}
@media only screen and (max-width: 991px) {
.tbrightcontent {
    top: 5% !important;
    left: 5% !important;
    width: auto !important;
    height: auto !important;
    right: 5% !important;
}
}
@media only screen and (max-width: 767px) {
.tbrightcontent {
    top: 5% !important;
    left: 5% !important;
    width: auto !important;
    height: auto !important;
    right: 5% !important;
}
}

@media only screen and (max-width: 767px) {
img.alignleft.size-medium.wp-image-589 {width: 100%;
	display: block;
  margin: 0 auto 10px auto;}}

h3.termstitle {
  background: #3A6EB1 !important;
  padding: 1%;
  margin: -16px -16px 10px -16px !important;
  font-size: 1.2em;
  font-family: inherit !important;
}

input.termsdecline {
    color: #493838 !important;
    background-color: #e48b68cc !important;
}


input.termsdecline:hover {
    color: #fff !important;
    background-color: #ff4426cc !important;
}

.tdarkoverlay {
  background-color: #7e93bd !important;
  -moz-opacity: 0.95 !important;
  opacity: .95 !important;
}

#wpsm_accordion_34 .ac_open_cl_icon {
    background-color: #c2797900 !important;
    color: #4fc048 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block !important;
}
.site-info a:hover {color: #c8033a;}
.heateor_sss_sharing_title {
font-weight: normal !important;
color: #bd1957;
}

header.page-header.masonry-brick {margin: -20px 0 -10px 0;}

@media only screen and (max-width: 480px) {
div.relpost-thumb-wrapper {
    display: none;
}}

.relpost-block-container {margin: -15px 0 0 0 !important; padding: 0;}

.relpost-block-single-text {
    margin: -25px 0 0 !important;
    padding: 5px 0;
    background-color: #f9f9f9c2;
}
.relpost-block-single {
height: auto;
width:25% !important;
padding: 0px !important;
}
a.relpost-block-single {
height: 150px;
width: 25%;
background-color: #fff !important;
}

div.cookie-notice-container {background: #a4d77a !important;}
span#cn-notice-text.cn-text-container{
  color: #3e5b2a !important;
  font-size: 16px !important;
}

.cn-close-icon {display: none;}
  
.searchandfilter label {
    display: inline-block;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    width: 100%;
}

a.generate-back-to-top.generate-back-to-top__show {margin-bottom: 50px;}

a.generate-back-to-top {
  background-color: rgba(195, 149, 61, 0.53);
  color: #ffffff;
}

.item.slide-img {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
}

div.dir-search.members-search.bp-search {display: none;}

span.activity {font-size: 9px; color: #828384;}

.buddypress-wrap .grid.bp-list > li .item .last-activity {
  margin-top: -12px !important;
  font-size: 12px !important;
  color: #7099c6;
}

buddypress-wrap .bp-feedback {
  box-shadow: 0 0px 0px 0px rgba(0,0,0,.1);
  color: #437b33;
  margin: 100px 0 30px 0;
}

.buddypress-wrap .bp-messages {border: 0;}

.buddypress-wrap .standard-form .field-visibility-settings-header {display: none;}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.owl-carousel .owl-item.active {border-radius: 8px 8px 0 0;}

.buddypress .buddypress-wrap button {border-width: 0;}

b#pp-xp-profession-label, h2.screen-heading.view-profile-screen {display: none;}

div.bp-uploader-window {margin-top: -15px;}
#drag-drop-area {
  border: 2px dashed #aeadad;
  height: 200px;
}

.buddypress-wrap .profile {margin-top: -15px;}

.buddypress-wrap .bp-feedback.help .bp-icon, .buddypress-wrap .bp-feedback.info .bp-icon {display: none;}

#wpdcom {
max-width: 1200px;
margin: -27px 15px 10px 15px;
}

#wpd-bubble-wrapper > div {background-color: #9AC0EA;}

#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {background-color: #4295DF;}

#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a {color: #005FB3;}

div.item-title.fn {font-weight: 600;}

#widget-comments-container.widget-comments-container {margin: 0px !important;}

#widget-comments-container .wpdiscuz-widgets-content .widget-title {
  margin-top: 0 !important;
  float: none !important;
  text-align: left !important;
}

#widget-comments-container .wpdiscuz-widgets-content {
  border: 0px !important;
    border-top-width: 0px !important;
  padding: 0 0 10px 0 !important;
  border-top: none !important;
}

#widget-comments-container.widget-comments-container > hr {
  border: none;
  border-bottom: 0 !important;
}

hr {border: 0; height: 0px;}


div#item-header.groups-header.single-headers {margin-top: -50px;}

.groups-header .desc-wrap .group-description {
  background: #f0f4e500;
    background-clip: border-box;
  box-shadow: 0px 0px 0px 0px !important;
  padding: 1em;
  text-align: center;
}

.groups-header .desc-wrap .group-description p {
  margin: -10px;
  padding: 0;
}


.groups-header .desc-wrap {
  background: #eaf1f669 !important;
  background-clip: border-box;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  border: solid 0px #ccc;
  border-radius: 10px !important;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
  padding: 20px 15px 0 15px;
  margin-bottom: 0;
  min-width: 175px;
}

.moderators-lists {
  display: table;
  margin: 0 auto;
}

buddypress .buddypress-wrap .activity-read-more a, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type="button"], .buddypress .buddypress-wrap input[type="reset"], .buddypress .buddypress-wrap input[type="submit"], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a {
  background: #e1e2de9c;
  color: #4e4f4d;
  font-weight: 500;
  margin-top: 20px;
  border: 0px solid #9cb38f !important;
  padding: 10px 15px;
  font-size: 14px;
}

div#item-header-content ul.member-header-actions.action li#friendship-button-2.friendship-button.is_friend.generic-button {margin-top: 0 !important; border: 0px !important;}

div.action button.button.invite-button.group-add-remove-invite-button.bp-tooltip.bp-icons.selected {
	color: #727272 !important;
}

.buddypress .bp-invites-content ul.item-list li.selected {
  box-shadow: inset 0 0 12px 0 rgba(255, 255, 255, 0.2);
}

.bp-single-vert-nav .bp-navs.vertical li.selected a {background: #ccc0; color: #c64242;}

.badge-status {font-size: 10px; padding: 1px 3px; border-radius: 15px !important;}

#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-post_author .wpd-avatar img {border-color: #F9F9F9;}

#wpdcom .wpd-comment .wpd-avatar img, #wpdcom .wpd-comment .wpd-avatar img.avatar {border: 0px solid #cccccc; padding: 0px;}

#wpdcom .wpd-blog-post_author .wpd-comment-label {background-color: #419BD0;}

.site-main .post-navigation {display: none;}


#wpdcom .wpd-comment-date {display: none;}

#wpdcom .wpd-comment-text {color: #3c3c3c;}

#wpdcom .wpd-thread-head .wpd-thread-info {border-bottom: 2px solid #2CCCFD;}

#wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-share {display: none;}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^="wpd-editor-wraper"] {border: 1px solid #a0afbb; border-radius: 2px;}

#comments #wpdcom .wpd-comment .wpd-comment-wrap .wpd-comment-author span.wpducm-user-nicename {
  color: #0b0b0b;
  font-family: Arial;
  font-weight: 100;
}

#widget-comments-container .wpdiscuz-widgets-content div.active-tab-content {
  display: block !important;
  margin-top: -20px;
}

ul.wpp-list.wpp-list-with-thumbnails {margin-top: 20px;}

.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a span {
  background: #96bdcc;
  border: 0px solid #d6d6d6;
  color: #fff;
  border-radius: 7px;
  margin-right: -10px;
}

h2.item-post__title {margin-bottom: 8px !important;}

#wpdcom .wpd-form-wrap {
  padding-bottom: 10px;
  margin-top: -50px;
}

#wpdcom #wpd-threads {
  margin-top: 10px;
  margin-bottom: -20px;
}

.m-a-box-content.m-a-box-profile .m-a-box-data .m-a-box-bio {
  margin-top: 20px;
  display: none;
}

.m-a-box-content.m-a-box-profile .m-a-box-data .m-a-box-name {
  margin: -10px 0 -70px 0;
  text-align: left!important;
}

.m-a-box-content.m-a-box-profile .m-a-box-profile-multiauthor {
  width: 100%;
  margin-bottom: 25px !important;
}

.buddypress-wrap .members-list li .item-extra-content {display: none;}

.is-ajax-search .is-loader-image {display: none !important;}

.is-form-style input.is-search-submit, .is-search-icon {
  color: #f2f2f7;
  background: #f0f4f9;
  margin: -5px -5px -5px -10px;
  border: solid 0px #e5edf4 !important;
  height: 46px;
  border-radius: 0px 25px 25px 0px;
}

.is-search-icon {
  width: 36px;
  padding-top: 12px !important;
	z-index:9999;
}

#search-header input.is-search-input {
  font-family: inherit;
border-radius: 25px 0 0 25px !important;
	z-index:111;
}

div.gjs-cell {margin-top: 15px;}
.es-submit {
  text-align: right;
}
.gjs-row input[type="submit"] {
color: #354f2d;
background-color: #99d27ccc;
border-radius: 25px !important;
}
div.textwidjet{margin-top: 10px;}

.es_subscription_message.success {
  color: #008000;
  font-size: 18px;
}

.tagcloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

a.tag-cloud-link {
  padding: 5px 15px;
  background-color: #fff0;
  border-radius: 25px;
  margin-right: 20px;
  margin-bottom: 12px;
  border: solid 4px #fff;
}

.tag-cloud-link[style*=": 8"] {
  font-size: 0.9em !important;
  font-weight: 700;
}

div.tagcloud a.tag-cloud-link {color: #90a7cc;}
div.tagcloud a.tag-cloud-link:hover {color: #78b8f1;}

a:hover, a:focus, a:active {color: #d5a04e;}

.ui-accordion .ui-accordion-content {padding: 5px !important;}

.ui-widget-content {border: 0px solid #ddd !important;}

body #buddypress select {padding: 10px 15px;}

div#field_2_wrap.bps-selectbox select#field_2  {margin-bottom: -2px !important;}

nav.members-type-navs.main-navs.bp-navs.dir-navs {display: none;}

body.buddypress.bp-user .buddypress-wrap .member-header-actions * > * {
  display: block;
}
.friendship-button.not_friends.add {
  position: relative;
}

.member-header-actions > * {
  margin: 0 0.25rem 0.5rem 0.25rem !important;
  display: inline-block;
}

@media (min-width: 783px) {
#buddypress #item-header-cover-image #item-header-avatar {
  margin-top: 230px;
  margin-bottom: -70px;
}}

div#bps_accordion_form_129.ui-accordion.ui-widget.ui-helper-reset form#form_129.bps-form.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active {
  background-color: #f8f8f800 !important;
}

.entry-meta {
  font-size: 14px;
  line-height: 1.5;
}

.entry-meta.comment-metadata {
  margin-top: 0;
  font-size: 12px;
  display: none;
}

.is-form-style input.is-search-input {
  padding: 0 12px;
  height: 46px;
  border: solid 0px #2d8adb !important;
  border-radius: 25px 0px 0px 25px !important;
}

textarea#whats-new.bp-suggestions {resize: none; height: 75px;}

body #buddypress dl,  body #buddypress textarea {border-radius: 10px !important;}
body #buddypress li {border: 0px !important;}

.buddypress-wrap form#group-members-search input[type="search"], .buddypress-wrap form#group-members-search input[type="text"], .buddypress-wrap form.bp-dir-search-form input[type="search"], .buddypress-wrap form.bp-dir-search-form input[type="text"], .buddypress-wrap form.bp-messages-search-form input[type="search"], .buddypress-wrap form.bp-messages-search-form input[type="text"], .buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"], .buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="text"] {
  float: left;
  line-height: 2;
  padding: 3px 10px;
  width: 100%;
}

.buddypress-wrap form#group-members-search button[type="submit"] span, .buddypress-wrap form.bp-dir-search-form button[type="submit"] span, .buddypress-wrap form.bp-messages-search-form button[type="submit"] span, .buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"] span {
  font-family: dashicons;
  font-size: 18px;
  line-height: 1.6;
  margin-top: -45px;
}

.buddypress-wrap form.bp-dir-search-form button[type="submit"], .buddypress-wrap form.bp-invites-search-form button[type="submit"], .buddypress-wrap form.bp-messages-search-form button[type="submit"] {
  float: right;
  padding: 3px 1.7em;
  width: 30px;
	background-color: #fff !important;
	border: 0px !important;
}

div.group-search.members-search.bp-search form#group-members-search-form.bp-dir-search-form input#group-members-search {
	border: solid 1px #527293 !important;}

h2.bp-screen-title {display: none;}

.activity-update-form #whats-new-content, .activity-update-form #whats-new-post-in-box, .activity-update-form #whats-new-submit {
  margin-left: 0px !important;
  margin-top: -10px;
}

.bp-single-vert-nav .item-body:not(#group-create-body) {
  background: #fff;
  border-left: 0px solid #d6d6d6 !important;
  float: right;
  margin: 0;
  min-height: 400px;
  padding: 0 0 0 1em;
  width: calc(75% + 1px);
}

div.bp-profile-button {display: none;}

.buddypress-wrap .bp-feedback {
  background: #fff;
  color: #807f7f;
  box-shadow: 0 0px 0px 0px rgba(0,0,0,.1);
  color: #737373;
  margin: 20px 0 -10px 0;
  position: relative;
}

div#buddypress.buddypress-wrap.generatepress.round-avatars.bp-dir-hori-nav.alignwide div.bp-wrap div#item-body.item-body div.profile.change-avatar p.bp-feedback.info span.bp-help-text, div#buddypress.buddypress-wrap.generatepress.round-avatars.bp-dir-hori-nav.alignwide div.bp-wrap div#item-body.item-body div.profile.change-cover-image p.info.bp-feedback {display: none;}

.buddypress-wrap .item-body .screen-heading {
  font-size: 20px;
  font-weight: 400;
  display: none;
}

.popup__inner-post_update {
  height: 100%;
}
.post-update-form {
  max-width: 100%;
  width: 60rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup__inner .wp-editor-wrap,
.popup__inner .wp-editor-container,
.popup__inner .mce-tinymce,
.popup__inner .mce-tinymce > .mce-container-body,
.popup__inner .mce-edit-area {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.popup__inner .mce-edit-area > iframe,
.popup__inner .wp-editor-area {
  flex-grow: 1;
  height: auto !important;
}
.post-update-form_btn-wrap {
  margin-top: 1rem;
  text-align: right;
}
.post-update-form_cancel {
  padding: 3px 10px;
  border: 1px solid #c4300e;
  color: #c4300e;
  cursor: pointer;
  border-radius: 1rem;
  margin-right: .5rem;
}
.post-edit__btn-wrap {
  margin: 2rem 0;
}
.post-edit__btn-popup {
  padding: .25rem 0.7rem;
  background-color: #ADDB964D;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border-radius: 1rem;
}

html body.directory.members.buddypress.bp-nouveau.page-template-default.page.page-id-64.logged-in.wp-embed-responsive.post-image-aligned-center.sticky-menu-fade.generatepress.right-sidebar.nav-float-right.separate-containers.header-aligned-left.dropdown-hover.js.cookies-set.cookies-accepted.using-mouse div#page.hfeed.site.grid-container.container.grid-parent div#content.site-content div#primary.content-area main#main.site-main article#post-0.post-0.page.type-page.status-publish div.inside-article div.entry-content div#buddypress.buddypress-wrap.generatepress.round-avatars.bp-dir-hori-nav.alignwide div#bps_accordion_form_98.ui-accordion.ui-widget.ui-helper-reset form#form_98.bps-form.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active div button

{  background-color: #dfe7eccc;
  float: right;
  margin-top: 10px !important;
  padding: 12px 20px;
}

#field_1_contains_wrap {margin: 0px 0 -5px 0;}

#form_98 {height: auto !important;}

div.item-post__image  {
width: 100px;
  float: left;
  margin-right: 10px;
}

#item-header-content .bp-verified-badge, #item-header-content .bp-unverified-badge, #profile-header .bp-verified-badge, #profile-header .bp-unverified-badge {
  width: 18px;
  height: 18px;
  background-size: 9px;
  margin-left: .3em;
}

.search-page {
  background-color: #ffffff9e;
  min-height: 30rem;
  border-radius: 10px;
  border: 1px solid #cbd8df8a;
  box-shadow: 5px 5px 8px 1px #6390bf45;
}

.search-page {padding: 1.2rem 1.5rem;}
.post-item {margin-bottom: 1.5rem;}
.post-item__title {
  font-size: 1.25rem;
  margin-bottom: .5rem;
}

.badge-status {
  padding: 3px 0px 3px 5px;
  margin: 5px 0px 5px 5px;
}

  @media screen and (min-width: 46.8em)
.buddypress-wrap .tabbed-links ol, .buddypress-wrap .tabbed-links ul {
  border-bottom: 0px solid #ccc !important;
  float: none;
  margin: 0px 0 0px !important;
    margin-top: 0px !important;
}

.bp-verified-badge, .bp-verified-member:not(.bp-verified-member-badge-loaded) .member-name-item > a::after, .bp-verified-member:not(.bp-verified-member-badge-loaded) .item-title > a::after, .bp-verified-member:not(.bp-verified-member-badge-loaded) > .author > a::after, .bp-verified-member:not(.bp-verified-member-badge-loaded) .member-name > a::after, .bp-unverified-badge, .bp-unverified-member:not(.bp-unverified-member-badge-loaded) .member-name-item > a::after, .bp-unverified-member:not(.bp-unverified-member-badge-loaded) .item-title > a::after, .bp-unverified-member:not(.bp-unverified-member-badge-loaded) > .author > a::after, .bp-unverified-member:not(.bp-unverified-member-badge-loaded) .member-name > a::after {
  top: -.1em;
  margin-left: .4em;
  width: 17px !important;
  height: 17px !important;
}

#buddypress div#item-nav ul li a:before {
    font: 400% "FontAwesome";
    content: "\e8a5"; /* change this to proper Font Awesome unicode */
    display: block;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}

#buddypress div#item-nav ul #activity-personal-li a:before, 
#buddypress div#item-nav ul #home-groups-li a:before {
    content: "\e8ed"; /* change this to proper Font Awesome unicode */
}

#buddypress div#item-nav ul #xprofile-personal-li a:before {
    content: "\e98e"; /* change this to proper Font Awesome unicode */
}

#buddypress div#item-nav ul #blogs-personal-li a:before {
    content: "\e802"; /* change this to proper Font Awesome unicode */
}

#buddypress div#item-nav ul li a:before {
    color: #222222;
}

#buddypress div#item-nav ul li a span {
    position: absolute;
    top: 10px;
    left: 52%;
    z-index: 12;
}

#buddypress .item-nav {border-bottom: 1px solid #DDD;}

.ggpopover.fade.in {width: 500px;}

.activity-list .activity-item .activity-content .activity-header, .activity-list .activity-item .activity-content .comment-header {
  color: #88898a;
  margin-bottom: 0px;
  font-size: 12px;
}

span.user-role.activity {display: none;}
div.item-post__action {display: none;}

.wpp-list li a {
  color: rgb(143, 183, 225) !important;
}

input#cren_subscribe_to_comment {margin-right: 10px;}


div.bp-avatar-status p.success, div.bp-cover-image-status p.success {
  background-color: #eeffcc82;
  border: 1px solid #7a916300;
  color: #250;
  border-radius: 10px;
}

  @media screen and (min-width: 24em)
.grid.members-list .list-wrap {
  min-height: auto !important;
}

.buddypress-wrap .bp-tables-user tr td.label, .buddypress-wrap table.forum tr td.label, .buddypress-wrap table.wp-profile-fields tr td.label {
  border-right: 0px solid #eaeaea;
  font-weight: 600;
  width: 25%;
}

/*
 * GP-Child: Profile fields — vertical alignment fix.
 *
 * In Profile → View, the label column (td.label, e.g. "Name") and the
 * value column (td.data) sit on the same row but render with different
 * baselines: the right-column value text appears 5–7px HIGHER than its
 * label.  This is because td.label uses a heavier font-weight (600 in
 * the rule above) which slightly raises the cap-height of the rendered
 * glyphs, while td.data uses normal weight.  In addition, td.data's
 * inner <p> has its top margin reset to 0 (see line ~4185), removing
 * the natural breathing room WP-style content normally has.
 *
 * Fix: nudge the td.data text down by 7px via padding-top.  Padding,
 * not margin, because the cell is already in a table row and a top
 * margin on the cell would be ignored — and padding leaves the row
 * height to settle naturally without forcing extra row-spacing in
 * the textarea-row variant a few rules below this one.
 *
 * Scoped to all three table-class variants BP renders across versions:
 *   .bp-tables-user           — bp-legacy templates
 *   table.profile-fields      — bp-nouveau, current
 *   table.wp-profile-fields   — older legacy fallback
 *
 * The :first-child constraint targets the FIRST line of value content
 * only, so multi-paragraph values (textarea fields with several <p>
 * blocks) don't get the offset compounded onto every paragraph.
 */
.buddypress-wrap .bp-tables-user        tr td.data,
.buddypress-wrap table.profile-fields    tr td.data,
.buddypress-wrap table.wp-profile-fields tr td.data,
#buddypress      table.profile-fields    tr td.data {
  padding-top: 7px;
  vertical-align: top;
}

/* Make sure td.label is also top-aligned so the 7px offset has a stable
   reference — without this, browsers default to vertical-align:middle on
   td and the label centers itself against the value's full height,
   which would re-introduce a different misalignment on long values. */
.buddypress-wrap .bp-tables-user        tr td.label,
.buddypress-wrap table.profile-fields    tr td.label,
.buddypress-wrap table.wp-profile-fields tr td.label,
#buddypress      table.profile-fields    tr td.label {
  vertical-align: top;
}

.buddypress-wrap .bp-tables-user tbody tr, .buddypress-wrap table.forum tbody tr, .buddypress-wrap table.wp-profile-fields tbody tr {
  background: #fafafa00;
}

table, td, th {
  border: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.cat-links, .comments-link {
  display: block;
  margin: 0px 0 -10px 0;
}

.tags-links {
  display: block;
  margin: 12px 0 -5px 0;
}

.ShariffHeadline {
  font-size: 17px;
  color: #a5a4a3;
  font-weight: 600;
  margin-bottom: 7px;
}

.login-form > * + *,
.lost-form > * + * {
  margin-top: 1rem;
}

.login-field_opt {
  display: flex;
  justify-content: space-between;
}

.clicker {
  cursor: pointer;
  color: #963800;
  font-weight: 700;
}

.clicker:hover {color: #d5a04e;}

.popup__toggle {display: none;}

.popup__close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  line-height: 1;
}
.popup__wrap,
.popup__outside {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.popup__outside {
  position: absolute;
}
.popup__wrap {
  position: fixed;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(255,255,255,.75);
}

.popup__toggle:checked ~ .popup__wrap {
  display: flex;
}

.popup__inner {
  position: relative;
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 1rem rgba(23, 41, 54, 0.04),
  0 0.125rem 2rem rgba(23, 41, 54, 0.08),
  0 0 0 0.0625rem rgba(23, 41, 54, 0.024);
  max-width: 100%;
}

.popup-lost_password .popup__outside {
  background-color: #fff;
}

#profile-details-section > h2:nth-child(1) {margin-bottom: -10px;}

#basic-details-section > label:nth-child(4) {margin-top: -10px;}

.register-page .signup-form #pass-strength-result, .register-page .signup-form #pass1, .register-page .signup-form #pass1-text {
  width: 100%;
}

aside.bp-feedback.bp-messages.info {display: none;}

pre {
  background: rgba(253, 252, 252, 0) !important;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  margin-bottom: 1.5em;
  padding: 0px !important;
  overflow: auto;
  max-width: 100%;
}

span.badge-status {
  background: #e7f2dc !important;
  border-radius: 15px !important;
  font-size: 10px !important;
  color: #222 !important;
  padding: 5px 7px !important;
}

.lightweight-accordion > details {
  overflow: hidden;
  transition: height .5s;
  height: 45px;
}

.lightweight-accordion .lightweight-accordion-title h1, .lightweight-accordion .lightweight-accordion-title h2, .lightweight-accordion .lightweight-accordion-title h3, .lightweight-accordion .lightweight-accordion-title h4, .lightweight-accordion .lightweight-accordion-title h5, .lightweight-accordion .lightweight-accordion-title h6, .lightweight-accordion .lightweight-accordion-title p, .lightweight-accordion .lightweight-accordion-title span {
  font-family: Quicksand !important;
  font-weight: 600 !important;
	color: #184d86 !important;
}

.lightweight-accordion .lightweight-accordion-title {
  background: #e5eadb00 !important;
  padding: 10px 12px 10px 18px;
  border-radius: 12px;
}

.lightweight-accordion .lightweight-accordion-title span {
  font-size: 18px;
  font-family: Quicksand !important;
  font-weight: 700 !important;
  margin-left: 7px !important;
}

div.lightweight-accordion-body p {
  font-family: Quicksand !important;
  font-weight: 600 !important;
  font-size: 17px !important;
}

.cld-like-dislike-wrap {
  display: inline-block;
  margin-bottom: -10px;
}

.activity-post__snippet .read-more {
    display: none;
}

#buddypress .grid > li .list-wrap {
  background: #fafafa00;
    background-clip: border-box;
  background-clip: border-box;
  border: 0px solid #d5d6d7;
  padding-bottom: 1px;
  position: relative;
  overflow: hidden;
  padding-top: 4px;
  border-radius: 10px;
  min-height: auto;
  height: 100%;
}

.grid.members-list .list-wrap .item-block {
  min-height: auto;
}

.activity-list .activity-item.new_blog_post .activity-inner img {
  max-width: 120px;
  float: left;
  margin-right: .8em;
}

.activity-list .activity-item div.item-avatar,
.activity-list .activity-item.mini .activity-avatar {
  float: left;
  width: 50px;
  margin: 0 10px 0 0;
}

.yarpp-related {
  margin-top: 2.2em !important;
  margin-bottom: 40px !important;
}

.yarpp-related h3 {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #020202;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  border: 0px solid hsla(0,0%,50%,.1) !important;
}

.yarpp-related .yarpp-thumbnail-title {
  font-weight: 800 !important;
  text-align: center !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 184px !important;
  height: 200px !important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 160px !important;
  height: 160px !important;
  margin: 5px !important;
}

.avatar-50.photo{border-radius: 50%;}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-default, .yarpp-thumbnails-horizontal .yarpp-thumbnail > img {
  display: block;
  border-radius: 10px;
}

.yarpp-thumbnail > img {
  width: 160px !important;
  height: 160px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
  margin: 5px !important;
}

.buddypress-wrap .register-page .layout-wrap {
    display: block;
}

.buddypress-wrap .register-page .layout-wrap .default-profile,
.buddypress-wrap .register-page .layout-wrap .extended-profile {
  padding: 0;
  max-width: 480px;
  margin: 0 auto; /* centers the element */
  width: 100%; /* ensures responsiveness */
  box-sizing: border-box; /* keeps padding inside the width */
}

.privacy-policy-accept, #blog-details-section {padding: 0;
  max-width: 480px;
  margin: 0 auto; /* centers the element */
  width: 100%;}

.buddypress-wrap .register-page input[type="submit"],
.buddypress-wrap .register-page button {
  display: block;
  margin: -10px auto 20px auto !important;
}

.page.bp_register {
  max-width: 500px;
  margin: 0 auto;
}

.page.bp_activate {
  max-width: 500px;
  margin: 50px auto 100px auto !important;
}

article#post-0.bp_register.type-bp_register.post-0.page.type-page.status-publish )margin-top: 160px !important;}

.password-input-wrapper {
  position: relative;
}

.registration #footer-widgets, 
.registration #search-header {
  display: none;
}

.activation #footer-widgets, 
.activation #search-header {
  display: none;
}

div#basic-details-section.register-section.default-profile h2.bp-heading, div#profile-details-section.register-section.extended-profile h2.bp-heading {display: none;}

div#basic-details-section.register-section.default-profile label {margin-top: -10px;}

.buddypress-wrap #pass-strength-result.strong {
  background-color: #66d66e36;
  border-color: #438c4894;
  color: #648e4c;
}

#field_33-1, #field-visibility-settings-toggle-17 {margin-top: -10px !important;}

#field_1-1 {margin: 7px 0 5px 5px !important;}

#field_2-1 {margin: 5px 0 5px 5px !important;}

legend#field_149-1 {0px 0 5px 5px !important;}

#field-visibility-settings-toggle-149 {display: none;}

fieldset legend {margin-bottom: 10px;}

select#field_2, select#field_11 {margin-bottom: 10px;}

#field-visibility-settings-toggle-1, #field-visibility-settings-toggle-2, #field-visibility-settings-toggle-11 {display: none;}


div.editfield.field_2.field_country.required-field.visibility-public.alt.field_type_selectbox fieldset select#field_2 {border-radius: 25px !important;}

div.login-field_opt label.toggle-lost_password {display: none;}

form input[required]:invalid, .buddypress-wrap .standard-form select[required]:invalid, .buddypress-wrap .standard-form textarea[required]:invalid {
  border: solid 1px #527293 !important;
  border-radius: 25px;
  background: #fff !important;
}

div.editfield.field_2.field_country.required-field.visibility-public.alt.field_type_selectbox fieldset select#field_2 {border-radius: 25px !important;}

form input[required]:invalid, .buddypress-wrap .standard-form select[required]:invalid, .buddypress-wrap .standard-form textarea[required]:invalid {
  border-color: #f0c105;
  border-width:0;
  background: #eed69275;
}

.buddypress-wrap .standard-form p.description {
  color: #737373db;
  margin: 5px 0;
  padding: 5px 7px;
}

div#primary.content-area main#main.site-main article#post-0.bp_register.type-bp_register.post-0.page.type-page.status-publish div.inside-article {margin: 50px auto 150px auto !important;}

@media screen and (max-width: 768px) {
  div#primary.content-area main#main.site-main article#post-0.bp_register.type-bp_register.post-0.page.type-page.status-publish div.inside-article {
    max-width: 100% !important;
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

.saboxplugin-wrap {
  border: 0px solid #fff0d4 !important;
  background: #eaf0f442;
  border-radius: 10px;
  margin-top: 20px !important;
}

.saboxplugin-wrap .saboxplugin-gravatar img {
  max-width: 100px;
  height: auto;
  border-radius: 50% !important;
}

.menu-item i._mi, .menu-item img._mi {
  display: inline-block;
  vertical-align: middle;
}

i._mi.fa.fa-user {margin-right: -7px;}

.buddypress-wrap .bp-feedback.success .bp-icon, .buddypress-wrap .bp-feedback.updated .bp-icon {
  background-color: #94c406fc;
  border-radius: 15px;
}

div#activate-page.page {margin-top: 0px;}

div#activate-page.page aside.bp-feedback.bp-messages.bp-template-notice.success {display: none;}

#buddypress #item-header-cover-image #item-header-avatar img.avatar {
  border: solid 2px #FFF;
  background: rgba( 255, 255, 255, 0.8 );
  height: 140px;
  width: auto;
}

#buddypress #item-header-cover-image #item-header-avatar img.avatar {
  border: solid 2px #FFF;
  background: rgba( 255, 255, 255, 0.8 );
  height: 135px;
  width: auto;
}

.widget ul li { margin-bottom: .3em;}

div.inside-article footer.entry-meta span.cat-links span.gp-icon.icon-categories svg path, div.inside-article footer.entry-meta span.tags-links span.gp-icon.icon-tags svg path {color: #939191;}

button#bp-delete-cover-image.button.edit {position: relative;padding: 10px 15px;}

input#bp-browse-button.button {padding: 10px 15px;}

div#avatar-crop-actions button.button.avatar-crop-submit {position: relative;}

#bp_reddit_share span {color: #e85a5a !important;}
#bp_email_share span {color: #8BB73E !important;}

.friendship-button.not_friends.add {position: relative;}

.buddypress-wrap .grid.bp-list > li .action .generic-button a, .buddypress-wrap .grid.bp-list > li .action .generic-button button {display: none;}

aside.bp-feedback.bp-messages.bp-template-notice.error {
  background: #fdd1c3;
  padding: 10px;
  border-radius: 10px;
  z-index: 999;
  color: #8d1d03;
  margin: 10px 0 -5px 0;
  font-weight: 500;
}

aside.bp-feedback.bp-messages.bp-template-notice.success {
  padding:10px;
  z-index: 9997;
  background: #e2f0bc;
  border-radius:10px;
  margin-top: 10px;
  color: #6a8906;
  font-weight: bold;
}
button.mpp-align-right.mpp-button-primary.mpp-create-gallery-button {position: relative;}
.mpp-item-entry .mpp-item-thumbnail img, .mpp-item-single .mpp-item-entry img.mpp-large, .mpp-image {
  box-shadow: 0 0 0px #ccc;
  padding: 0px;
}

.mpp-lightbox-media-entry {
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}

.mpp-lightbox-with-comment-media-container .mpp-lightbox-media-meta {
  background: #375c8c00 !important;
}

@media (max-width: 768px){
div.generic-button.bp-featured-members-button {
  margin: 10px 10px 0 0;
}}

@media (max-width: 768px){
li#send-private-message.generic-button {
  margin: 10px 10px 0 10px;
}}

.register-page .signup-form .wp-pwd {
  position: relative;
}

.register-page .signup-form .wp-pwd button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  background: #fff0;
  z-index: 10;
  margin-top: 0px !important;
  border: 0 !important;
}

.buddypress.widget .avatar-block img {
  margin: .5em .2em;
}

.groups-nav {
  display: flex;
  overflow-x: auto;
}
.groups-nav a {
  white-space: nowrap;
}

@media (max-width: 782px) {
  .single-headers .group-status {
    padding-right: 0;
    margin-bottom: 5px;
  }
  .single-headers .activity {
    display: block;
  }
}

li#menu-item-43.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-43 {padding-right:-15px;}

.bp-list li .item-avatar img.avatar {
  display: inline-block;
  width: 75px;
  height: auto;
}

div.activity ul#activity-stream.activity-list.item-list.bp-list ul.activity-list.item-list.bp-list li#activity-8.activity.activity_update.activity-item.has-comments div.activity-avatar.item-avatar .avatar-150.photo {
  display: inline-block;
  width: 75px;
  height: auto;
  margin: 30px 20px 0 20px;
}

.bp-list {
  border-top: 0px solid #eaeaea;
  margin: 0px 0;
  padding: .5em 0;
}

#buddypress div.activity-meta {
  position: relative;
  display: flex;
  align-items: center;
  background-color: transparent;
  justify-content: end;
  margin-top: 10px;
  padding: 0;
  border: none;
}

.service-buttons {
  margin-top: 10px;
  padding: 0;
  display: flex;
  justify-content: end;
  width: 100% !important;
}

div#rtmedia-action-update div.rtm-upload-button-wrapper{
  float: left;
  margin: 10px 0px 0 -60px !important;
}

.bp-nouveau .activity-update-form .rtmedia-upload-terms {
  float: left;
  margin: 10px 0 0 0;
}

select#rtSelectPrivacy.rtm-form-select.privacy {
  margin-top: 5px;
}

.rtm-form-select.privacy.rtm-activity-privacy-opt{
  display: none;
}

div#dir-filters.component-filters.clearfix{
  display: none;
}

.activity-list .activity-item .activity-meta.action .button {
  background: 0 0;
  color: #c4c6c8;
}

#ai_main_activity_reaction .ai_bp_reactions_default span {
  padding: 4px !important;
  display: none;
}

div#subnav-filters.subnav-filters.filters.no-ajax div#comp-filters.component-filters.clearfix{
  display: none;
}

div.dir-search.groups-search.bp-search form#dir-groups-search-form.bp-dir-search-form{
  display: none;
}

h2.list-title.groups-title {
  font-size: 18px !important;
  margin-right: 10px !important;
}

.buddypress-wrap .groups-list li .group-desc {
  border: 0px solid #eaeaea;
  font-style: normal;
  margin: 0px 0;
  padding: 0.1em;
}

@media screen and (min-width: 46.8em){
.bp-list li .item .list-title {
  font-size: 23px;
}}

div.subnav-search.clearfix div.dir-search.activity-search.bp-search {display: none;}

div#activity-filter-select.last.filter {display: none;}

div#item-header-content div.activity-meta.groups-meta.action {
  margin: -5px 10px -8px 10px;
}

html body #ai_main_activity_reaction .smiley_img {
  height: 20px !important;
  width: 20px !important;
  margin: 0 0px 0 4px !important;
}

span.bpmts-moderation-label {display: none;}

@media screen and (min-width: 380px){
.bpmts-modal .mfp-inline-holder .mfp-content, .bpmts-modal .mfp-ajax-holder .mfp-content {
  border-radius: 12px;
}}

.mfp-bg {
  background: rgba(45, 87, 113, 0.79) !important;
}

.buddypress-wrap .bp-feedback.error .bp-icon, .buddypress-wrap .bp-feedback.warning .bp-icon {
  background-color: #fbc166;
  border-radius: 15px;
	display: none;
}

div#register-page.page.register-page form#signup-form.standard-form.signup-form.clearfix div.layout-wrap div#basic-details-section.register-section.default-profile div.bp-messages.bp-feedback.error {
  margin: 0px 0px 5px 0px;
  color: #e84e03;
}

#message-threads li .thread-from img.avatar, #message-threads li .thread-to img.avatar {
  height: 50px !important;
  width: auto;
}

#message-threads {
  border-top: 0px solid #eaeaea !important;
}

.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
  width: 30px;
  height: auto;
}

.bp-messages-content .thread-participants img {
  width: 30px !important;
  height: 30px !important;
}

.avatar-30.photo {
  height: 30px !important;
  width: auto;
}

#buddypress #item-body {
  padding: 0 0px !important;
	margin-top: 0px;
}

.bbpm-avatar img {
  display: block;
  border-radius: 50% !important;
}

.bp-messages-wrap .chat-footer {
  height: 50px !important;
}

.bp-messages-wrap {
  border: 0px solid rgba(var(--bm-border-color), 1) !important;
}

#group-create-body .creation-step-name {
  font-size: 20px;
  margin: 15px 0px 20px 0px;
  font-weight: 600;
}

div#group-create-body.item-body div.rtmedia-group-media-settings h4 {
    font-size: 20px;
  margin: 1px 0 10px 0;
}

h2.bp-subhead {
  margin: 0 0 -50px 0 !important;
  font-size: 20px !important;
}

div#group-create-body.item-body p {margin-bottom: 1.5em;}

.drag-drop #drag-drop-area {
  border: 1px dashed #0668bf !important;
  border-radius: 10px;
  margin-top: 20px;
}

.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
  background: #36a6c9;
  color: #fff;
  border-radius: 10px;
}

div#previous-next.submit input#group-creation-previous {
  padding: 10px 15px;
}

@media screen and (max-width: 800px) {
#bp-better-messages-mini-mobile-open {
  background: #78b363;
  padding: 3px 0 5px 0;
  border-radius: 25px;
	}}

@media (max-width: 1024px) {
  .masonry-enabled .grid-container {
	  max-width: 55em;
	}
}
@media (max-width: 767px) {
  .masonry-enabled .grid-container {
	  max-width: 28em;
	}
}

.secondary-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #940101 !important;
  background-color: #fff0 !important;
}

.bpfb_form_container {
  padding: 0;
  background-color: #fff;
}

.bpfb_actions_container, .bpfb_preview_container {
  margin-bottom: 0.7em;
  margin-top: 0.7em;
}

.ui-accordion .ui-accordion-header {
  padding: 0 !important;
  display: block !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5 !important;
  background: #f6f6f600 !important;
  color: #609b0a !important;
}

.ui-icon-plus {
  background-position: -128px !important;
}

.ui-icon-minus {
  background-position: -128px !important;
}

.user-comment-item {margin-bottom: 1.5rem !important;}

.user-comment-content {
  padding: 1rem;
  border-radius: 20px;
  background-color: #f1f3ec91;
  font-size: 16px;
}
	
#ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig {font-size: 0.9em !important;}

/* (Removed: `input#select-all-notifications { margin-left: -20px; }`.
   That global rule was pushing the header "select all" checkbox off the
   left edge of the table at every viewport width.  The notifications
   layout block below positions the bulk-select column correctly without
   needing this nudge.) */

img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

.single-headers #sitewide-notice p, .single-headers div#message p {
  background-color: #fff8dd;
  border: 1px solid #cb2;
  color: #440;
  font-weight: 400;
  margin: 50px 0 20px 0;
  text-decoration: none;
  padding: 10px;
  border-radius: 10px;
}

div.widget.popular-posts.wpp-ajax h2 {
  color: #5c6e82;
  font-weight: 600;
  font-size: 17px;
  margin: -20px -30px 12px -30px;
  background: #ddebf470;
  padding: 7px 5px 12px 15px;
  border-radius: 10px 10px 25% 25%;
}

.tnp-widget input.tnp-submit {
  background-image: none;
  text-shadow: none;
  margin: 0;
  margin-bottom: 0px;
  font-size: 17px !important;
  padding: 5px 12px !important;
	color: #41562b !important;
  background-color: #bbcda6cc !important;
  border-radius: 25px;
  border: 1px solid #9cb38f !important;
  font-weight: 600 !important;
  display: inline-block !important;
  width: auto !important;
}

.tnp-widget input.tnp-submit:hover {
  color: #526701 !important;
  background: #c9d09b78 !important;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  border-radius: 25px !important;
  padding: 12px 17px !important;

}

ul#member-primary-nav.bp-priority-object-nav-nav-items li#donate-personal-li.bp-personal-tab a#user-donate {color: #658a01;}


#cn-more-info {background: #0895fb !important;}
#cn-more-info:hover {background: #016fe3 !important;}
div.dem-date {display: none;}

.comment-author-label {
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
	display: none;
}
  
.comment-author-label-editor {  
background-color:#efefef;
}
.comment-author-label-author {
background-color:#faeeee;
}
  
.comment-author-label-contributor {
background-color:#f0faee;   
}
.comment-author-label-subscriber {
background-color:#eef5fa;   
}
  
.comment-author-label-administrator { 
background-color:#fde9ff;
}

div.widget.popular-posts.wpp-ajax h2 {
  color: #5c6e82;
  font-weight: 600;
  font-size: 17px;
  margin: -20px -30px 0 -30px;
  line-height: 1.2em;
  text-transform: none;
  font-family: inherit;
  background: #ddebf470;
  border-radius: 10px 10px 25% 25%;
  padding: 10px 15px 12px 15px;
}

.header-mobile > .grid-container {
  padding: 0 15px;
  margin-top: 30px;
}
@media (min-width: 769px){
  .header-mobile {
    display: none;
  }
}

#buddypress p.warning, body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
  background-color: #fdf9e6;
  border: 1px solid #e1caab;
  color: #440;
  display: block;
  font-size: 90%;
  margin: 1em 0;
  padding: 10px 15px;
  border-radius: 10px;
}
.sf-input-select > .sf-level-0  {display: block;}

/* Search Header */
.srcquick-wrap,
.srcquick-from {
  position: relative;
}

.srcquick-btn {
  border: none;
  padding: 0.25rem 1rem;
  background: none;
  position: absolute;
  right: 0;
  top: 3px;
  color: #a67d2d;
}

input.srcquick-field {
  font-size: .8rem;
  padding: .5rem 1rem;
  background-color: #fff;
}

.srcquick-content[hidden] {
  display: none;
}

.srcquick-content {
  position: absolute;
  left: 0;
  right: 0;
  padding: 1rem;
  z-index: 1;
  top: 100%;
  border: 1px solid #eee;
  box-shadow: 0 .5em 1.25em hsla(0, 0%, 15%, .05);
  border-radius: 1rem;
  background-color: #fff;
}

div+.srcquick-lists {
  margin-top: 1rem;
}

.srcquick-title {
    font-size: 1.15rem;
    margin-bottom: .25rem;
}

.srcquick-snippet {
  margin-bottom: 0;
}

.srcquick-loader {
  position: absolute;
  right: 3rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1rem;
  pointer-events: none;
  background-color: #aaa;
  top: 0.35rem;
  display: none;
}

[blinker] {
  display: block;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.srcbar-field {
  margin-bottom: .5rem;
}


.post-item__title > a:nth-child(1) {
color: #a40000;
font-size: 17px;
}
.post-item__title > a:nth-child(1):hover {color: #e39602;}

.popular-posts > h2:nth-child(1) {
  color: #6281a8;
  font-weight: 700;
  font-size: 20px;
  margin: -10px -15px 7px;
  background: #65c6ec12;
    background-image: none;
  padding: 7px 5px 10px 15px;
  border-radius: 10px 10px 25% 25%;
  font-family: Lobster Two;
  background-image: linear-gradient(#cee8fb, #f2f4f769);
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
  color: #526701;
  background: #c9d09b78;
}

form#search-filter-form-105.searchandfilter {margin-top: -15px;}

toasts.Toastify__toast--info {background:rgb(215, 94, 6) !important;}

.bm-toast-site-message {
  background: #058ef3 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

#login form .submit .button {color: #fff !important;}


.widget :last-child {
  margin-bottom: 0;
  margin-top: 0px;
}

.tnp-widget input[type="text"], .tnp-widget input[type="email"], .tnp-widget select {
  border: solid 1px #527293 !important;
  background-color: #fff !important;
}

.bp-profile-field-value, .emoji {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 1.1em;
}

body.register .comments-area,
body.bp-register .comments-area {
    display: none !important;
}

.bp_country { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;}

.buddypress-wrap .grid.bp-list > li .list-title {
  font-size: 17px;
  line-height: 1.1;
  margin-top: 10px;
}

h2.list-title.member-name a {
  color: #103d6f !important;
  font-weight: 600 !important;
}

/* Basic link color for subcategories */
ul.children li a { color: #4389d3; /* Change to your desired color */}

/* On hover */
ul.children li a:hover {color: #d5a04e;}

.bp-member-blog-container form#bp-member-post {
  padding: 0px;
  border: 0px solid #eee;
  background: #fff0;
}

.bp-member-blog-field-container {
  margin: 0 0 1.5em 0;
  padding: 0;
  background: rgba(254, 254, 254, 0.01);
  border: 0;
}

.bp-member-blog-post-category-wrapper .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px;
  margin-left: 10px;
}

.select2-container .select2-search--inline {
  float: none;
  margin-left: -10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
  outline: 0;
}

.bp-member-blog-post-category-wrapper a.add-bpmb-category {display: none;}

select.sf-sub-dropdown {
  margin: 20px 0 -10px 0 !important;
  background-color: #fff !important;
}

.js .tmce-active .wp-editor-area {
  color: #0f0f0f !important;
}

div.bp-featured-members-widget ul.item-list.featured-members-list li.featured-member-item div.item div.item-meta {display: none;}

/* Hide Custom Account Privacy Settings */
li#account-personal-li.bp-personal-sub-tab.current.selected a#account {display: none;}
	
.wp-popular-posts a {
    border-bottom: none !important;
    text-decoration: none !important;
}

	.wpp-item-title a {
        text-decoration: none;
    }
	
#login form .submit .button {
  height: auto;
  background-color: #2b82ce;
  font-size: 16px;
  border-width: 0px;
  border-radius: 25px !important;
  padding: 2px 20px !important;
}
	
div.tnp-field.tnp-field-button {
  border: 0 !important;
}

div.item-block p.item-meta.last-activity {display: none;}

div.member-specialty, div .member-region {
  font-size: 15px;
  font-weight: 600;
  color: #758b5f;
  margin-top: -10px;
}

.no-sidebar .entry-content .alignfull {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100vw;
  width: 100% !important;
}

.ui-accordion .ui-accordion-header {
  color: #3a72ad !important;
  font-weight: 500;
  cursor: pointer !important;
  display: flex !important;
  justify-content: center;
}

div#item-header-content p.bp-member-type-list {
  margin: 10px 0 -0px 15px;
  padding: 10px;
  background-color: #f2f1f100;
  width: auto;
  border-radius: 7px;
	font-size: 15px;
}

div#item-header-content div.item-meta {display: none;}

li.featured-member-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cbxwpbkmarkwrap {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  box-sizing: border-box !important;
  margin: 25px 10px 25px 10px;
  float: right;
  padding: 10px;
  background-color: #ecf9ff;
  border-radius: 12px;
}

button.as-subscribe-btn.as-subscribe-btn--bp.generic-button {
  background-color: #ede5c1;
  color: #aa6454;
  padding: 1px 10px;
  margin-top: 20px !important;
  font-size: 14px;
}

button.as-subscribe-btn.as-subscribe-btn--bp.is-subscribed.generic-button {padding: 8px 15px;}

a#user-support-oregonity {color: #9caec0;}

div.bp-wrap div#item-body.item-body div.as-profile-tab-wrap  {margin-top: -20px;}

body.subscriptions #subnav {
  display: none;
}

div.bp-pres-container form {margin-top: -15px !important;}

div.bp-pres-container form input {border: solid 1px #527293 !important;}

div.bp-pres-container form button {
  margin-left: 10px !important;
  padding: 15px 20px !important;
}

.as-post-subscribe-wrap {
  border-left: 4px solid #4f7dc4 !important;
}

.as-post-subscribe-label {
  font-size: 16px !important;
}

.as-subscribe-btn {
  color: #4f7dc4 !important;
  border-radius: 25px;
}

.as-subscribe-btn:hover {
  background: #bdd3fd !important;
  color: #fff;
  box-shadow: 0 !important;
  transform: translateY(0px) !important;
}

.as-subscribe-btn.is-subscribed:hover {
  background: #c7d2fe !important;
  color: #bfdc80;
  border: solid 0px #ccc !important;
}

.as-subscribe-btn.is-subscribed {
  background: #e0e0df61 !important;
  border: 0 !important;
  border-radius: 25px;
}

.as-subscribe-btn--post {
  font-size: 15px; !important;
}

.as-subnav__link.is-active {
  color: #4a7daa;
  border-color: #5e83be;
}

.as-subnav__link.is-active .as-subnav__badge {
  background: #4a7eb5;
  color: #fff;
}

.as-subnav__badge {
  background: #d9e4f0;
  color: #466ca6;
}


.bp-member-blog-container .bpmb-blog-post {
  border: 0px solid rgba(0,0,0,.1) !important;
  padding: 0px !important;
}

/* LOCATION PLOOGIN */

div.location.gmw {
margin-top: -50px !important;
}

div#gmw-location-form-wrapper.gmw-location-form-wrapper.gmw-element-wrapper.location-form-tabs-top {margin: -20px 0 -20px 0 !important;}

#gmw-location-form-wrapper div.gmw-lf-content-wrapper {
  padding: 0 !important;
  border:0 !important;
}

div#gmw-location-form-wrapper.gmw-location-form-wrapper.gmw-element-wrapper.location-form-tabs-top form#gmw-location-form.gmw-lf-form div.gmw-location-form-inner div.gmw-lf-content-wrapper.gmw-fields-enhanced div.gmw-lf-content-inner div#location-tab-panel.section-wrapper.location {
padding: 0px !important;
border: 0 !important;
}

body div.gmw-single-location-wrapper {
  border: 0px solid var(--gmw-border-color) !important;
}

#gmw-location-form-wrapper {
  border: 0px solid var(--gmw-border-color) !important;
}

h3.no-location {
font-size: 17px !important;
margin: 0px !important;
}

div.gmw-admin-moderated-location-form p.gmw-admin-moderation-notice {display: none !important;}

div#gmw-location-form-wrapper .gmw-lf-form-actions .gmw-lf-field.button.submit_location {
  border-radius: 25px;
  background: #4f83b6 !important;
  color: #fff !important;
}

div#gmw-location-form-wrapper .gmw-lf-form-actions .gmw-lf-field.button {border-radius: 25px !important;}

.gmw-notice-box, .gmw-notice-box.message {
  border: 0px solid #dce2e7 !important;
  border-left: 0px solid #4699e8 !important;
  box-shadow: 0 0px 0px rgba(18,25,97,.0779552) !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   BuddyPress Profile Nav — Font Awesome Icons  (gp-nav-icon)
   ───────────────────────────────────────────────────────────────────────────── */

/* Give icons consistent size, alignment and a small right gap */
.bp-navs a .gp-nav-icon,
.bp-navs li a i.gp-nav-icon {
    font-size: 0.92em;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
	margin-top: -3px;
    color: inherit; /* Always track the parent link colour */
}

/* On the active/selected tab the icon inherits the active colour */
.buddypress-wrap .bp-navs li.current a .gp-nav-icon,
.buddypress-wrap .bp-navs li.selected a .gp-nav-icon {
    color: inherit !important;
}

/* Hover state */
.buddypress-wrap .bp-navs li:not(.current) a:hover .gp-nav-icon,
.buddypress-wrap .bp-navs li:not(.selected) a:hover .gp-nav-icon {
    color: inherit !important;
}

/* Vertical nav (bp-single-vert-nav layout) — tighten the gap slightly */
.bp-single-vert-nav .bp-navs.vertical li a .gp-nav-icon {
    margin-right: 8px;
    font-size: 1em;
}

/* Prevent any previously-set icon on GeoMyWP map tab from doubling */
.bp-navs li#user-geo-my-wp-li .gp-nav-icon,
.bp-navs li#user-gmw-profile-li .gp-nav-icon,
.bp-navs li#user-map-li .gp-nav-icon {
    display: none;
}

/* ─────────────────────────────────────────────────────────────────────────────
   BuddyPress xProfile — plain textarea (rich editor disabled)
   Hides ALL editor chrome: Visual/Text tab switchers, TinyMCE toolbar,
   quicktags toolbar, wrapper borders. Leaves only the bare <textarea>.
   ───────────────────────────────────────────────────────────────────────────── */

/* Kill the Visual / Text tab switchers */
.buddypress-wrap .standard-form .wp-editor-tabs,
#buddypress .standard-form .wp-editor-tabs {
    display: none !important;
}

/* Kill TinyMCE toolbar rows (belt-and-braces, shouldn't load at all) */
.buddypress-wrap .standard-form .mce-top-part,
.buddypress-wrap .standard-form .mce-toolbar-grp,
.buddypress-wrap .standard-form .mce-menubar,
#buddypress .standard-form .mce-top-part,
#buddypress .standard-form .mce-toolbar-grp,
#buddypress .standard-form .mce-menubar {
    display: none !important;
}

/* Kill quicktags toolbar (the icon row in Text mode) */
.buddypress-wrap .standard-form .quicktags-toolbar,
#buddypress .standard-form .quicktags-toolbar,
#buddypress .standard-form #qt_field_description_toolbar,
#buddypress .standard-form [id^="qt_"][id$="_toolbar"] {
    display: none !important;
}

/* Strip all border/shadow/background from the wrapper divs */
#buddypress .standard-form .wp-editor-wrap,
#buddypress .standard-form .wp-editor-container,
.buddypress-wrap .standard-form .wp-editor-wrap,
.buddypress-wrap .standard-form .wp-editor-container {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Style the textarea itself to match the site's other input fields */
.buddypress-wrap .standard-form .wp-editor-area,
#buddypress .standard-form textarea.wp-editor-area {
    display: block !important;
    width: 100% !important;
    min-height: 140px;
    padding: 10px 12px;
    font-size: 0.95em;
    font-family: inherit;
    line-height: 1.6;
    color: inherit;
    background: #fff;
    border: solid 1px #527293 !important;
    border-radius: 10px !important;
    box-sizing: border-box;
    resize: vertical;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.buddypress-wrap .standard-form .wp-editor-area:focus,
#buddypress .standard-form textarea.wp-editor-area:focus {
    border-color: #80c4f4 !important;
    box-shadow: 0 0 6px 0 #80cef433;
}

/* ══════════════════════════════════════════════════════════════════
   Header After — Mobile Toggle  (v3)
   ══════════════════════════════════════════════════════════════════ */

/* Desktop: original theme already has @media(min-width:769px){display:none} — leave it.
   No override needed here.

/* Mobile: hard display:none by default.
      Animation is handled entirely via JS inline styles — no CSS cascade fights. */
@media (max-width: 768px) {
  .header-mobile {
    display: none;
    overflow: hidden;
    margin-top: 0 !important;
  }
}

/* 3. Lens/× toggle button */
li.header-after-toggle-item {
  list-style: none;
  display: none !important; /* hidden on desktop */
}

@media (max-width: 768px) {
  li.header-after-toggle-item {
    display: flex !important;
    align-items: center;
  }
}

#header-after-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 12px;
  margin: 0;
  color: inherit;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

#header-after-toggle i {
  display: inline-block;
  transition: transform 0.28s ease;
}

#header-after-toggle.is-active i {
  transform: rotate(90deg);
}

/* ── Fix: lens / × icons in mobile header toggle (≤768 px) ────────────────
   Root cause A — colour:
     .main-navigation { color: #fff0 } makes the whole nav transparent.
     #header-after-toggle { color: inherit } passes that down to the <i>.
     The broad .fa-solid/.fa-regular rule (below) rescues FA6-class icons,
     but the toggle uses .fas/.far (FA5 names), so it stays transparent.
   Root cause B — size:
     font-size: 1.1rem is inherited from the button; the 25 px FA rule never
     fires because the class names don't match, leaving icons ~18 px.
   Fix: cover every FA class variant with an explicit colour + size.        */
@media (max-width: 768px) {
  #header-after-toggle i,
  #header-after-toggle .fas,
  #header-after-toggle .far,
  #header-after-toggle .fa,
  #header-after-toggle .fa-solid,
  #header-after-toggle .fa-regular {
    color: #7b9ed5 !important; /* matches .menu-item i._mi nav icon colour */
    font-size: 20px !important; /* matches other main-nav FA icon size      */
    line-height: 1;
	margin-top: -5px !important;
  }
}

/* TESTIMONIAL */

form#testimonial-form h5 {
  font-size: 14px !important;
  color: #0f0f0f !important;
}

body #buddypress form#testimonial-form textarea { height: 60px;}

input#testimonial-submit {margin-top: 0 !important;}

div#testimonial-count-top.pag-count {display: none;}

.testomonial-content span.pending-notice {
  padding: 2px 8px;
  background: #FBF1D0C2;
  font-size: 13px;
}

div.testimonial-action a.testimonial-delete {
  margin-right: 25px;
  color: #c88554;
}

div.testimonial-action a.testimonial-update {color: #90ac44;}

body #buddypress li[id^="testimonial-"] {
    margin-bottom: 35px;
}

  .buddypress-wrap .main-navs:not(.dir-navs) li.current a, .buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
    color: #b86443 !important;
    font-weight: 600;
  }

li#menu-item-546.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-546 a {
  color: #6fa0ee !important;
  font-weight: 900 !important;
}

a i.fa-solid.fa-tv { 
	color: #bd853c !important; }

/* Fix YouTube embeds responsiveness */
iframe[src*="youtube.com"], iframe[src*="youtu.be"] {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 12px !important;
}

/* Prevent cropping behavior */
.wp-block-embed iframe,
.entry-content iframe,
.buddypress-wrap iframe {
    max-width: 100%;
    object-fit: contain !important;
}

@media (min-width: 786px) {
li#menu-item-548.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-548 { display: none;}}

/* ── Fix: hide WordPress caps-lock warning arrow on /register ──
   Universal selector — no body-class conditions that may not match.
   The caps-lock-warning element only exists on the register page
   (the only front-end page with a password field), so hiding it
   globally here is completely safe. ── */
.caps-lock-warning,
[class*="caps-lock"],
.wp-pwd [role="alert"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
} 

i.fa-solid.fa-bookmark.bpbk-icon-filled {color: #d2beb4 !important;}

.comment-body {padding: 30px 0 70px 0;}
.comment-awaiting-moderation { display: none;}

body #buddypress input[type="search"] {
  border: solid 1px #527293 !important;
}
div#field_1_contains_wrap.bps-textbox label.bps-label span {display: none;}

li#account-personal-li.bp-personal-sub-tab a#account {display: none;}

i.fa-solid.fa-users.bp-team-nav-icon {font-size: 18px;}

a:not(.current):hover i.fa-solid.fa-users.bp-team-nav-icon,
a:not(.current):focus i.fa-solid.fa-users.bp-team-nav-icon {
  color: #d5a04e !important;
}

body.buddypress .bp-pres-container {
  margin-top: -30px !important;
}

#buddypress .profile.change-avatar p.bp-feedback.info > span.bp-help-text {display: none !important;}

@media screen and (min-width: 46.8em) {
  .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    border-bottom: 0px solid #eee;
    border-top: 0px solid #eee;
    box-shadow: 0 0px 0px 0 #fafafa;
  }
}

/* ── BP xProfile textarea edit height ─────────────────────────────────────────
   BP default textarea height is ~100px. Bumped to 150px (~40% larger).
   Covers all known BP edit-form selectors. !important overrides BP's own
   inline height rules which otherwise take precedence.
   ─────────────────────────────────────────────────────────────────────────── */
#buddypress .profile.edit .editfield textarea,
#buddypress .profile-edit-form .editfield textarea,
#buddypress div.editfield textarea,
body.bp-user #buddypress .standard-form textarea {
    min-height: 150px !important;
    height:     auto  !important;
}

/* ── BP xProfile textarea display: nl2br line-breaks ──────────────────────────
   The GP_BP_Textarea_Newlines class in bp-func.php converts every stored \n
   to a <br> tag via nl2br(), so Enter×1 = one <br>, Enter×2 = two <br>, etc.
   The rules below are a safety net only — they ensure <p> blocks that may
   appear if the PHP filter does not fire still show visible spacing.
   DO NOT add white-space:pre-line here: it would double-space the <br> output.
   ─────────────────────────────────────────────────────────────────────────── */
#buddypress table.profile-fields td.data p,
#buddypress table.wp-profile-fields td.data p,
#buddypress .field-visibility-public p,
#buddypress .field-value p {
    margin-top:    0;
    margin-bottom: 0.75em;
}

/* ── BP xProfile textarea word-counter ────────────────────────────────────────
   Injected by main-child.js after each multiline field on the profile-edit page.
   ─────────────────────────────────────────────────────────────────────────── */
span.gp-word-counter {
  display: block;
  font-size: 18px;
  color: #6b8d48;
  margin-top: 5px;
  text-align: left;
  line-height: 1.4;
  user-select: none;
  transition: color 0.25s ease;
  margin-bottom: 15px;
  font-weight: 600;
}

/* 50 words or fewer remaining */
span.gp-word-counter.gp-wc-warning {
  color: #c0770a;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

/* Limit reached */
span.gp-word-counter.gp-wc-full {
    color:       #c0392b;
    font-weight: 600;
}

/* ── BP xProfile textarea — extra bottom spacing (all screen widths) ──────────
   Adds 10px breathing room below multiline text fields so adjacent profile
   elements don't crowd the content on both desktop and mobile.
   ─────────────────────────────────────────────────────────────────────────── */
.buddypress-wrap table.bp-tables-user    tr.field_type_textarea td.data,
.buddypress-wrap table.wp-profile-fields tr.field_type_textarea td.data,
#buddypress      table.profile-fields    tr.field_type_textarea td.data {
    padding-bottom: 20px !important;
}

/* ── BP profile: multiline textarea fields — full-width on narrow screens ──────
   GOAL: on mobile (≤ 786px), textarea field content spans the FULL row width
   (both the label column AND the data column). All other field types keep
   the normal 2-column layout.

   WHY THE INVERTED APPROACH:
   The browser's table-layout algorithm runs BEFORE any display overrides.
   Setting display:block or display:flex on a single <tr> is overridden by the
   table engine — the cell remains locked in its 75% column no matter what.
   The only reliable CSS escape is to make the TABLE itself leave table layout.

   STRATEGY — invert the problem:
   1. Push the entire profile table (and all its rows/cells) into block layout.
      Now EVERY row is single-column — label above, value below.
   2. Selectively RESTORE 2-column for all rows that are NOT textarea, using
      display:flex + explicit widths on those rows only.
   3. Textarea rows stay naturally in the full-width block layout from step 1.

   BP stamps the field type onto every row as a class:
     table layout → <tr class="field_type_textarea …">  (underscore)
     list  layout → <li class="field-type-textarea …">  (dash, Nouveau)
   ─────────────────────────────────────────────────────────────────────────── */
@media screen and (max-width: 786px) {

  /* ── STEP 1: Break the table out of table-layout ────────────────────────── */

  /* NOTE: every selector here uses `:not(.notifications)` so the
     BP Notifications list (which also carries the `bp-tables-user` class)
     is NOT swept into this xProfile/profile-fields collapse.  Notifications
     have their own self-contained responsive block further down — they
     must keep a normal table layout with checkboxes flush-left and action
     icons flush-right at every viewport width. */
  .buddypress-wrap table.bp-tables-user:not(.notifications),
  .buddypress-wrap table.wp-profile-fields,
  #buddypress      table.profile-fields {
    display:    block !important;
    width:      100%  !important;
    box-sizing: border-box !important;
  }

  .buddypress-wrap table.bp-tables-user:not(.notifications)    tbody,
  .buddypress-wrap table.wp-profile-fields tbody,
  #buddypress      table.profile-fields    tbody {
    display: block !important;
    width:   100%  !important;
  }

  /* ALL rows and cells default to block / full-width */
  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr,
  .buddypress-wrap table.wp-profile-fields tr,
  #buddypress      table.profile-fields    tr {
    display:    block !important;
    width:      100%  !important;
    box-sizing: border-box !important;
  }

  .buddypress-wrap table.bp-tables-user:not(.notifications)    td,
  .buddypress-wrap table.wp-profile-fields td,
  #buddypress      table.profile-fields    td {
    display:    block     !important;
    width:      100%      !important;
    box-sizing: border-box !important;
    float:      none      !important;
  }

  /* ── STEP 2: Restore 2-column for every non-textarea row ───────────────── */

  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr:not(.field_type_textarea),
  .buddypress-wrap table.wp-profile-fields tr:not(.field_type_textarea),
  #buddypress      table.profile-fields    tr:not(.field_type_textarea) {
    display:        flex          !important;
    flex-direction: row           !important;
    flex-wrap:      nowrap        !important;
    align-items:    flex-start    !important;
    width:          100%          !important;
  }

  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr:not(.field_type_textarea) td.label,
  .buddypress-wrap table.wp-profile-fields tr:not(.field_type_textarea) td.label,
  #buddypress      table.profile-fields    tr:not(.field_type_textarea) td.label {
    flex:       0 0 30% !important;
    width:      30%     !important;
    max-width:  30%     !important;
  }

  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr:not(.field_type_textarea) td.data,
  .buddypress-wrap table.wp-profile-fields tr:not(.field_type_textarea) td.data,
  #buddypress      table.profile-fields    tr:not(.field_type_textarea) td.data {
    flex:       0 0 70% !important;
    width:      70%     !important;
    max-width:  70%     !important;
  }

  /* ── STEP 3: Textarea rows — full-width, label above value ─────────────── */
  /* (Naturally block from step 1 — just add label nudge) */

  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr.field_type_textarea td.label,
  .buddypress-wrap table.wp-profile-fields tr.field_type_textarea td.label,
  #buddypress      table.profile-fields    tr.field_type_textarea td.label {
    padding-bottom: 4px  !important;
    border-right:   none !important;
  }

  /* 3px side padding (7px narrower than BP default 10px) + centered text */
  .buddypress-wrap table.bp-tables-user:not(.notifications)    tr.field_type_textarea td.data,
  .buddypress-wrap table.wp-profile-fields tr.field_type_textarea td.data,
  #buddypress      table.profile-fields    tr.field_type_textarea td.data {
    padding-left:  3px     !important;
    padding-right: 3px     !important;
    text-align:    center  !important;
  }

  /* EXCEPTION: the "Reflection Notes by Oregonity" data cell must start from the
     left on mobile — exactly as it does on wide screens — instead of inheriting
     the centered alignment above. Scoped to this one row via its unique classes
     so no other textarea field's centering is affected. */
  .buddypress-wrap table.bp-tables-user.gp-oregonity-reflection-notes-table    tr.gp-oregonity-reflection-notes-row td.data,
  .buddypress-wrap table.wp-profile-fields.gp-oregonity-reflection-notes-table tr.gp-oregonity-reflection-notes-row td.data,
  #buddypress      table.profile-fields.gp-oregonity-reflection-notes-table    tr.gp-oregonity-reflection-notes-row td.data {
    text-align: left !important;
  }

  /* ── BP Nouveau list layout (ul.data-list > li) ─────────────────────────── */

  #buddypress ul.data-list li.field-type-textarea .field-label,
  #buddypress ul.data-list li.field-type-textarea strong.field-label {
    display:        block !important;
    width:          100%  !important;
    float:          none  !important;
    clear:          both  !important;
    padding-bottom: 4px   !important;
  }

  #buddypress ul.data-list li.field-type-textarea [class*="field-visibility"] {
    display: block !important;
    width:   100%  !important;
    float:   none  !important;
    clear:   both  !important;
    padding: 0     !important;
  }

}

.lightweight-accordion { margin-bottom: 0px !important;}

.single-headers div.generic-button {
  text-align: center;
  font-size: 14px;
}

.buddypress-wrap .invitations-options-nav input#invitation-bulk-manage, .buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
  border: 0;
  border-radius: 25px;
  line-height: 1.6;
  margin: 0px 0px 0px 15px;
  padding: 7px 25px;
}


.fis-container {
  margin-bottom: 10px;
  border-radius: 7px 7px 0 0;
}


.separate-containers .golden-post .inside-article, .separate-containers .golden-post.inside-article {
  color: #7e5301 !important;
  font-weight: 600 !important;
}


.buddypress-wrap .tabbed-links ul {
    border-bottom: 0px solid #ccc;
    float: none;
    margin: 20px 0 10px;
    margin-top: 20px;
  }




#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li a, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items li span {
  display: inline-block;
  color: #6d8d4b;
}





div#bp-team-wrapper.bp-team-wrapper {
  margin-top: -10px;
}


body.register .entry-title {
    text-align: center;
}

.gp-registration-spam-hint {
    text-align: center;
}

.gp-registration-spam-hint p {
    text-align: center;
    margin: 0 auto;
}


div.gmw-location-form-inner ul.gmw-lf-tabs-wrapper {display: none;}
/* ============================================================================
 * Secondary navigation — scroll-button icon nudge
 * ----------------------------------------------------------------------------
 * The >> / << characters inside the .sec-nav-scroll-btn buttons are textContent.
 * The button itself is absolutely positioned and uses flex centering, so we
 * cannot just `transform: translate()` the button without dragging its
 * background gradient with it.
 *
 * Instead we use:
 *   - text-indent  : nudges the inline text horizontally without moving the box
 *   - padding-bottom : with align-items:center this shifts text up by HALF
 *                      the added padding (because flex re-centers the content
 *                      area).  4px padding-bottom = 2px upward shift of the icon.
 *
 * This keeps the click target, background gradient, and shadow exactly where
 * they were before — only the rendered character moves.
 * ========================================================================= */
.secondary-navigation.has-scroll-right .sec-nav-scroll-btn--right {
  text-indent: 5px;        /* >> moves 5px to the right */
  padding-bottom: 4px;     /* >> moves ~2px up (flex re-centers) */
}
.secondary-navigation.has-scroll-left .sec-nav-scroll-btn--left {
  text-indent: -5px;       /* << moves 5px to the left */
  padding-bottom: 4px;     /* << moves ~2px up (flex re-centers) */
}


/* ============================================================================
 * BP Comments tab — Delete link, confirm popup, success flash
 * ========================================================================= */

/* Delete link sits next to "Read more".  Match the inline-link feel so it
   looks like part of the comment metadata rather than a heavy button. */
.user-comment-content .user-comment-delete {
  margin-left: 8px;
  color: #b03a2e;            /* muted red — clearly destructive but not loud */
  text-decoration: none;
  border-bottom: 1px dashed rgba(176, 58, 46, 0.4);
  cursor: pointer;
}
.user-comment-content .user-comment-delete:hover,
.user-comment-content .user-comment-delete:focus {
  color: #8a2a20;
  border-bottom-color: #8a2a20;
  text-decoration: none;
}

/* Inline success flash that replaces the deleted comment.
   ------------------------------------------------------------------
   Spec: 7px rounded border, light-green background, must NOT overlap
   the comment below when neighbours collapse upward.

   The flash is rendered INSIDE .user-comments which lives inside
   #buddypress.buddypress-wrap, so the existing rules at lines
   ~2081 and ~2441 (".buddypress-wrap .bp-feedback") would otherwise
   win on specificity.  We avoid that by:
     1. NOT putting bp-feedback classes on the flash element (see JS).
     2. Scoping our own rule with .user-comments to lift specificity
        above any plain ".user-comment-flash" override that may exist.
     3. Mirroring .user-comment-item's bottom margin
        (1.5rem !important) so the layout below does not jump.
   ------------------------------------------------------------------ */
.user-comments .user-comment-flash {
  display: block;
  padding: 14px 18px;
  border: 1px solid #cbe18a;     /* slightly darker green edge for visibility */
  border-radius: 7px;            /* per spec */
  background: #e2f0bc !important;/* matches BP success palette; !important
                                    defeats .buddypress-wrap .bp-feedback */
  color: #6a8906;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0 0 1.5rem 0 !important;/* match .user-comment-item bottom margin
                                    so the next comment does NOT ride up
                                    and overlap (the original bug) */
  box-shadow: 0 1px 0 rgba(106, 137, 6, 0.08);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.user-comments .user-comment-flash.is-fading {
  opacity: 0;
  transform: translateY(-4px);
}

/* ----- Confirm-delete modal ------------------------------------------------ */

/* The modal root sits above all page content.  hidden attribute hides it
   between opens; we also keep display:none in CSS as a belt-and-braces
   guard against [hidden] being overridden elsewhere. */
.gp-cd-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.gp-cd-modal[hidden] {
  display: none;
}

/* White-transparent backdrop: a light wash that fades the page so the
   user can still recognize the context but focus is on the dialog. */
.gp-cd-modal .gp-cd-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* The dialog box itself — 12px radius, white background, soft shadow */
.gp-cd-modal .gp-cd-dialog {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 420px;
  padding: 28px 24px 22px;
  font-family: inherit;
  animation: gp-cd-pop 0.18s ease-out;
}
@keyframes gp-cd-pop {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0)   scale(1); }
}

/* Close (×) icon top-right */
.gp-cd-modal .gp-cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #6b6b6b;
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.gp-cd-modal .gp-cd-close:hover,
.gp-cd-modal .gp-cd-close:focus {
  background: #f1f1f1;
  color: #222;
  outline: none;
}

.gp-cd-modal .gp-cd-title {
  margin: 0 0 8px;
  font-size: 1.15rem;
  line-height: 1.3;
  color: #222;
  padding-right: 28px;       /* keep clear of the close button */
}
.gp-cd-modal .gp-cd-text {
  margin: 0 0 18px;
  color: #555;
  font-size: 0.95rem;
  line-height: 1.45;
}

/* Server/network error message displayed inside the modal on AJAX failure */
.gp-cd-modal .gp-cd-error {
  margin: 0 0 14px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fdecea;
  color: #8d1d03;
  font-size: 0.9rem;
}

.gp-cd-modal .gp-cd-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 4px;
}
.gp-cd-modal .gp-cd-btn {
  appearance: none;
  border: 0;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
  font-family: inherit;
}
.gp-cd-modal .gp-cd-btn--cancel {
  background: #eef0f3;
  color: #333;
}
.gp-cd-modal .gp-cd-btn--cancel:hover,
.gp-cd-modal .gp-cd-btn--cancel:focus {
  background: #dfe3e8;
  outline: none;
}
.gp-cd-modal .gp-cd-btn--confirm {
  background: #b03a2e;
  color: #fff;
}
.gp-cd-modal .gp-cd-btn--confirm:hover,
.gp-cd-modal .gp-cd-btn--confirm:focus {
  background: #8a2a20;
  outline: none;
}
.gp-cd-modal .gp-cd-btn[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Optional: prevent background scroll while the modal is open */
html.gp-cd-modal-open,
html.gp-cd-modal-open body {
  overflow: hidden;
}


/* ============================================================================
 * Notification arrival popup — centered modal
 * ----------------------------------------------------------------------------
 * Spec: 12px border-radius, white background, white-transparent backdrop,
 * centered, with × close button and a clickable message body.
 * ========================================================================= */
.gp-notif-modal {
  position: fixed;
  inset: 0;
  z-index: 100001;            /* one above gp-cd-modal so an unread
                                 notification can't be hidden behind a
                                 stale comment-delete dialog */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.gp-notif-modal[hidden] {
  display: none;
}

.gp-notif-modal .gp-notif-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(224, 228, 233, 0.78);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.gp-notif-modal .gp-notif-dialog {
  position: relative;
  background: #ffffff;
  border-radius: 12px;        /* per spec */
  box-shadow: 0 14px 50px rgba(0, 0, 0, 0.20), 0 2px 10px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 440px;
  padding: 28px 26px 22px;
  font-family: inherit;
  animation: gp-notif-pop 0.20s ease-out;
}
@keyframes gp-notif-pop {
  from { opacity: 0; transform: translateY(10px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}
.gp-notif-modal .gp-notif-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #6b6b6b;
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.gp-notif-modal .gp-notif-close:hover,
.gp-notif-modal .gp-notif-close:focus {
  background: #f1f1f1;
  color: #222;
  outline: none;
}

.gp-notif-modal .gp-notif-title {
  margin: -10px 0 12px;
  font-size: 1.05rem;
  line-height: 1.3;
  color: #3a67ad;
  padding-right: 28px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

/* The clickable message body — styled like a card with a hover lift so
   it reads as actionable, not just decorative. */
.gp-notif-modal .gp-notif-body {
  display: block;
  padding: 0;
  color: #376707;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  word-break: break-word;
}
.gp-notif-modal .gp-notif-body:hover,
.gp-notif-modal .gp-notif-body:focus {
  outline: none;
  transform: translateY(-1px);
  text-decoration: none;
}
.gp-notif-modal .gp-notif-hint {
  margin: 10px 0 0;
  font-size: 0.82rem;
  color: #888;
  text-align: center;
}
html.gp-notif-modal-open,
html.gp-notif-modal-open body {
  /* Don't lock scroll — the popup is small and the user may want to scroll
     the page underneath while reading the notification. Dismissal is × only
     (no backdrop-tap, no Escape) per spec, so leaving the page reachable
     does not create an accidental-close path. */
}


/* ============================================================================
 * BP Profile > Notifications — list layout (all viewport widths)
 * ----------------------------------------------------------------------------
 * Why this block exists / what it fixes
 *
 *   Before this rewrite, three things were colliding to produce an ugly
 *   notifications list:
 *
 *   (1) The xProfile mobile-collapse cascade earlier in this stylesheet
 *       (the `:not(.field_type_textarea)` flex-row block at ~line 4380)
 *       was targeting `.bp-tables-user` *without* excluding the
 *       notifications table.  Notifications also carry that class
 *       (`<table class="notifications bp-tables-user">`), so below 786px
 *       every <tr> was forced into `display:flex; flex-wrap:nowrap` and
 *       every <td> into `display:block; width:100% !important`.  The
 *       label/data carve-outs that follow don't match notification
 *       cells (`bulk-select-check`, `notification-description`,
 *       `notification-since`, `notification-actions`), so the action
 *       icons stacked vertically and the cells overflowed sideways.
 *       That cascade is now scoped with `:not(.notifications)`.
 *
 *   (2) The previous "mobile fix" here had four nested `@media (max-width:
 *       786px)` blocks inside one un-terminated outer `@media`.  The
 *       outer brace was never closed, so every rule from the bottom of
 *       this block to end-of-file was silently trapped inside a
 *       max-width:786px media query (≈440 lines of login + password
 *       styles never applying on desktop).  This rewrite uses ONE clean
 *       `@media` per breakpoint and balances every brace.
 *
 *   (3) The previous rules used negative margins (`margin: 5px 5px 0
 *       -90px;`, `margin: 0px -20px 0 30px;`, `margin-right: -30px`,
 *       etc.) and targeted a dead selector `td.actions-column` (the
 *       actual class is `notification-actions`).  Those hacks were
 *       fighting (2), not laying out anything.  All removed.
 *
 * Layout contract (after this fix)
 *
 *   At every viewport width, each notification row reads horizontally:
 *
 *      [☐]  notification text …                       12 sec   👁  ✕
 *      ↑                                              ↑        ↑   ↑
 *      bulk-select-check (tight left)                 since    notification-actions
 *                                                              (tight right)
 *
 *   - Desktop / tablet: BP's defaults already do this well; we only add
 *     the action-icons "stay horizontal" guarantee (the icons sit
 *     side-by-side, never wrapping under each other).
 *   - Narrow phone widths: we hide the <thead> (its labels are noise
 *     once the row is short) but keep the table layout horizontal — no
 *     block-mode collapse, no flex contortions.  Checkbox stays flush
 *     left; eye/×  icons stay flush right; the description fills the
 *     middle.
 *
 * Borrowed from / inspired by
 *   BuddyPress Nouveau's own buddypress.css `table.notifications` block:
 *     .bulk-select-check   width 7%
 *     .notification-description / .notification-since   width 39%
 *     .notification-actions   width 15%
 *     .notification-actions a.delete / a.mark-read   display: inline-block
 *   We replicate the same intent (checkbox column shrinks, actions
 *   column shrinks, middle expands) without overriding the parts BP
 *   already handles correctly.
 * ========================================================================= */

/* ── All-viewport baseline ─────────────────────────────────────────────────
   Action icons stay horizontal at every width.  BP's own CSS sets
   `display: inline-block` on them but only inside `.buddypress-wrap`
   scope; we restate it scoped under `#buddypress` so it also wins on
   themes where the wrap class is absent and against any inherited
   `display: block` from a generic anchor reset. */
#buddypress table.notifications .notification-actions a.mark-read,
#buddypress table.notifications .notification-actions a.delete,
#buddypress table.notifications .notification-actions a {
  display: inline-block !important;
  vertical-align: middle;
}

#buddypress table.notifications .notification-actions {
  white-space: nowrap;       /* keep eye + ✕ on one line */
  text-align: right;         /* flush-right inside the actions cell */
}

#buddypress table.notifications .bulk-select-check {
  text-align: left;          /* checkbox flush-left in its cell */
}

/* The bulk-management form wraps the table; on the previous build a
   stray `margin-top: -30px` was applied here from inside the broken
   @media block.  Keep a small negative pull to close the gap that the
   removed <thead>-styled subnav-bar leaves above the table on narrow
   screens, but apply it cleanly. */
#notifications-user-list.dir-list form#notifications-bulk-management {
  margin-top: 0;
}

/* ── Narrow viewports (<= 786px) ───────────────────────────────────────── */
@media screen and (max-width: 786px) {

  /* ────────────────────────────────────────────────────────────────────────
     LEFT-SIDE GAP HUNT — diagnostic-grade reset.

     History of the bug
       After scoping the xProfile collapse out of the notifications table,
       the right edge of the table snapped to the column edge cleanly, but
       a noticeable LEFT gap remained.  The gap is roughly the width of the
       "Bulk Action" submit button further down the page.  My initial
       four-wrapper reset zeroed padding on `#notifications-user-list`,
       `.dir-list`, `form#notifications-bulk-management`, and
       `.standard-form` — that closed the right side but didn't kill the
       left.

     Why right-fixed but left-still-broken
       The two sides can't have come from the same wrapper, or one reset
       would have fixed both.  The most likely sources for an asymmetric
       LEFT-only gap on a BuddyPress page:

         1. A vertical-nav variant of `.bp-wrap` reserves left-rail
            space.  When the responsive layout drops below 786 px the
            rail SHOULD collapse, but the inherited padding-left on the
            wrap survives.
         2. GeneratePress's `.inside-article` / `.entry-content` applies
            a *left* gutter at narrow widths via a global rule that's
            asymmetric in some configurations.
         3. A `text-indent` or first-line indent on a parent paragraph
            element that the table happens to inherit (rare but seen).
         4. CSS Grid / Flex parent with `justify-items: end` or
            `justify-content: flex-end` — pushes content rightward.

     The fix below covers every plausible ancestor up to and including
     `#buddypress` itself, and forces every horizontal positioning hook
     I can think of to a neutral value.  If after this any gap still
     remains, the culprit will be visible in DevTools as a rule from
     OUTSIDE the theme (parent-theme, plugin, or inline style) that
     this reset doesn't reach. */

  /* Step 1: zero out side padding/margin on every wrapper from #buddypress
     down to the table itself, including the dir-list and form. */
  #buddypress,
  #buddypress .bp-wrap,
  #buddypress #item-body,
  #buddypress #item-body.item-body,
  #buddypress #notifications-user-list,
  #buddypress #notifications-user-list.dir-list,
  #buddypress #notifications-user-list.notifications,
  #buddypress form#notifications-bulk-management,
  #buddypress form#notifications-bulk-management.standard-form {
    padding-left:  0 !important;
    padding-right: 0 !important;
    margin-left:   0 !important;
    margin-right:  0 !important;
    /* Defeat any inherited grid/flex justification that would push
       the child (the table) rightward inside its track. */
    justify-items:   stretch  !important;
    justify-content: flex-start !important;
    text-indent: 0 !important;
  }

  /* Step 2: the table itself — force left edge to column edge.
     `position: relative; left: 0` overrides any positioned ancestor
     shift; `transform: none` defeats any inherited translateX.  These
     are no-ops if nothing was pushing the table — safe additions. */
  #buddypress table.notifications,
  #buddypress table.notifications.bp-tables-user {
    position: relative !important;
    left:       0 !important;
    right:      0 !important;
    margin-left:  0 !important;
    margin-right: 0 !important;
    padding-left:  0 !important;
    padding-right: 0 !important;
    transform: none !important;
    inset-inline-start: 0 !important;
  }

  /* Step 3: the FIRST visible cell (bulk-select-check, since the
     decorative td:first-child is hidden by Step 4 below) — force its
     own padding/margin/border-spacing to nothing on the left.
     This is the cell whose visible position the user sees as "the
     checkbox column."  If anything is still pushing the checkbox to
     the right, this catches it at the cell level. */
  #buddypress table.notifications td.bulk-select-check {
    padding-left:  0 !important;
    margin-left:   0 !important;
    border-left:   0 !important;
    text-indent:   0 !important;
  }
  #buddypress table.notifications td.bulk-select-check input[type="checkbox"],
  #buddypress table.notifications td.bulk-select-check label {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Step 4: kill the decorative empty first <td> (BP's "icon" column).
     BP's own buddypress.css hides this but the rule's scope is
     `.buddypress-wrap` — restate it at higher specificity in case the
     wrap class is missing on this theme variant. */
  #buddypress table.notifications td:first-child:not(.bulk-select-check),
  #buddypress table.notifications th.icon {
    display: none !important;
  }

  /* Step 5: defeat any `border-spacing` or `border-collapse: separate`
     on the table — even a default 2px on each side adds up. */
  #buddypress table.notifications {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
  }


  /* Hide the header row.  The "Notification / Date Received / Actions"
     labels become noise once the table is this narrow — each row's
     content is self-describing (text + relative time + recognisable
     icons).  Dropping <thead> also reclaims the vertical space that
     would otherwise sit empty under the broken header. */
  #buddypress table.notifications thead {
    display: none !important;
  }

  /* The table and every layout level under it fill the BP item-body
     column.  `box-sizing: border-box` keeps cell padding from pushing
     the table past the parent's edge.  No negative margins.  No
     forced block-mode.  We deliberately keep `display: table` so the
     row layout stays horizontal. */
  #buddypress table.notifications {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    table-layout: auto !important;
  }

  #buddypress table.notifications tbody {
    display: table-row-group !important;
    width: 100% !important;
  }

  #buddypress table.notifications tr {
    display: table-row !important;
    width: 100% !important;
  }

  /* Cells stay table-cells.  Allow wrapping inside the description so a
     long display name or URL can't blow the row width.  Padding is
     tight at this size — 6px sides — so the checkbox can hug the left
     and the icons can hug the right. */
  #buddypress table.notifications td {
    display: table-cell !important;
    width: auto !important;
    margin: 0 !important;
    padding: 10px 6px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  /* The "icon" first column from the BP template is decorative-only
     (always empty in the loop).  Hide it on narrow widths so its
     padding doesn't shove the checkbox off the left edge. */
  #buddypress table.notifications td:first-child,
  #buddypress table.notifications th.icon {
    display: none !important;
  }

  /* Checkbox column: shrink to content, padding-left zero so the
     checkbox itself is the leftmost visible pixel of the row. */
  #buddypress table.notifications td.bulk-select-check {
    width: 1% !important;
    padding-left: 4px !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
    text-align: left !important;
  }
  #buddypress table.notifications td.bulk-select-check input[type="checkbox"] {
    margin: 0;
  }

  /* Description: takes whatever's left.  Slight readability bias toward
     two-line wrapping rather than a single very wide line. */
  #buddypress table.notifications td.notification-description {
    width: auto !important;
    min-width: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* "X minutes ago" cell: shrink to its content, sit between the
     description and the action icons.  On very narrow screens the
     description will wrap; the time stays one-line. */
  #buddypress table.notifications td.notification-since {
    width: 1% !important;
    white-space: nowrap !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 0.85em;
    color: #777;
  }

  /* Actions column: shrink to icons, flush-right, icons horizontal.
     `text-align: right` + `inline-block` on the children = eye and ✕
     sit next to each other on one line, right edge of the table. */
  #buddypress table.notifications td.notification-actions {
    width: 1% !important;
    padding-left: 6px !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
  #buddypress table.notifications td.notification-actions a {
    display: inline-block !important;
    margin-left: 4px;
  }

  /* The "select all" checkbox no longer needs a negative left margin
     (the global rule that did that is removed).  Just sit it inside
     its cell normally; thead is hidden on narrow widths anyway. */
  #buddypress input#select-all-notifications {
    margin-left: 0;
  }

  /* The bulk-management dropdown ("Mark Read", "Mark Unread", "Delete")
     plus its "Bulk Action" submit button live BELOW the table inside
     `.notifications-options-nav`.  At narrow widths let them stack
     naturally rather than floating — the float was contributing to the
     suspicious left-side gap the user reported.  We use `float: none`
     to cancel BP's own `.notifications-options-nav .select-wrap {
     float: left }` rule from buddypress.css at this breakpoint. */
  #buddypress .notifications-options-nav .select-wrap {
    float: none !important;
    display: inline-block;
    margin-bottom: 8px;
  }
  #buddypress .notifications-options-nav input#notification-bulk-manage {
    margin-left: 8px !important;
  }
}

	
.login #pass-strength-result {
  font-weight: 600;
  margin: 7px 5px 16px 0 !important;
  padding: 6px 5px;
  text-align: center;
  width: 100%;
}
	
#login form .indicator-hint {
  color: #fff !important;
}
	
html body.login.js.login-action-rp.wp-core-ui.locale-en-us.cookies-set.cookies-accepted div#login form#resetpassform div.user-pass1-wrap div.wp-pwd.is-open input#pass1.input.password-input.hide-if-no-js.strong {
  margin-bottom: 50px !important;
}
/* ═══════════════════════════════════════════════════════════════════════════
 * BP Profile > Settings > General — Password fields + inline eye toggle
 * ───────────────────────────────────────────────────────────────────────────
 * Spec:
 *   • All three password fields (#pass1 / #pass2 / #pwd_old) are 100% wide
 *     on every viewport.
 *   • Each field has an "eye" toggle button INSIDE its right edge (no
 *     visible background, just the icon — like a native browser password
 *     reveal control).
 *   • 15px vertical gap between pass1 and pass2 (and before pwd_old).
 *
 * Why these selectors / !important uses:
 *
 *   1. BP renders `size="16"` on the input.  The JS layer strips this
 *      attribute at runtime, BUT until DOMContentLoaded fires there is a
 *      flash where the attribute is still present.  `width: 100% !important`
 *      handles the pre-strip moment.
 *
 *   2. Theme's own line 1055 sets `input[type=password] { width: 100%; }`
 *      without !important.  Any later cascade rule (BP, plugin) with even
 *      slightly higher specificity wins — which is why pass1 was rendering
 *      narrow.  Using `html body.buddypress` as the prefix gives us 3-class
 *      specificity that defeats virtually any plugin rule short of inline
 *      style or another !important.
 *
 *   3. The wrapper is a <div> (not <span>) created by the JS layer, so it
 *      is block-level by default — no `display:block` battle.  We still
 *      add `position: relative !important` because some BP overlays apply
 *      `position: static` to descendants of `.standard-form`.
 *
 *   4. The eye button uses `right: 12px` (inside the input's 15px
 *      horizontal padding) and `top: 50% / translateY(-50%)` so it
 *      vertically centers regardless of input height differences across
 *      browsers / zoom levels.  No background, no border, no border-radius
 *      — just the icon, per spec.
 *
 * Scope: limited to .buddypress-wrap #settings-form so this never leaks
 * to the registration form, lost-password popup, or WP-Admin password
 * reset (which all use their own password layouts).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Flex pair around pass1 + pass2 — keeps the strength meter on its own
 * line below both inputs. */
html body .buddypress-wrap #settings-form .gp-pw-pair {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 15px 0 !important;
  margin: 0 0 15px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Row wrappers — full width on every viewport. */
html body .buddypress-wrap #settings-form .gp-pw-row,
html body .buddypress-wrap #settings-form .gp-pw-row--pwd-old {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The standalone pwd_old row gets the same 50% sizing but no flex parent,
 * so it just behaves as a block-level container. */
html body .buddypress-wrap #settings-form .gp-pw-row--pwd-old {
  margin: 0 0 15px 0 !important;
}

/* ── Gap between pass1 and pass2 ──────────────────────────────────────
 * The .gp-pw-pair flex container above has `gap: 15px 0`, which works
 * in modern browsers — but some older builds (Safari < 14.1) and some
 * CSS-purge plugins strip the `gap` property from non-grid containers.
 * As a defence-in-depth measure, we ALSO add an explicit margin-bottom
 * on the pass1 row, so the spacing is guaranteed regardless of `gap`
 * support.  This matches the user-supplied snippet:
 *
 *     div.gp-pw-row.gp-pw-row--pass1 { margin-bottom: 15px !important; }
 *
 * High-specificity selector + !important ensures this wins over any
 * theme rule that might add a different margin to .gp-pw-row. */
html body .buddypress-wrap #settings-form .gp-pw-row.gp-pw-row--pass1,
html body .buddypress-wrap #settings-form div.gp-pw-row.gp-pw-row--pass1 {
  margin-bottom: 15px !important;
}

/* The JS-injected wrapper around each input — positions the eye button. */
html body .buddypress-wrap #settings-form .gp-pw-input-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── INPUTS ─────────────────────────────────────────────────────────────
 * Three layers of selectors covering every possible DOM state:
 *   a) input as direct child of .gp-pw-row (pre-JS, before wrapping)
 *   b) input inside .gp-pw-input-wrap (post-JS, normal state)
 *   c) input by ID anywhere inside the form (absolute fallback)
 * All forced to 100% width with right-padding for the eye button.
 *
 * `padding-right: 44px` = 32px button width + 8px gap from input border
 * + 4px breathing room.  Matches what the eye button reserves. */
html body .buddypress-wrap #settings-form .gp-pw-row > input[type="password"],
html body .buddypress-wrap #settings-form .gp-pw-row > input[type="text"],
html body .buddypress-wrap #settings-form .gp-pw-input-wrap > input[type="password"],
html body .buddypress-wrap #settings-form .gp-pw-input-wrap > input[type="text"],
html body .buddypress-wrap #settings-form input#pass1,
html body .buddypress-wrap #settings-form input#pass2,
html body .buddypress-wrap #settings-form input#pwd_old {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  display: block !important;
  padding-right: 44px !important;
}

/* Strength meter spans the full row of the pair. */
html body .buddypress-wrap #settings-form .gp-pw-pair > #pass-strength-result {
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ── EYE TOGGLE BUTTON ─────────────────────────────────────────────────
 * No background, no border, no border-radius — pure icon inside the
 * input's right padding zone.  Inherits text colour so the icon naturally
 * matches whatever colour the form uses.
 *
 * `right: 12px` puts the button INSIDE the input's right edge (input
 * has 15px right-padding from the base BP rule, so 12px right offset
 * places the 32px button centered within the padding zone with about
 * 1.5px clearance on each side).
 *
 * `pointer-events: auto` on the button is explicit so any plugin that
 * sets `pointer-events: none` on form descendants can't disable our
 * click. */
html body .buddypress-wrap #settings-form .gp-pw-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #6a6a6a;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  z-index: 3;                       /* above the input, below modals */
  pointer-events: auto !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  /* Reset any inherited :hover / :focus background from the BP button
   * styles further up the cascade. */
  text-decoration: none !important;
  outline: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* Hover / focus: tint the icon colour only — NO background change, per
 * spec.  This keeps the "pure icon inside the field" look. */
html body .buddypress-wrap #settings-form .gp-pw-toggle:hover,
html body .buddypress-wrap #settings-form .gp-pw-toggle:focus,
html body .buddypress-wrap #settings-form .gp-pw-toggle:active,
html body .buddypress-wrap #settings-form .gp-pw-toggle:visited {
  background: transparent !important;
  background-color: transparent !important;
  color: #2271b1 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Keyboard-only focus ring for a11y — uses :focus-visible so mouse
 * clicks don't get a ring (which would defeat the "pure icon" look). */
html body .buddypress-wrap #settings-form .gp-pw-toggle:focus-visible {
  outline: 2px solid #2271b1 !important;
  outline-offset: 1px !important;
}

html body .buddypress-wrap #settings-form .gp-pw-toggle svg {
  width: 20px !important;
  height: 20px !important;
  pointer-events: none !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
}

/* When the toggle is "pressed" (password visible), shift colour subtly
 * so the user can see at a glance the password is currently shown. */
html body .buddypress-wrap #settings-form .gp-pw-toggle[aria-pressed="true"] {
  color: #2271b1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * "Lost Your Password" link — relocated under pwd_old, above Save button
 * ───────────────────────────────────────────────────────────────────────────
 * The link sits in a <div class="gp-pw-lost-link"> wrapper (NOT the default
 * <p class="description"> BP would use) so we can style it cleanly without
 * inheriting any of the BP `.description` baggage — namely the light-grey
 * tinted background that BP's bp-nouveau common.css applies to description
 * elements inside .standard-form.
 *
 *   • Transparent (no) background — per spec.
 *   • Sits 12px below the pwd_old row, comfortably separated from the
 *     Save Changes button below.
 *   • Link styling inherits the theme's body link colour by default —
 *     no override here, so brand colours stay consistent across the site.
 *
 * The high-specificity selector (`html body .buddypress-wrap #settings-form`)
 * is consistent with the rest of our settings-page CSS and beats any
 * generic BP-Nouveau rule that targets `.description` or `p.description`
 * inside the form.
 * ═══════════════════════════════════════════════════════════════════════════ */
html body .buddypress-wrap #settings-form .gp-pw-lost-link {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  margin: 22px 0 18px 0 !important;
  padding: 0 !important;
  font-size: inherit;
  line-height: 1.4;
  color: inherit;
  box-shadow: none !important;
}

/* The anchor itself — no special background or padding, just the text
 * with the theme's normal link colour.  We don't force a colour value
 * so brand customisations elsewhere in the theme (e.g. accent colour
 * changes via the customizer) continue to apply. */
html body .buddypress-wrap #settings-form .gp-pw-lost-link a {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  text-decoration: underline;
}

html body .buddypress-wrap #settings-form .gp-pw-lost-link a:hover,
html body .buddypress-wrap #settings-form .gp-pw-lost-link a:focus {
  text-decoration: none;
  background: transparent !important;
  background-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * /register PAGE
 * ───────────────────────────────────────────────────────────────────────────
 * Three things in this block:
 *   (1) Position the eye-toggle button INSIDE the password input on the
 *       right side, vertically centred.  BP's stock CSS lets it float to
 *       the right of the input (visible above the input as a separate
 *       block) which looks broken.  Mirrors the user-supplied snippet.
 *   (2) Style the friendly welcome text below the page title — centred,
 *       inherits theme font/colour, no float, no background.
 *   (3) Defensive: if any plugin re-injects the "Confirm new password"
 *       field after our server-side filter strips it, hide it via CSS
 *       so the user never sees it.  (Belt-and-suspenders only — the
 *       PHP filter in bp-func.php should make this rule unnecessary.)
 * ═══════════════════════════════════════════════════════════════════════════ */

/* (1) Eye-toggle button position on /register
 *
 * BP renders:
 *   <div class="password-input-wrapper">
 *     <input ... id="pass1" class="password-entry">
 *     <button type="button" class="button wp-hide-pw">
 *       <span class="dashicons dashicons-hidden"></span>
 *     </button>
 *   </div>
 *
 * The wrapper is forced position:relative so the button anchors against
 * it.  Selector + values match the user-supplied snippet exactly so the
 * intended visual outcome is preserved verbatim:
 *
 *   .register-page .signup-form .wp-pwd button {
 *     position: absolute;  right: 0;  top: 50%;
 *     transform: translateY(-50%);    float: none;
 *     background: #fff0;              z-index: 10;
 *     margin-top: 0 !important;       border: 0 !important;
 *   }
 *
 * Additional declarations (width/height, padding, hover reset, etc) are
 * appended below the user's required minimum to neutralise GeneratePress's
 * .button defaults (25px border-radius, padding, hover background) that
 * would otherwise leak through.  All additions are !important so they
 * win the cascade without changing the user-specified base values. */
.register-page .signup-form .password-input-wrapper {
  position: relative !important;
  display: block !important;
  width: 100%;
  box-sizing: border-box;
}

.register-page .signup-form .password-input-wrapper input.password-entry {
  /* Reserve space on the right so typed dots/chars don't slide under
   * the eye button. */
  padding-right: 44px !important;
  box-sizing: border-box !important;
}

.register-page .signup-form .wp-pwd button,
.register-page .signup-form button.wp-hide-pw {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  background: #fff0;
  z-index: 10;
  margin-top: 0px !important;
  border: 0 !important;
  /* ── Additional resets below: defeat .button defaults from
   *    GeneratePress / BP without altering the spec values above. */
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.register-page .signup-form .wp-pwd button:hover,
.register-page .signup-form .wp-pwd button:focus,
.register-page .signup-form button.wp-hide-pw:hover,
.register-page .signup-form button.wp-hide-pw:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.register-page .signup-form .wp-pwd button .dashicons,
.register-page .signup-form button.wp-hide-pw .dashicons {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1 !important;
  pointer-events: none;
  color: #6a6a6a;
}

/* (2) Welcome message below the page title */
.gp-register-welcome {
  text-align: center !important;
  float: none !important;
  margin: 10px auto 25px auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  /* Inherit theme font / colour — do NOT force font-family or size,
   * so the line picks up whatever the body / .entry-content cascade
   * defines.  Only ensure normal weight so it doesn't bold by default
   * in case a BP rule made body text bold. */
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  max-width: 720px;       /* readable line-length on wide viewports */
  width: 100%;
}

/* (3) Defence-in-depth: hide the confirm-password input/label/wrapper
 *     if any leftover markup slips through the PHP filter. */
.register-page .signup-form .user-pass2-wrap,
.register-page .signup-form #pass2,
.register-page .signup-form label[for="pass2"],
.register-page .signup-form input[name="signup_password_confirm"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}




/* Remove the stubborn border around GEO my WP single location wrapper */
body div.gmw-single-location-wrapper {
    border: 0 !important;
    box-shadow: none !important;
}



@media (max-width: 786px){
div.inside-article div.post-image a img.attachment-full.size-full.wp-post-image {
display: none;
}}

/* ----------------------------------------------------------------
   Content Type taxonomy label under post excerpts (archives/home)
   Added: matches existing .entry-meta / .tags-links visual language
   so it inherits theme styling without overriding anything.
---------------------------------------------------------------- */
.content-type-links {
    display: block;
    margin: 10px 0 -5px 0;
    font-size: 0.95em;
}

.content-type-links .content-type-label {
    display: none;
}

.content-type-links a {
    text-decoration: none;
}

.content-type-links a:hover {
    text-decoration: underline;
}



div.bp-wrap div#item-body.item-body div.profile.public table.profile-fields.bp-tables-user.gp-oregonity-reflection-notes-table tbody tr.field_type_textarea.gp-oregonity-reflection-notes-row td.data {
  font-weight: 900;
  color: #607f32;
}
/* ---- Search: "no results" image ---- */
.search-not-found-image {
  display: block;
  margin: 1.25rem auto 0;
  width: 300px;
  height: auto;
  max-width: 100%;
}
.search-not-found {
  text-align: center;
}


div#item-body.item-body form#bp-data-export {margin-bottom: 20px;}

p.bp-member-type-list span a {color: #4b722b;}

post-item-golden {
  margin-bottom: 1.5rem;
  padding: 10px 15px;
  background-color: #efe5ce7a !important;
  color: #6f5d49 !important;
  font-weight: 600 !important;
  border-radius: 12px;
  margin: 0 -15px 10px -15px;
}


.bfp-post-card {background: #fff0;}

input#asf-keyword.asf-input {background: #fff0 !important;}



div#asf-widget-wrap.asf-widget-wrap form.asf-form div.asf-buttons {margin: 0 auto;}


div.asf-buttons button.asf-btn-submit.button.wp-element-button {{
  max-width: 100px;
  padding: 7px 20px !important;
  background-color: #bbcda647 !important;
}





/* ============================================================================
 *  CHILD-THEME ADVANCEMENTS (added 2026-06)
 *  Tasks 2, 4, plus visual hooks for the AJAX features (tasks 1 + 5).
 *
 *  Task 3's override (BuddyPress stubborn .bp-tables-user tbody tr backgrounds)
 *  is NOT in this file — see the wp_add_inline_style('bp-nouveau', …) hook in
 *  functions.php.  That hook guarantees the rule loads AFTER bp-nouveau's own
 *  stylesheet (which is the only reason the override has to live there: pure
 *  CSS specificity is equal, but BP wins on load order).
 * ============================================================================ */


/* ── Task 2 (revised) ── Center titles ONLY on single post + single page ──
 *  The base `.entry-title` rule earlier in this file (~line 1051) stays at
 *  the theme's default left alignment so archive-card / blog-index titles
 *  keep flowing left, matching their layout.  Here we override that on the
 *  two contexts where the title deserves centered emphasis:
 *
 *    body.single-post  →  a single blog post (post_type=post)
 *    body.page         →  a static Page
 *
 *  Why not `body.single`?  `.single` matches every single-post-type view
 *  (including custom post types like `product`, `bp_docs`, portfolio
 *  entries, etc.) — the spec is "single post and single page," so we
 *  scope tighter.  If another CPT ever wants centered titles, add its
 *  body class to this selector list.
 *
 *  Also centering the entry-meta strip on single posts (the author /
 *  date / category line) so the header block reads as a symmetrical
 *  unit instead of a centered title with a left-flushed byline below it.
 *  We do NOT center entry-meta on Pages because Pages rarely have a
 *  visible meta row, and the ones that do (e.g. shortcode-generated
 *  listings) shouldn't be silently re-aligned by us.
 *
 *  Specificity:
 *    Base       :  .entry-title              →  0,0,1,0
 *    Override   :  body.single-post .entry-title / body.page .entry-title
 *                                            →  0,0,2,1
 *  The override wins by one class + one element; no !important needed.
 */
body.single-post .entry-title,
body.page        .entry-title {
  text-align:   center !important;
  margin-left:  0      !important;
  margin-right: 0      !important;
}

body.single-post .entry-meta {
  text-align: center !important;
}


/* ── Task 4 ── Sidebar widget header gradient ───────────────────────────────
 *  The previous design put a top-edge gradient on .widget-title and used
 *  negative margins to bleed it to the widget edges, giving a "header bar"
 *  look.  That meant the title text was anchored to the left of that bar.
 *
 *  Here we move the gradient onto the .widget itself: a 40-px tall fade
 *  from #92b7f342 to transparent, painted ON TOP OF the widget's existing
 *  #5989c10d background.  Because the gradient fades to transparent at the
 *  40-px mark, the underlying #5989c10d shows through smoothly — visually
 *  identical to a gradient that ends *at* #5989c10d, but with the benefit
 *  that the base colour is a single source of truth (one value to tweak,
 *  not two that must stay in sync).
 *
 *  The widget body keeps its 12-px rounded corners; gradients on
 *  background-image clip naturally to the border-radius, so no extra
 *  overflow:hidden is needed (and adding it would clip widget content).
 *
 *  With the gradient relocated, .widget-title no longer needs the
 *  negative margins, padding-left, or background of its own — so we
 *  strip those and center the text.
 */
.sidebar .widget {
  background-color: #5989c10d;
  background-image: linear-gradient(to bottom, #92b7f342 0, rgba(146,183,243,0) 40px);
  background-repeat: no-repeat;
  background-size: 100% 40px;
}

.sidebar .widget .widget-title {
  margin: 0 0 7px;            /* reset negative margins from base rule */
  padding: 5px 0 1px;         /* reset left padding so text truly centers */
  background: none;           /* drop the old solid background */
  background-image: none;     /* drop the old gradient */
  border-radius: 0;
  text-align: center;
}


/* ── Task 1 ── Members-list refresh — visual polish ─────────────────────────
 *  When the AJAX refresh fires we dim the list briefly, then fade the
 *  new content in.  Both classes are toggled by gp-live-updates.js.
 *  Reduced-motion users get the dim but not the slide.
 */
#members-list.gp-refreshing,
[data-bp-list="members"].gp-refreshing {
  opacity: 0.45;
  transition: opacity 180ms ease-out;
}
#members-list.gp-just-refreshed,
[data-bp-list="members"].gp-just-refreshed {
  animation: gp-members-fade-in 360ms ease-out;
}
@keyframes gp-members-fade-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #members-list.gp-just-refreshed,
  [data-bp-list="members"].gp-just-refreshed { animation: none; }
}


/* ── Task 5 ── "New Post(s) is/are Published" button ───────────────────────
 *  Two visual states, ONE element:
 *    .gp-new-posts-btn               → inline, sits above the posts grid,
 *                                      reserves ~50 px of vertical space.
 *    .gp-new-posts-btn.is-floating   → fixed at top-center of the viewport
 *                                      when the inline copy has scrolled off.
 *
 *  Light grey palette per spec, with a soft shadow on the floating state
 *  to lift it off the content.  Hover/focus get a subtle lift; reduced-
 *  motion users keep the colour change but lose the transform.
 */
.gp-new-posts-btn {
  display: block;
  margin: 0 auto 50px;
  padding: 11px 22px;
  background: #e8edf2;
  color: #2b4764;
  border: 1px solid #d2dfe8;
  border-radius: 24px;
  font: 600 15px/1.2 inherit;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.01em;
  transition: background 150ms ease, transform 150ms ease, box-shadow 200ms ease;
  -webkit-appearance: none;
          appearance: none;
}
.gp-new-posts-btn:hover,
.gp-new-posts-btn:focus-visible {
  background: #dde5ee;
  transform: translateY(-1px);
  outline: none;
}
.gp-new-posts-btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(58,103,173,0.35);
}
.gp-new-posts-btn.is-floating {
  position: fixed;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(40,60,90,0.22);
  margin: 0;                    /* fixed positioning ignores margin auto */
}
.gp-new-posts-btn.is-floating:hover,
.gp-new-posts-btn.is-floating:focus-visible {
  transform: translateX(-50%) translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
  .gp-new-posts-btn { transition: background 150ms ease; }
  .gp-new-posts-btn:hover,
  .gp-new-posts-btn:focus-visible { transform: none; }
  .gp-new-posts-btn.is-floating:hover,
  .gp-new-posts-btn.is-floating:focus-visible { transform: translateX(-50%); }
}

/* While the AJAX swap of #main is in flight, dim the area lightly so the
 * user understands something is happening; the swap itself is fast so
 * we don't ship a spinner. */
#main.gp-swapping { opacity: 0.55; transition: opacity 160ms ease; }


/* ── Own-profile variant of the member-type pill ────────────────────────────
 *  When a logged-in member is viewing their OWN profile AND that member is
 *  NOT an administrator or editor, the body element carries the
 *  `bp-own-profile` class (added by the body_class filter in functions.php
 *  using BuddyPress's bp_is_my_profile() + a strict role exclusion).  We
 *  use that class to give them a wider left offset and a larger bottom
 *  gap on the member-type pill.  Every other style stays identical to the
 *  default rule above.
 *
 *  Decision matrix (must match the body_class filter):
 *
 *    role            on own profile        on someone else's profile
 *    ─────────────   ────────────────       ────────────────────────
 *    administrator   DEFAULT rule           DEFAULT rule
 *    editor          DEFAULT rule           DEFAULT rule
 *    any other       THIS rule              DEFAULT rule
 *
 *  Specificity check:
 *    Default :  div#item-header-content p.bp-member-type-list        →  0,1,1,2
 *    Override:  body.bp-own-profile div#item-header-content p.bp-…   →  0,1,2,3
 *  The override wins by one class, so source order is not load-bearing.
 *
 *  Note on caching:
 *    Because functions.php:416 strips `?ver=` from style.css URLs, edits
 *    to this rule may not appear immediately for visitors with a cached
 *    copy of style.css.  A wp_head safety net in functions.php prints the
 *    same declaration inline so the change applies on the next page load
 *    regardless of CSS cache state.
 */
body.bp-own-profile div#item-header-content p.bp-member-type-list {
  margin: -7px 0 40px 160px;
  padding: 10px;
  background-color: #f2f1f100;
  width: auto;
  border-radius: 7px;
  font-size: 15px;
}


/* ── Task 4 ── Hide the WP entry-title on BuddyPress member profile pages ──
 *  BuddyPress attaches the `bp-user` class to <body> on every single
 *  member's profile URL (and its subtabs — /profile, /friends, /messages,
 *  etc.) but NOT on the /members directory, group pages, activity
 *  permalinks, or anywhere else.  So scoping the display:none to
 *  `body.bp-user .entry-title` hides the WP page title on individual
 *  member profiles and leaves the title showing on every other page.
 *
 *  Why hide it?  BuddyPress renders its own header (the cover image +
 *  avatar + display name inside #item-header) which visually replaces
 *  the role of the page title — the WP one is redundant duplication.
 *
 *  We also hide .page-header and any h1 that shares .entry-title as a
 *  belt-and-braces measure for themes/plugins that emit the title
 *  through a slightly different wrapper.
 */
body.bp-user .entry-title,
body.bp-user .page-header,
body.bp-user h1.entry-title {
  display: none;
}


/* ── Extra rules (appended per spec) ────────────────────────────────────── */
.quick-search__field-wrap { background: var(--qs-bg-idle) !important; }

body #buddypress * a {
  box-shadow: none;
  text-decoration: none;
  font-weight: 500;
  color: #2e4e80;
}