/*
Theme Name: Oregon Academy
Description: Custom theme
Author: Americary LLC
Author URI: https://americary.com
Template: generatepress
Version: 12.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: -25px;
left: 0;
width: 100%;
height: 103%;
background-image: url('https://americary.com/Clouds.avif');
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;
}
@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;
}
}
.notification-bell-menu { display: none;}
.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%;
z-index: 10;
}
.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(#adc7f185, #fefefe33);
position: relative !important;
overflow: hidden !important;
z-index: 10001 !important;
margin-bottom: -30px;
height: 70px;
}
.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;
}
.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;
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;
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;
}
.secondary-navigation .sec-nav-scroll-btn {
position: absolute;
top: 0;
bottom: 0;
width: 50px;
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;
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);
}
.secondary-navigation .sec-nav-scroll-btn--left {
left: 0;
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);
}
@media (max-width: 783px) {
.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;
}
@media (max-width: 783px) {
.secondary-navigation .menu-toggle,
.secondary-navigation button.menu-toggle.secondary-menu-toggle {
display: none !important;
}
.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;
border-radius: 11px;
}
.secondary-navigation ul ul { background-color: #a6d3fb !important;}
.inside-header {
text-align: left;
margin: -15px 0 0 5px;
}
@media only screen and (max-width: 780px) {
.inside-header {
margin: 0px 25px 0 25px !important;
}}
#header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
#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 {
margin-left: auto;
}
@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: 10px 0 15px 0px !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: -15px 0 0px -2px !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: #fff0 !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;
}
.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;
}
.separate-containers .inside-article .post-image img, .separate-containers .inside-article .featured-image img {
filter: saturate(0.4) contrast(0.75) brightness(1.25);
-webkit-filter: saturate(0.55) !important;}
.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(30%);
filter: gray;
-webkit-filter: grayscale(30%);
opacity: 0.85;
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(0%);
-webkit-filter: grayscale(0%);
-webkit-transition: all 1s ease;
transition: all 1s ease;
opacity: 1;
}
@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;}
@media (max-width: 783px) {
.separate-containers .inside-article, .separate-containers .comments-area, .one-container .container, .inside-page-header {
box-shadow: 0px 0px 0px 0px #8797a754;
border-top: solid 0px #a9b1ba94;
border-left: solid 0px #8a939a6b;
}}
@media (max-width: 783px) {
.separate-containers .comments-area {padding: 25px 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;
}}
/* ---------------------------------------------------------------------
Single post / single page: no border or shadow on the main containers.
The two rules above give .inside-article, .comments-area,
.one-container .container and .inside-page-header a border + shadow
everywhere. Here they are switched off on singular views only:
body.single → single posts (and CPT singles)
body.page:not(.home) → static Pages, except the static front page
Home, blog index, archives, categories, tags and search are untouched,
so the masonry post cards keep their border + shadow.
".site-main > article > .inside-article" (direct children only) keeps
any post cards nested inside the content (shortcodes / blocks listing
posts) framed as well.
--------------------------------------------------------------------- */
body.single.separate-containers .site-main > article > .inside-article,
body.single.separate-containers .comments-area,
body.single.one-container .container,
body.single .inside-page-header,
body.page:not(.home).separate-containers .site-main > article > .inside-article,
body.page:not(.home).separate-containers .comments-area,
body.page:not(.home).one-container .container,
body.page:not(.home) .inside-page-header {
border: 0;
box-shadow: none;
}
.entry-title a, .entry-title a:visited {
color: #a12b20;
font-weight: 900;
background-image: linear-gradient(to right, #d5a04e 50%, #a12b20 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-repeat: no-repeat;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-position 0.6s ease;
}
.entry-title a:hover {
color: #d5a04e;
background-position: 0 0;
}
.entry-title a .mpn-title-rotator {
background-image: linear-gradient(to right, #d5a04e 50%, #a12b20 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-repeat: no-repeat;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.entry-title a:hover .mpn-title-rotator {
background-position: 0 0;
}
.entry-title a .mpn-title-rotator[style*="color"] {
background-image: none;
-webkit-text-fill-color: currentColor;
}
.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;
border: solid 5px #c1d2e840 !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 5px #c1d2e840 !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 4px #c1d2e863 !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;}
@media (max-width: 768px) {
div#respond.comment-respond {
margin-top: -20px !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;
}
@media (max-width: 768px) {
h3#reply-title.comment-reply-title {
margin-bottom: 20px;
margin-top: 60px;
font-size: 17px;
}}
.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, #669beb38, #0000);}
.footer-widgets {
padding-bottom: 130px;
}
.footer-widgets-container {margin-top: 20px;}
.site-info {
background-color: #b4c1bf !important;
color: #020202;
font-weight: 500;
font-size: 17px;
position: relative;
overflow: visible;
}
@media (max-width: 768px) {
.site-info {
font-size: 13px;
}}
.gp-wavy-footer {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
width: 100%;
height: 130px;
display: block;
pointer-events: none;
z-index: 1;
margin-bottom: -1px;
}
@media (max-width: 600px) {
.gp-wavy-footer { height: 70px; }
.footer-widgets { padding-bottom: 75px; }
}
/* Mount Hood backdrop — sits on the top edge of .site-info, centered,
BEHIND the wave (.gp-wavy-footer is z-index:1, this is z-index:0). */
.gp-mount-hood {
position: absolute;
bottom: calc(100% + 26px); /* raised 26px above the top of .site-info (moved 4px down) */
left: 50%;
transform: translateX(calc(-50% - 190px)); /* centered, then nudged 190px left */
width: min(728px, 82vw); /* +30% larger (was 560px); vw cap guards against horizontal scroll */
height: auto;
z-index: 0; /* behind the wave (z-index:1) */
display: block;
pointer-events: none;
user-select: none;
}
/* Narrow screens (783px or less): scale the mountain down 20% (width & height
scale together via height:auto), shift it 55px right of its desktop spot
(-190px + 150px - 15px = -55px), and raise it (26px - 20px + 20px = 26px). */
@media (max-width: 783px) {
.gp-mount-hood {
width: min(582px, 66vw); /* 728px & 82vw, both -20% */
transform: translateX(calc(-50% - 55px)); /* 150px right, then 15px back left */
bottom: calc(100% + 16px); /* moved 10px down (was 26px) */
}
/* Larger, bold copyright links on narrow screens.
Scoped to .site-info + !important so it beats the later global
"div.copyright-bar a { font-size:18px }" rule, which otherwise wins
on equal specificity by source order. */
.site-info div.copyright-bar a {
font-size: 15px !important;
font-weight: bold !important;
}
}
/* ─────────────────────────────────────────────────────────────────────────
SALEM SKYLINE — right-hand vector cityscape standing on the top edge of
.site-info, IN FRONT of the wave.
LAYER ORDER in the footer: mount hood (0) < wave (1) < skyline (2)
THE 60px IS THE FIGURE, NOT THE BOX
The .svg viewBox is cropped to the artwork's true bounding box
(2130 x 273 user units), so height:60px sizes the silhouette itself.
--skyline-ar is that exact aspect ratio (2130/273 = 7.8022), and the
width is DERIVED from the height — so to resize the skyline, change
--skyline-h only and the proportions hold automatically (60px -> 468px).
RIGHT EDGE OF THE SCREEN, NOT THE CONTENT CONTAINER
.site-info is the full-width footer bar (the contained element is
.inside-site-info), and absolute offsets resolve against .site-info's
padding box, whose right edge is the viewport right edge. So right:20px
is 20px of clear space to the screen edge, outside the content container,
and it survives any footer-bar padding change in the Customizer.
RECOLOURING
The silhouette is blue-grey #476284 — HSL(214deg, 30%, 39.8%), reached by
two successive +25% lightness steps from the original #33414F
(25.5% -> 31.9% -> 39.8%), with hue and saturation held so the blue stays
put as it lightens.
*** CONTRAST FLOOR — READ BEFORE LIGHTENING AGAIN ***
Contrast against the wave (#aab9b6) is now 3.08:1, essentially exactly the
WCAG 3:1 minimum for non-text graphics. It still reads because the figure
is 60px tall, where the spires and bridge railings are thick enough to
survive. There is NO headroom left: one more +25% step would give #597AA5
at 2.17:1, and the skyline would start dissolving into the wave. If a
lighter look is wanted from here, lighten the WAVE instead (the #aab9b6
fill in gp_render_wavy_footer_svg) so the pair separates, rather than
lightening the silhouette further. Likewise, reducing --skyline-h below
60px needs this value darkened to compensate.
An ![]()
cannot be recoloured by CSS, so that value lives in the fill
attribute of images/salem-skyline.svg. To change it, edit that one
attribute — or swap the img for a mask and let CSS drive the colour:
background-color: #476284;
-webkit-mask: url('images/salem-skyline.svg') no-repeat center/contain;
mask: url('images/salem-skyline.svg') no-repeat center/contain;
───────────────────────────────────────────────────────────────────────── */
.gp-salem-skyline {
--skyline-h: 60px; /* the FIGURE height — the one value to tweak */
--skyline-ar: 7.8022; /* 2130 / 273, the artwork's true aspect ratio */
position: absolute;
bottom: 100%; /* bottom edge flush on the top edge of .site-info */
right: 20px; /* 20px in from the right edge of the screen */
height: var(--skyline-h);
width: calc(var(--skyline-h) * var(--skyline-ar));
max-width: none; /* beat any global "img { max-width:100% }" reset */
z-index: 2; /* in front of .gp-wavy-footer (z-index: 1) */
display: block;
pointer-events: none;
user-select: none;
}
/* CUSTOM IMAGE MODE — Customizer → Footer → "Enable Background Image".
A replacement image has its own aspect ratio, so width switches to auto and
the browser derives it from the file's intrinsic ratio at the same
--skyline-h height. Forcing the skyline's 7.8:1 ratio would distort it.
The max-width clamp is a guard against a very wide panorama: without it, a
5000x100 image at 35px tall would reach ~1750px and run off the left of the
screen. object-fit keeps it undistorted inside that clamp, and
object-position pins it bottom-right so it still stands on the footer edge
flush and 20px in from the right. */
.gp-salem-skyline--custom {
width: auto;
max-width: calc(100vw - 40px);
object-fit: contain;
object-position: right bottom;
}
/* Tablet and below: the wave shortens to 70px and the footer padding to
75px, and a 468px-wide skyline crowds the mountain's right shoulder — so
step the figure down, scaled from the 60px desktop size so the zoom stays
consistent. Width follows the height on its own. */
@media (max-width: 783px) {
.gp-salem-skyline {
--skyline-h: 48px; /* ≈ 375px wide */
right: 14px;
}
}
@media (max-width: 480px) {
.gp-salem-skyline {
--skyline-h: 38px; /* ≈ 297px wide — fits a 320px viewport with room to spare */
right: 10px;
}
}
div.copyright-bar a {
color: #406231;
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: -25px;
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;
}
#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;
}
#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;
}
#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);
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;}
#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-weight: inherit;
font-size: inherit;
font-size: inherit;
font-size: 100%;
padding: .5em 15px;
background-color: #fff0 !important;
border: solid 4px #c1d2e863 !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: #bbcda647;
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;
}
#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;}
/* Links: hover colour #5086dce5. Links that get the colour wipe (see
"Link hover" near the end of this file) are skipped here: they keep their
own colour on hover so the wipe can sweep from it to #5086dce5. */
a:not(:is(.entry-content, .entry-summary, .widget, .comment-content, .entry-meta) a:not(.button):not(.wp-block-button__link):not([class*="btn"]):not(.tag-cloud-link):not(:has(img, svg, picture, video))):is(:hover, :focus, :active) {color: #5086dce5 !important;}
.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;
margin-bottom: -10px;
}
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;}
#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: #fff0;
min-height: 30rem;
border-radius: 10px;
border: 1px solid #c6d5dde5;
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";
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;}
.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%;
}
.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;
}
.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 popup — "Remember me" + Login button on one line
---------------------------------------------------------------------------
The button used to be a sibling of .login-field_opt, so it stacked under the
checkbox. It now sits INSIDE this row (see lib/popup-login.php) and this
rule lines the two up horizontally.
Why margin-left:auto instead of the float:right that was requested:
`float` has no effect on a flex item — the spec makes the used value of
`float` "none" for anything participating in flex layout, so the declaration
would be silently dropped. `margin-left:auto` is the flex equivalent and is
also more robust here: it pins the button hard right even though the
.toggle-lost_password label between the two is display:none further down
this file (a display:none flex item is removed from the layout entirely,
which would otherwise leave justify-content:space-between with only two
items to push apart).
--------------------------------------------------------------------------- */
.login-field_opt {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 16px;
}
/* Checkbox and its label ride together as one unit on the left. */
.login-field_remember {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.login-field_remember input[type="checkbox"] {
margin: 0;
flex: 0 0 auto;
}
.login-field_remember .log_rem {
margin: 0;
line-height: 1.2;
cursor: pointer;
user-select: none;
}
button.login-form_button {
padding: 10px 18px;
margin-left: auto; /* the flex-layout equivalent of float:right */
flex: 0 0 auto;
white-space: nowrap;
cursor: pointer;
margin-top: 5px !important;
}
button.login-form_button[disabled] {
opacity: .6;
cursor: default;
}
/* ---------------------------------------------------------------------------
Popup form feedback (wrong password, network error, success)
The server's plain-text reply is written here by js/main-child.js. Without
it, a failed login produced no visible change at all.
--------------------------------------------------------------------------- */
.login-form_message,
.lost-form_message,
.post-update_message {
margin: 0;
padding: 10px 14px;
border-radius: 10px;
font-size: 14px;
line-height: 1.4;
}
.login-form_message.is-error,
.lost-form_message.is-error,
.post-update_message.is-error {
background: #fdecea;
color: #8a1c12;
}
.login-form_message.is-success,
.lost-form_message.is-success,
.post-update_message.is-success {
background: #e7f2dc;
color: #2b5a13;
}
/* Beat any later `display:block`-style rule that would defeat the attribute. */
.login-form_message[hidden],
.lost-form_message[hidden],
.post-update_message[hidden] {
display: none !important;
}
/* Narrow phones: let the button drop to its own full-width line rather than
squeezing the "Remember me" label into two cramped words. */
@media (max-width: 360px) {
button.login-form_button {
width: 100%;
margin-left: 0;
}
}
.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;
}
/* ---------------------------------------------------------------------------
Dimmed backdrop behind an open popup.
NOTE ON THE FINAL COLOUR: .popup__outside is stacked ON TOP of .popup__wrap,
which already paints rgba(255,255,255,.75). So what the visitor actually
sees is page -> 75% white -> 24% blue, which reads noticeably paler than
#2965b2 at 24% would on its own. If you want the blue to read truer, drop
the white layer by setting `.popup__wrap { background-color: transparent; }`
(search "\.popup__wrap {" below) and raise the alpha here.
--------------------------------------------------------------------------- */
.popup__outside {
position: absolute;
background: #2965b23d;
}
.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: 350px;
}
/* ---------------------------------------------------------------------------
Exemption: the Post-revision popup (editors/admins on single posts) also
carries .popup__inner, and its .post-update-form asks for `width: 60rem`
(~960px) to hold the TinyMCE editor. The 350px cap above would crush that
editor into a 350px column.
The two-class selector (0,2,0) outranks the single .popup__inner (0,1,0),
so this wins regardless of source order — .popup__inner-post_update sits
EARLIER in this file (around line 2468), so a single-class override there
would have lost to the rule above.
100% restores exactly the behaviour .popup__inner had before the 350px cap.
--------------------------------------------------------------------------- */
.popup__inner.popup__inner-post_update {
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: -10px auto 0 auto;
width: 100%;
box-sizing: border-box;
}
div#profile-details-section.register-section.extended-profile div.editfield.field_2.field_region.required-field.visibility-loggedin.alt.field_type_selectbox {margin-top: -10px;}
.privacy-policy-accept, #blog-details-section {padding: 0;
max-width: 480px;
margin: 0 auto;
width: 100%;}
.buddypress-wrap .register-page input[type="submit"], .buddypress-wrap .register-page button {
display: block;
margin: 5px auto 20px auto !important;
padding: 15px 20px !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: 50px !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 4px #c1d2e863 !important;
border-radius: 25px;
background: #fff0 !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;
border: 0;
box-shadow: none;
}
@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;}
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;}
.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) {
font-size: 17px;
color: #a12b20;
font-weight: 900;
}
.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;
}
ul.children li a { color: #4389d3;}
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;}
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 155px;
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;
}
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;
}
.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;
}
.buddypress-wrap .bp-navs li.current a .gp-nav-icon,
.buddypress-wrap .bp-navs li.selected a .gp-nav-icon {
color: inherit !important;
}
.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;
}
.bp-single-vert-nav .bp-navs.vertical li a .gp-nav-icon {
margin-right: 8px;
font-size: 1em;
}
.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-wrap .standard-form .wp-editor-tabs,
#buddypress .standard-form .wp-editor-tabs {
display: none !important;
}
.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;
}
.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;
}
#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;
}
.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;
}
@media (max-width: 768px) {
.header-mobile {
display: none;
overflow: hidden;
margin-top: 0 !important;
}
}
li.header-after-toggle-item {
list-style: none;
display: none !important;
}
@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);
}
@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;
font-size: 20px !important;
line-height: 1;
margin-top: -5px !important;
}
}
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; }
iframe[src*="youtube.com"], iframe[src*="youtu.be"] {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9;
display: block;
border-radius: 12px !important;
}
.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;}}
.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 50px 0;}
.comment-awaiting-moderation { display: none;}
body #buddypress input[type="search"] {
border: solid 5px #c1d2e840 !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;
}
}
#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;
}
#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;
}
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;
}
span.gp-word-counter.gp-wc-warning {
color: #c0770a;
font-weight: 600;
font-size: 18px;
margin-bottom: 15px;
}
span.gp-word-counter.gp-wc-full {
color: #c0392b;
font-weight: 600;
}
.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;
}
@media screen and (max-width: 786px) {
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
#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;
}
.post-image > a,
.featured-image > a {
display: block !important;
}
.post-image .fis-container,
.featured-image .fis-container {
display: block !important;
width: 100% !important;
position: relative;
overflow: hidden;
}
@supports not (aspect-ratio: 1) {
.post-image .fis-container,
.featured-image .fis-container {
min-height: 180px;
}
}
@media (max-width: 786px) {
.post-image .fis-container,
.post-image .fis-video-container,
.featured-image .fis-container {
display: block !important;
}
}
.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.has-scroll-right .sec-nav-scroll-btn--right {
text-indent: 5px;
padding-bottom: 4px;
}
.secondary-navigation.has-scroll-left .sec-nav-scroll-btn--left {
text-indent: -5px;
padding-bottom: 4px;
}
.user-comment-content .user-comment-delete {
margin-left: 8px;
color: #b03a2e;
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;
}
.user-comments .user-comment-flash {
display: block;
padding: 14px 18px;
border: 1px solid #cbe18a;
border-radius: 7px;
background: #e2f0bc !important;
color: #6a8906;
font-weight: 600;
font-size: 0.95rem;
line-height: 1.4;
margin: 0 0 1.5rem 0 !important;
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);
}
.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;
}
.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);
}
.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); }
}
.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;
}
.gp-cd-modal .gp-cd-text {
margin: 0 0 18px;
color: #555;
font-size: 0.95rem;
line-height: 1.45;
}
.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;
}
html.gp-cd-modal-open,
html.gp-cd-modal-open body {
overflow: hidden;
}
.gp-notif-modal {
position: fixed;
inset: 0;
z-index: 100001;
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( 17, 24, 39, 0.55 );
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.gp-notif-modal .gp-notif-dialog {
position: relative;
background: #ffffff;
border-radius: 12px;
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;
}
.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. */
}
#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;
text-align: right;
}
#buddypress table.notifications .bulk-select-check {
text-align: left;
}
#notifications-user-list.dir-list form#notifications-bulk-management {
margin-top: 0;
}
@media screen and (max-width: 786px) {
#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;
justify-items: stretch !important;
justify-content: flex-start !important;
text-indent: 0 !important;
}
#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;
}
#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;
}
#buddypress table.notifications td:first-child:not(.bulk-select-check),
#buddypress table.notifications th.icon {
display: none !important;
}
#buddypress table.notifications {
border-spacing: 0 !important;
border-collapse: collapse !important;
}
#buddypress table.notifications thead {
display: none !important;
}
#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;
}
#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;
}
#buddypress table.notifications td:first-child,
#buddypress table.notifications th.icon {
display: none !important;
}
#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;
}
#buddypress table.notifications td.notification-description {
width: auto !important;
min-width: 0 !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
#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;
}
#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;
}
#buddypress input#select-all-notifications {
margin-left: 0;
}
#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;
}
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;
}
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;
}
html body .buddypress-wrap #settings-form .gp-pw-row--pwd-old {
margin: 0 0 15px 0 !important;
}
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;
}
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;
}
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;
}
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;
}
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;
pointer-events: auto !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
text-decoration: none !important;
outline: none !important;
min-width: 0 !important;
min-height: 0 !important;
}
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;
}
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;
}
html body .buddypress-wrap #settings-form .gp-pw-toggle[aria-pressed="true"] {
color: #2271b1 !important;
}
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;
}
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 .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 {
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;
background-color: rgba(255, 255, 255, 0);
background-image: none;
z-index: 10;
border: 0 !important;
margin: 0 10px 0 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;
}
.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;
font-weight: normal;
font-style: normal;
line-height: 1.5;
max-width: 720px; /* readable line-length on wide viewports */
width: 100%;
}
.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;
}
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-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-not-found-image {
display: block;
margin: 1.25rem auto 0;
width: 300px;
height: auto;
max-width: 100%;
border-radius: 15px;
}
.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;}
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;
}
/* Post & page titles and their meta (date / author) aligned left. */
body.single-post .entry-title,
body.page .entry-title,
body.single-post .entry-meta,
body.page .entry-meta {
text-align: left;
}
.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: -10px 0 7px 0;
padding: 5px 0 1px;
background: none;
background-image: none;
border-radius: 0;
text-align: left;
}
*/
#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; }
}
.gp-new-posts-wrap {
display: block;
width: 100%;
margin: 0 0 50px;
text-align: center;
line-height: 0;
}
.gp-new-posts-btn {
display: inline-block;
float: none;
width: auto;
max-width: 100%;
margin: 0 auto;
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%;
right: auto;
transform: translateX(-50%);
z-index: 9999;
box-shadow: 0 6px 18px rgba(40,60,90,0.22);
margin: 0;
float: none;
}
.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%); }
}
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;
}
body.bp-user .entry-title,
body.bp-user .page-header,
body.bp-user h1.entry-title {
display: none;
}
.quick-search__field-wrap { background: var(--qs-bg-idle) !important; }
body #buddypress * a {
box-shadow: none;
text-decoration: none;
font-weight: 500;
color: #2e4e80;
}
.tagcloud:has(.gp-tagscroll) { display: block !important; }
div.tagcloud .gp-tagscroll,
.gp-tagscroll {
box-sizing: border-box !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
flex: 0 0 100vw !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
overflow: hidden !important;
padding: 0 !important;
}
div.tagcloud .gp-tagscroll .gp-tagline,
.gp-tagscroll .gp-tagline {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
text-align: center;
display: block !important;
}
div.tagcloud .gp-tagscroll .gp-tagline__track,
.gp-tagscroll .gp-tagline__track {
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
will-change: transform;
}
.gp-tagscroll .gp-tagline__clone {
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
margin-top: 10px !important;
}
.gp-tagscroll .gp-tagline__track.is-animating {
animation-name: gp-tagscroll-right;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes gp-tagscroll-right {
from { transform: translateX(calc(var(--gp-shift, 50%) * -1)); }
to { transform: translateX(0); }
}
.gp-tagscroll .gp-tagline:hover .gp-tagline__track.is-animating,
.gp-tagscroll .gp-tagline:focus-within .gp-tagline__track.is-animating {
animation-play-state: paused;
}
.gp-tagscroll a.tag-cloud-link {
margin-bottom: 0;
flex: 0 0 auto;
}
/
@media (prefers-reduced-motion: reduce) {
.gp-tagscroll .gp-tagline__track { animation: none !important; transform: none !important; }
.gp-tagscroll .gp-tagline--scrollable { overflow-x: auto; }
}
.tagcloud { justify-content: center; text-align: center; }
.site-footer-water {
background-color: #688ec7 !important;
position: relative;
overflow: visible;
min-height: 64px;
width: 100%;
--ship-w: 200px;
--ship-h: 120px;
--ship-duration: 90s;
--ship-bob-angle: 1.4325deg;
}
.site-info { display: flow-root; }
.site-footer-water::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 11px;
background-image: url('wave.png?v=100x32-688ec7cc');
background-repeat: repeat-x;
background-position-x: 0;
background-position-y: bottom;
background-size: 34.4px 11px;
pointer-events: none;
z-index: 2;
animation: gp-water-wave-drift 3.44s linear infinite;
will-change: background-position;
}
.site-footer-water::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #688ec7;
pointer-events: none;
z-index: 1;
}
@keyframes gp-water-wave-drift {
from { background-position-x: 0; }
to { background-position-x: 34.4px; }
}
.site-footer-water__ship-track {
position: absolute;
left: 0;
bottom: calc(100% - 1px);
width: var(--ship-w);
height: var(--ship-h);
z-index: 0;
pointer-events: none;
transform: translate3d(100vw, 0, 0);
animation: gp-water-ship-sail var(--ship-duration) linear infinite;
will-change: transform;
}
.site-footer-water__ship {
position: absolute;
inset: 0;
background-image: url('images/romanship.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
pointer-events: none;
filter: saturate(0.75);
transform-origin: right bottom;
animation: gp-water-ship-bob 6s linear infinite;
will-change: transform;
display: block;
text-decoration: none;
}
a.site-footer-water__ship { pointer-events: auto; cursor: pointer; }
@keyframes gp-water-ship-sail {
from { transform: translate3d(100vw, 0, 0); }
to { transform: translate3d(calc(var(--ship-w) * -1), 0, 0); }
}
@keyframes gp-water-ship-bob {
0%,
100% { transform: rotate(0deg); }
25% { transform: rotate(var(--ship-bob-angle)); }
50% { transform: rotate(0deg); }
75% { transform: rotate(calc(var(--ship-bob-angle) * -1)); }
}
@media (max-width: 600px) {
.site-footer-water {
--ship-w: 130px;
--ship-h: 78px;
--ship-bob-angle: 2.2042deg; /
}
}
@media (prefers-reduced-motion: reduce) {
.site-footer-water::before,
.site-footer-water__ship-track,
.site-footer-water__ship { animation: none; }
}
.site-footer:not(.footer-bar-active) .copyright-bar {
margin: -33px auto 100px auto !important;
}
.site-footer-water__strong {
position: relative;
z-index: 3;
text-align: center;
padding: 16px 15px 10px;
color: #e3f1fb91;
font-weight: 700;
font-size: 16px;
line-height: 1.4;
}
.site-footer-water__strong strong { font-weight: inherit; color: inherit; }
.site-footer-water__music {
position: absolute;
left: 14px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
z-index: 4;
opacity: 0;
visibility: hidden;
transition: opacity 0.45s ease;
}
.site-footer-water__music.is-revealed {
opacity: 1;
visibility: visible;
}
.site-footer-water__music-btn {
display: inline-flex;
align-items: center;
gap: 9px;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 6px;
margin: 0;
cursor: pointer;
color: #e3f1fb91 !important;
line-height: 0;
-webkit-tap-highlight-color: transparent;
}
.site-footer-water__music-btn:hover,
.site-footer-water__music-btn:focus,
.site-footer-water__music-btn:focus-visible,
.site-footer-water__music-btn:active {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #e3f1fb91 !important;
}
.site-footer-water__clef {
height: 40px;
width: 21px;
display: block;
flex: none;
overflow: visible;
}
.site-footer-water__slash { display: none; }
.site-footer-water__music.is-muted .site-footer-water__slash { display: block; }
.site-footer-water__music-label {
color: #e3f1fb91;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
opacity: 0;
transform: translateX(-4px);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
.site-footer-water__music-btn:hover .site-footer-water__music-label,
.site-footer-water__music-btn:focus-visible .site-footer-water__music-label {
opacity: 1;
transform: translateX(0);
}
.site-footer-water__music.is-hinting .site-footer-water__music-label {
opacity: 1;
transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
.site-footer-water__music,
.site-footer-water__music-label { transition: none; }
}
.widget select {
max-width: 100%;
border: solid 3px #c1d2e8b2 !important;
}
div.gp-new-posts-wrap button.gp-new-posts-btn {
color: #5583ca !important;
background-color: #d3e5fd91 !important;
font-weight: 900 !important;
margin-bottom: 25px !important;
}
div.gp-new-posts-wrap { margin-bottom: 0 !important; }
button.gp-new-posts-btn.is-floating {
color: #5583ca !important;
background-color: #d3e5fd91 !important;
font-weight: 900 !important;
}
.gp-logo-flip {
position: relative;
display: inline-block;
perspective: 800px;
line-height: 0;
margin-top: 10px;
}
.gp-logo-flip__inner {
position: relative;
display: inline-block;
transition: transform 3s cubic-bezier(.4, .2, .2, 1) 0s;
transform-style: preserve-3d;
line-height: 0;
}
.gp-logo-flip:hover .gp-logo-flip__inner,
.gp-logo-flip:focus-within .gp-logo-flip__inner {
transition: transform 3s cubic-bezier(.4, .2, .2, 1) 1s;
transform: rotateY(180deg);
}
.gp-logo-flip__inner > img {
display: block;
max-width: 100%;
height: auto;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.gp-logo-flip__back {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0px 0px;
text-align: center;
background: #eef3fbfc;
color: #456391;
border-radius: 10px;
transform: rotateY(180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
line-height: 1.15;
overflow: hidden;
margin-top: 10px;
}
.gp-logo-flip__tagline {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 100%;
max-height: 100%;
font-size: clamp(10px, 1.6vw, 14px);
font-weight: 700;
letter-spacing: 0.01em;
word-break: break-word;
hyphens: auto;
color: inherit;
}
@media (prefers-reduced-motion: reduce) {
.gp-logo-flip__inner,
.gp-logo-flip:hover .gp-logo-flip__inner,
.gp-logo-flip:focus-within .gp-logo-flip__inner { transition: none; }
}
p.asf-distance-hint {display: none;}
.ui-widget, .ui-widget *, .ui-accordion, .ui-accordion *, .ui-accordion-header, .ui-accordion-content, .bps-form, .bps-form * {
font-family: inherit !important;
font-size: inherit !important;
color: #a3b3cc !important;
font-weight: 500 !important;
}
body.register .secondary-navigation .main-nav ul li a {
display: none !important;
}
body.register div.copyright-bar a {
display: none !important;
}
body.register .main-navigation:not(.secondary-navigation) .inside-navigation {
display: none !important;
}
body.register .site-header .inside-header {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
body.register .site-header .inside-header .main-navigation:not(.secondary-navigation) {
display: none !important;
}
body.register .site-header .site-branding-container,
body.register .site-header .site-logo,
body.register .site-header a.custom-logo-link {
flex: 0 0 auto !important;
width: auto !important;
max-width: 100% !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
body.register .site-header .site-logo img,
body.register .site-header .header-image,
body.register .site-header .gp-logo-flip {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 786px) {
body.register .inside-article {
border: none !important;
}
}
body.register .grid-container {
margin-top: -50px !important;
}
:root {
--gp-decor-opacity: 0.35;
}
.gp-decor {
position: fixed;
bottom: 30px;
height: 150px;
aspect-ratio: 308 / 324;
width: auto;
background-image: url('images/decor.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
pointer-events: none;
z-index: 1;
opacity: var(--gp-decor-opacity, 1);
width: 143px;
}
@supports (aspect-ratio: 1) {
.gp-decor {
width: auto;
}
}
.gp-decor--left { left: 30px; }
.gp-decor--right {
right: 30px;
transform: scaleX(-1);
}
body.gp-footer-in-view .gp-decor {
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.gp-decor {
transition: none;
}
}
.gp-eagle {
--gp-eagle-bottom: 30px;
--gp-eagle-side: 30px;
--gp-eagle-opacity: 0.7;
position: fixed;
bottom: var(--gp-eagle-bottom);
height: 150px;
aspect-ratio: 735 / 682;
width: auto;
background-image: url('images/eagle-decor.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
pointer-events: none;
z-index: 1;
opacity: var(--gp-eagle-opacity, 0.7);
transition: opacity 0.35s ease;
width: 162px;
}
@supports (aspect-ratio: 1) {
.gp-eagle { width: auto; }
}
.gp-eagle--left { left: var(--gp-eagle-side); }
.gp-eagle--right {
right: var(--gp-eagle-side);
transform: scaleX(-1);
}
body.gp-footer-in-view .gp-eagle {
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.gp-eagle {
transition: none;
}
}
@media (max-width: 1399.98px) {
.gp-eagle,
.gp-decor {
display: none !important;
}
}
@media (max-width: 767.98px) {
.site-footer-water::before {
background-size: 17.2px 5.5px !important; /* was 34.4px 11px */
height: 5.5px !important; /* was 11px */
}
}
@media (max-width: 783px) {
h3#reply-title.comment-reply-title {
margin-top: 0;
padding-top: 15px;
}
}
.recommented-posts-list { margin-bottom: 0px !important;}
/* ==========================================================================
* MEMBER-TYPE AJAX REGISTRATION (Task 1)
* --------------------------------------------------------------------------
* Stage 1: the account-type chooser is the only thing on the page. We give it
* the same centred, max-width treatment the signup sections get, so switching
* from "just a dropdown" to "the full form" reads as one continuous card.
* ==========================================================================*/
.buddypress-wrap .register-page .gp-member-type-section {
padding: 0;
max-width: 480px;
margin: 10px auto 0 auto;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.register-page .gp-member-type-section .gp-member-type-label {
display: block;
font-weight: 600;
margin-bottom: 10px;
}
/* Hide the label once a real account type is chosen — PURE CSS, no JS needed.
* `option:checked` reflects the live