.bb-post-collection .post-item-list .bb-media-placeholder {
    padding-bottom: 0 !important;
    height: 100% !important;
}
.bb-post-collection .post-item-list .post-thumbnail {
    height: 200px;
	  width: 300px !important;
}
.bb-post-collection .post-item-list .post-thumbnail img {
    height: 100%;
    object-fit: cover;
}
.bb-post-collection .post-item-list .content {
	    width: calc(100% - 300px) !important;
}


/* Open SU re-brand 2025 */
:root{
	--font-family-sans-serif: roboto !important;
	--font-family-monospace: roboto !important;
	--open-su-dark-blue: #2F2D77;
	--open-su-light-blue: #E7EEF3;
	--open-su-teal: #037F8C;
	--open-su-yellow: #FECB38;
	--open-su-red: #BC2B57;
	--open-su-system-blue: #2285C7;
}

img.site-logo {
    max-height: unset !important;
}
.bb-header.header-desktop .top-header, .bb-header.header-mobile .header-row {
	background-color: unset;
	background: linear-gradient(350deg, var(--open-su-dark-blue), var(--open-su-red));
}
.footer {
	background-color: unset;	
	background: linear-gradient(339deg, var(--open-su-dark-blue), var(--open-su-teal));	
}
#page-wrapper > header > div > div {
	height: fit-content;
    display: flex;
    justify-content: center;
}
.bb-header-navigation header-item {
	float: none;
}
#page-wrapper > header > div > div > div.h-component.m-2 {
	text-align: center;
}
.bb-header.header-mobile.h-style .header-r {
	    margin-right: unset;
}
/* @media (min-width: 782px) {
	.bb-header.header-mobile.h-style .header-r {
			margin-right: 40vw;
	}
} */
.bb-header-navigation .main-navigation>ul>li {
  border-radius: 6px;
	margin-right: 20px;
}
.bb-header-navigation .more-navigation {
	margin-left: 5px;
}
.bb-header-icon {
	border-radius: 6px;
  padding: 0 5px;
}
#mobile-navigation button#menu-close {
    margin-top: 45px;
}
#mobile-navigation .more-menu {
    margin-top: 35px;
}
.create-post:hover {
	filter: invert(1);
}
.logged-in-user {
    width: unset !important;
}
.bb-header.header-desktop .top-header .bb-header-icon:hover, .bb-header.header-desktop .top-header .bb-header-icon.active, .bb-header.header-desktop .top-header .main-navigation > ul > li:hover, .bb-header.header-desktop .top-header .main-navigation > ul > li.current-menu-item > a {
	color: var(--open-su-dark-blue);
  background: white;
	border-radius: 6px;
}

.bb-header-navigation .main-navigation>ul>li>a {
	font-size: 16px;
	font-weight: 500;
	padding: 0 5px;
}
.menu-right .bb-header-navigation {
	float: none;	
}

.h-component.r-1 {
	margin-bottom: 30px !important;
}
#wp-admin-bar-zombify-frontend-page, #wp-admin-bar-exactmetrics_frontend_button, #wp-admin-bar-stats, #wp-admin-bar-amp, #wp-admin-bar-wpseo-menu, #wp-admin-bar-quads_ad_check {
display: none;
}
#footer > div.footer-bottom > div::after {
    content: '\00a9 \00a0 2025 Open SU';
    position: absolute;
    right: 60px;
    top: 22px;
}
#footer .footer-bottom {
	height: 60px;
}
.cky-revisit-bottom-left {
    bottom: 9px !important;
}
#footer .footer-bottom .social-footer {
	position: absolute;
	left: 75px;
}
#footer .footer-bottom .copy-right {
	display: none;
}
#bottom-right-footer-logo-link {
	display: block;
}
.org-footer-info-div {
    text-align: right;
    font-size: 14px;
}
a.bb-icon.bb-ui-icon-twitter {
    display: none;
}
.more-load-button.loading button .text {
    display: block;
}
.more-load-button.loading button .bb-icon {
	background: black;
}

button#load-more-button {
    background: var(--open-su-dark-blue);
    color: white;
    padding: 8px 15px 7px 15px;
    font-weight: bold;
    transition: 0.3s;
    width: max-content;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 30px;
}
button#load-more-button:hover {
    background: var(--open-su-yellow);
    color: black !important;
}
@media (max-width: 568px) {
	.bb-post-collection .post-item-list .content {
    	width: unset !important;
	}
}
@media screen and (max-width: 700px) {
    .bb-cards-view .bb-post-collection .bb-card-item {
         margin-left: unset; 
        margin-right: unset;
	}
}
.essb_link_twitter, .essb_link_twitter_x, #boombox_social-1 > div > ul > li:nth-child(3)
 {
    display: none !important;
}