.subnav-moreLink + ul {width:300px!important;background:#333;}
div.status-body.media-body {padding:15px;border-radius:10px;background:#333;}
html {
	--maxWidth: 1284px;
	scrollbar-color: linear-gradient(to bottom, #212121, #979595);
	scrollbar-width: 30px;
	background: #979595;
	color: #fff;
	overflow-x: hidden
}
div.banner-footer {padding: 5px 15px 10px 5px!important;
background: rgba(73, 60, 60, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(73, 60, 60, 0.3);!important;border-radius:10px;}
html::-webkit-scrollbar {
	width: 15px;
	height: 20px
}
html::-webkit-scrollbar-thumb {
	background-image: radial-gradient( circle farthest-corner at 10.6% 22.1%, rgba(206, 18, 18, 1) 0%, rgba(122, 21, 21, 1) 100.7%);
	;
	border-radius: 20px;
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
	box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25)
}
html::-webkit-scrollbar-track {
	background-image: linear-gradient( 102deg, rgba(68, 110, 92, 1) 17.4%, rgba(107, 156, 120, 1) 49.3%, rgba(154, 183, 130, 1) 83.4%, rgba(247, 237, 191, 1) 110.3%)
}
.footer-jobs {
	max-width: var(--maxWidth);
	margin: 0 auto
}
: root {
	--nav-height: 130px
}
@media (max-width: 1250px) {
	: root {
		--nav-height: 100px
	}
}
@media (max-width: 950px) {
	: root {
		--nav-height: 20px
	}
}
@-webkit-keyframes move-down {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes move-down {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@media (max-width: 950px) {
	body {
		padding-top: var(--nav-height)
	}
}
.footer-jobs {
	padding: 2rem 0 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media (max-width: 1200px) {
	.footer-jobs {
		scrollbar-color: linear-gradient(to right, #da1b60, #ff8a00);
		scrollbar-width: 15px;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-snap-points-x: repeat(200px);
		scroll-snap-points-x: repeat(200px);
		-ms-scroll-snap-type: mandatory;
		scroll-snap-type: mandatory
	}
	.footer-jobs::-webkit-scrollbar {
		width: 15px;
		height: 15px
	}
	.footer-jobs::-webkit-scrollbar-thumb {
		background: -webkit-gradient(linear, left top, right top, from(#cc0000), to(#a12712));
		background: linear-gradient(to right, #cc0000, #a12712);
		border-radius: 15px;
		-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
		box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25)
	}
	.footer-jobs::-webkit-scrollbar-track {
		background-image: linear-gradient( 109.6deg, rgba(250, 165, 147, 1) 11.2%, rgba(250, 149, 71, 1) 91.1%)
	}
}
@-webkit-keyframes sail {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(125vw);
		transform: translateX(125vw)
	}
	100% {
		-webkit-transform: translateX(125vw);
		transform: translateX(125vw)
	}
}
@keyframes sail {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(125vw);
		transform: translateX(125vw)
	}
	100% {
		-webkit-transform: translateX(125vw);
		transform: translateX(125vw)
	}
}
@-webkit-keyframes bounce {
	from {
		-webkit-transform: translateY(-5px) rotate(1.5deg);
		transform: translateY(-5px) rotate(1.5deg)
	}
	to {
		-webkit-transform: translateY(5px) rotate(-1.5deg);
		transform: translateY(5px) rotate(-1.5deg)
	}
}
@keyframes bounce {
	from {
		-webkit-transform: translateY(-5px) rotate(1.5deg);
		transform: translateY(-5px) rotate(1.5deg)
	}
	to {
		-webkit-transform: translateY(5px) rotate(-1.5deg);
		transform: translateY(5px) rotate(-1.5deg)
	}
}
@keyframes bounce {
	from {
		-webkit-transform: translateY(-5px) rotate(1.5deg);
		transform: translateY(-5px) rotate(1.5deg)
	}
	to {
		-webkit-transform: translateY(5px) rotate(-1.5deg);
		transform: translateY(5px) rotate(-1.5deg)
	}
}
@-webkit-keyframes spin {
	to {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg)
	}
}
@keyframes spin {
	to {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg)
	}
}
.footer-partners {
	background: #151514;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1rem;
	text-align: center;
	font-size: 14px;
	padding: 2rem 2rem 1rem
}
@media (max-width: 800px) {
	.footer-partners {
		grid-template-columns: 1fr
	}
}
.footer-partner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 2rem;
	border-radius: 8px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-box-shadow: inset 1px 1px 0 #000;
	box-shadow: inset 1px 1px 0 #000
}
.footer-partner a {
	color: #fff
}
.footer-partner img {
	display: block;
	margin: 0 auto 1rem
}
.footer-partner p {
	margin: 0;
	line-height: 1.5;
	color: #eee
}
.footer-partner-flywheel: hover {
	background: radial-gradient(circle at top right, #3f6e79, #0f0e16)
}
.footer-partner-codepen: hover {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)
}
.footer-partner-shoptalk: hover {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)
}
.footer-partner-shoptalk .shoptalk-img {
	width: 130px
}
.footer-subsites {
	background: #151514;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 2rem 2rem;
	grid-gap: 1rem
}
@media (max-width: 800px) {
	.footer-subsites {
		grid-template-columns: minmax(0, 1fr)
	}
	.footer-subsites a {
		white-space: normal
	}
	.footer-subsites a::after {
		display: none
	}
}
.footer-subsite {
	text-align: center;
	padding: 3rem 2rem;
	display: block;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-box-shadow: inset 1px 1px 0 #000;
	box-shadow: inset 1px 1px 0 #000;
	border-radius: 8px
}
@media (max-width: 800px) {
	.footer-subsite {
		padding: 2rem 1rem
	}
}
.presents {
	display: block;
	font-size: .8rem;
	color: #ffffff
}
.presents strong {
	color: #ffffff
}
.footer-subsite-conferences: hover {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)
}
.footer-subsite-serverless: hover {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)
}
img {
	max-width: 100%;
	height: auto!important
}
.link-links {
	font-weight: 700;
	color: #7a7a8c;
	margin: 0 0 1.5rem
}
.link-links a: focus, .link-links a: hover {
	-webkit-text-fill-color: #fff!important;
	color: #fff
}
.icon-link {
	width: 20px;
	height: 12px;
	fill: #fff
}
@-webkit-keyframes ad_come_in {
	100% {
		opacity: 1
	}
}
@keyframes ad_come_in {
	100% {
		opacity: 1
	}
}
img[src*="doubleclick.net"] {
	position: absolute!important;
	top: -9999px;
	left: -9999px
}
.link-to-issue {
	border: 2px solid #312d3c;
	padding: .5rem;
	border-radius: 5px
}
@media print {
	.search, [class*=bsa], footer {
		display: none!important
	}
	body {
		background: 0 0
	}
	a, html {
		background: 0 0!important;
		color: #000!important
	}
}
footer.site-footer.footer-partners {
	background: transparent!important;
	color: #000!important
}
.dmenu {
	width: 300px;
	list-style-type: none
}
.toplevel {
	display: block;
	padding: 0 10px;
	line-height: 2;
	color: #fff;
	text-decoration: none;
	background: #cc0000
}
.toplevel: hover {
	background: #000
}
/* Dropdowns */

.dropdown {
	position: relative;
	z-index: 2000
}
.submenu {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 200px;
	list-style-type: none;
	padding-top: 2em;
	z-index: 200
}
.hover .submenu {
	display: block
}
.submenu a {
	display: block;
	padding: 5px;
	color: #000;
	text-decoration: none;
	background: white
}
div.xg_chatBar.xg_bottomBar.xg_userBar {
	background-image: radial-gradient( circle farthest-corner at 10.6% 22.1%, rgba(206, 18, 18, 1) 0%, rgba(122, 21, 21, 1) 100.7%);
	!important;
	display: flex
}
ul.footer-links {
	font-size: 0.7em!important
}
div.module-actions.cf, footer.activityFeed-footer, footer.entry-footnote {
	background: transparent!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	line-height: 1.3;
	padding: .25em;
	margin: .25em;
	color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* future proofing */
	-khtml-border-radius: 10px;
	/* for old Konqueror browsers */
}
footer {
	background-image: linear-gradient( 180.2deg, rgba(24, 24, 24, 1) 1.2%, rgba(58, 58, 58, 1) 89.8%);
	color: #fff;
	margin: 0;
	@import "https://fonts.googleapis.com/css?family=Open+Sans";
	font-family: 'Roboto', sans-serif
}
footer .centered {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}
footer .centered .footer-logo {
	width: 10%
}
footer .centered .footer-logo img.logo {
	padding: 30px 20px 10px 20px;
	max-width: 100%
}
footer .centered .footer-contact {
	width: 20%
}
footer .centered .footer-navigation {
	width: 60%
}
footer .centered .footer-navigation .footer-links-holder {
	width: 33.33333%;
	position: relative;
	float: left;
	margin: 0
}
footer .centered .footer-navigation .footer-links-holder .footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-transition: max-height .5s;
	transition: max-height .5s
}
footer .bottom-bar a {
	color: #000
}
footer .bottom-bar {
	position: relative;
	color: #000;
	text-align: center;
	font-size: .6em;
	text-transform: uppercase;
	background: #eee;
	padding: 15px 0
}
.form-field label {
	color: red
}
@media only screen and (max-width: 749px) {
	footer .centered {
		flex-wrap: wrap
	}
	footer .centered .footer-logo {
		max-width: 250px;
		width: 50%
	}
	footer .centered .footer-contact {
		width: 50%;
		padding: 0 20px
	}
	footer .centered .footer-navigation {
		width: 100%
	}
	footer .centered .footer-navigation .footer-links-holder {
		padding: 0 20px
	}
}
/* Responsive Mobile Sizes */

@media only screen and (max-width: 500px) {
	footer .centered .footer-logo {
		width: 100%;
		margin: 0 auto
	}
	footer .centered .footer-contact {
		width: 100%
	}
	footer .centered .footer-navigation .footer-links-holder {
		width: 100%;
		padding: 0
	}
	footer .centered .footer-navigation .footer-links-holder h3 {
		margin: 0;
		padding: 10px 20px;
		border-top: #000 1px solid;
		cursor: pointer
	}
	footer .centered .footer-navigation .footer-links-holder .footer-links {
		max-height: 0;
		overflow: hidden;
		padding: 0 20px
	}
	footer .centered .footer-navigation .footer-links-holder.active h3::after {
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	footer .centered .footer-navigation .footer-links-holder.active .footer-links {
		max-height: 10000px
	}
}

/* Typography */

footer h3 {
	font-weight: lighter;
	font-style: italic;
	margin-bottom: 0
}
footer p, footer li {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 10px 0
}
footer a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .5s, background .5s;
	transition: color .5s, background .5s
}
footer a: hover {
	color: #65c2ed
}
/* Misc CSS */

.clearfix: before, .clearfix: after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	clear: both
}
ul.spicesocialwidget {
	/*float: right;*/
	margin: 140px 0;
	padding: 0;
	width: auto;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	'Work Sans', sans-serif
}
.more_menu {
	display: none;
	margin-top: 10px
}
.more_menu li {
	display: inline-block;
	margin: 5px 5px 10px 0px
}
.more_menu li a {
	background-color: black;
	color: white;
	padding: 5px 10px;
	border-radius: 2px;
	border: none
}
.more_menu li a: hover, .more_menu li.current a {
	background-color: white;
	color: black;
	text-decoration: none
}
dd.result.res_user>a: nth-child(1)>img {
	width: 30%!important
}
a.advanced-search__link {
	text-decoration: none;
	color: black;
	display: block;
	background-color: #EEEEFF;
	box-shadow: 5px 5px 5px gray;
	margin-bottom: 2px;
	border-radius: 5px
}
a.advanced-search__link: hover {
	text-decoration: none;
	color: white!important;
	display: block;
	background-color: #000000;
	box-shadow: 5px 5px 5px gray;
	margin-bottom: 2px;
	border-radius: 5px
}
.site-footer a {
	color: #212121!important;
}
section.entry-content.cf {
	color: #000;
}
.birthdayWidget li {
	display: none!important
}
.birthdayWidget li.membersBirthday {
	display: block!important
}
.birthWidge .matrix-item.membersBirthday .membersListPage-userName {
	margin-bottom: 5px
}
.birthdayWidget.noBirthdays::before {
	content: "No Birthdays Today"
}
.birthTab {
	position: relative;
}
.birthCounter {
	position: absolute;
	top: -8px;
	right: 0;
	background-color: red!important;
	color: white!important;
	border-radius: 100%;
	padding: 4px 8px!important;
	border: none!important;
	font-size: 14px!important;
	font-weight: bold!important;
}
/* Label in profile page header */

.membersBirthday-Profile h2::after {
	content: " - Happy Birthday!";
	display: inline;
	font-style: italic;
}
/*** Birthday Msg Label **/

.profileCoverArea-info.birth-month.birth-Day {
	margin-bottom: 5px;
}
/** The Birthday Today label under birth date **/

.birthdayMsg {
	font-weight: bold;
	border-bottom: solid 2px;
	color: #8e8e60;
	/*font color*/
}
/* The icon which display top left on member avatar */
.birthday-icon {
	background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/9587524492?profile=RESIZE_180x180");
	width: 38px;
	height: 38px;
	background-size: contain;
	position: absolute;
	top: -10px;
	left: -15px;
}

/* Msg which shows on hover of the birthday icon */

.birthday-icon:hover::before {
	content: "Birthday Today";
	display: block;
	background: pink;
	color: royalblue;
	padding: 4px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	border-radius: 6px;
	font-size: 16px;
}
.profileCoverArea-frame .birthday-icon {
	left: 0
}
.profileCoverArea-frame .birthdayMsg {
	display: none
}
#hellobar-bar {
	font-family: "Open Sans", sans-serif;
	width: 100%;
	margin: 0;
	height: 25px;
	display: table;
	font-size: 17px;
	font-weight: 400;
	padding: .33em .5em;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	position: fixed;
	background-color: black;
	box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15);
}
#hellobar-bar.regular {
	height: 25px;
	font-size: 14px;
	padding: .2em .5em;
}
.hb-content-wrapper {
	text-align: center;
	text-align: center;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.hb-content-wrapper p {
	margin-top: 0;
	margin-bottom: 0;
}
.hb-text-wrapper {
	margin-right: .67em;
	display: inline-block;
	line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
	font-size: 1em;
	display: inline-block;
	vertical-align: middle;
}
#hellobar-bar .hb-cta {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0;
	color: #ffffff;
	background-color: #22af73;
	border-color: #22af73
}
.hb-cta-button {
	opacity: 1;
	color: #fff;
	display: block;
	cursor: pointer;
	line-height: 1.5;
	max-width: 22.5em;
	text-align: center;
	position: relative;
	border-radius: 3px;
	white-space: nowrap;
	margin: 1.75em auto 0;
	text-decoration: none;
	padding: 0;
	overflow: hidden;
}
.hb-cta-button .hb-text-holder {
	border-radius: inherit;
	padding: 5px 15px;
}
.hb-close-wrapper {
	display: table-cell;
	width: 1.6em;
}
.hb-close-wrapper .icon-close {
	font-size: 14px;
	top: 15px;
	right: 25px;
	width: 15px;
	height: 15px;
	opacity: .3;
	color: #000;
	cursor: pointer;
	position: absolute;
	text-align: center;
	line-height: 15px;
	z-index: 1000;
	text-decoration: none;
}
nav {
	font-family: 'Voltaire', sans-serif;
	color: #222;
	display: inline-block;
}
nav>a {
	display: block;
	text-decoration: none;
	color: inherit;
	font-size: 1.4em;
	text-transform: UPPERCASE;
	transform-origin: 0 0;
	transform: matrix(1, -0.4, 0, 1.2, 0, 100);
	padding: .2em;
	margin-bottom: .3em;
	transition: .5s background;
}
}
.frameContainer {
	position: fixed;
	height: 100%;
	min-height: 700px;
	top: 0px;
	left: 100px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.main_iframe {
	height: 100%;
	width: 100%;
	border: none;
	background: transparent;
}
badge-info {
	color: #fff;
	background-color: #9c27b0;
}
a.badge.badge-pill.badge-info.p-3.mb-1 {
	background-image: radial-gradient( circle 976px at 51.2% 51%, rgba(11, 27, 103, 1) 0%, rgba(16, 66, 157, 1) 0%, rgba(11, 27, 103, 1) 17.3%, rgba(11, 27, 103, 1) 58.8%, rgba(11, 27, 103, 1) 71.4%, rgba(16, 66, 157, 1) 100.2%, rgba(187, 187, 187, 1) 100.2%);
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 10px;
}
a.badge.badge-pill.badge-success.p-3.mt-1.mb-1 {
	background-image: linear-gradient( 117deg, rgba(123, 216, 96, 1) 39.2%, rgba(255, 255, 255, 1) 156.2%);
	color: #000;
	padding: 10px;
	border-radius: 10px;
	margin: 10px;
}
a.badge.badge-pill.badge-primary.p-3.mt-1 {
	background-image: linear-gradient( 109.6deg, rgba(45, 116, 213, 1) 11.2%, rgba(121, 137, 212, 1) 91.2%);
	;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 10px;
}
.occasional-button>.button-iconic {
	color: #fff!important;
}
/* COLOURS FOR THE FEATURE EDIT AND ADD BUTTONS AND MAKE THEM ROUND*/

.linkbar.linkbar-iconic .button.button-iconic {
	border: none;
	border-color: transparent;
	border-radius: 50px;
	font-size: 1em;
	color: white
}
.linkbar.linkbar-iconic .button.button-iconic .icon {
	vertical-align: middle;
	height: auto;
}
.linkbar.linkbar-iconic .button.button-iconic.feature-button {
	background-color: royalblue;
}
.linkbar.linkbar-iconic .button.button-iconic[title="Edit"] {
	background-color: red;
}
.linkbar.linkbar-iconic .button.button-iconic[title="Add Discussion"] {
	background-color: green
}
.linkbar.linkbar-iconic .button.button-iconic[title="Add Blog Post"] {
	background-color: green
}
.linkbar.linkbar-iconic .button.button-iconic[title="Add Article"] {
	background-color: green
}
.linkbar.linkbar-iconic #photoupload .button.button-iconic {
	background-color: green
}
/*Hover colour for all of them*/

.linkbar.linkbar-iconic .button.button-iconic:hover, .linkbar.linkbar-iconic #photoupload .button.button-iconic:hover {
	background-color: darkblue;
	color: white
}
header.entry-headline.media-frame {
	background-color: rgb(26, 26, 26);
	box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 8px 0px, rgba(58, 58, 58, 0.376) -4px -4px 8px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 8px 0px, rgba(58, 58, 58, 0.376) -4px -4px 8px 0px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
}
.entry-tags a, .tag, .tag:before, .tag:after {
	font-family: 'Montserrat', sans-serif;
	color: #fff!important;
	border-color: #777;
	border-style: solid;
	background-color: #fff;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, tomato), color-stop(100%, #dddddd));
	background-image: -moz-linear-gradient(#ffffff, #dddddd);
	background-image: -webkit-linear-gradient(#ffffff, #dddddd);
	background-image: linear-gradient(#ffffff, #dddddd);
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
div.entry-byline {
	color: #fff;
backdrop-filter: blur(11px) saturate(180%);
    -webkit-backdrop-filter: blur(11px) saturate(180%);
    background-color: rgba(37, 75, 120, 0.75);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
}
div.entry-byline a {
color:gold;
}
/* All the necesary for making the tag */

.entry-tags a, .tag {
	color: gold;
	background-image: radial-gradient( circle 905.6px at 4.9% 7.9%, rgba(218, 0, 0, 1) 14.1%, rgba(168, 2, 144, 1) 65%, rgba(102, 2, 110, 1) 90%);
	display: block;
	float: left;
	text-decoration: none;
	font-size: 0.9em;
	padding: 5px 3px;
	line-height: 1;
	position: relative;
	margin-left: 5px;
	border-width: 1px 1px 1px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0;
	border-radius: 0 5px 5px 0;
}
.entry-tags a:before, .entry-tags a:after, .tag:before, .tag:after {
	content: "";
	position: relative;
	display: block;
	border-width: 1px;
}
.entry-tags a:before, .tag:before {
	z-index: -1;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	-moz-transform: translate(-21px, -1px) scale(0.70711, 0.70711) rotateZ(-45deg);
	-ms-transform: translate(-21px, -1px) scale(0.70711, 0.70711) rotateZ(-45deg);
	-webkit-transform: translate(-21px, -1px) scale(0.70711, 0.70711) rotateZ(-45deg);
	transform: translate(-21px, -1px) scale(0.70711, 0.70711) rotateZ(-45deg);
	-moz-border-radius: 6.66667px 0 0 0;
	-webkit-border-radius: 6.66667px;
	border-radius: 6.66667px 0 0 0;
}
.entry-tags a:after, .tag:after {
	top: 5x;
	left: -6.66667px;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000000;
}
/* Some extra shadow :) */

.entry-tags a, .tag, .entry-tags a:before, .tag:before {
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15);
}
.entry-tags a:after, .tag:after {
	-moz-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.15);
}
div.popup-block.popup-block_addTrack, input#musicFileInput.transparentFileInputButton-fileInput, button.button.button-active.audioPage__add-button.add-button_track.trackSubmitButton {
	background-color: black;
	color: red!important
}
a.pull-right {color: white;font-size:1.5em;padding:10px;}
}
a.pull-right, div.entry-tags.ux-entry-tags.pull-left a: hover, div.entry-byline a: hover, .entry-tags a: hover {
  display: block;
font-size:1.2em;
background:transparent;
  color: rgb(255, 221, 155);
}
h3.entry-title, i.icon.icon-tag {
	font-size: 1.8em!important;
}
/*** RESIZE THE VIDEO IN SOCIAL CHANNELS ****/

@media only screen and (min-width:979px) {
	.feedListPagePlayer-source .sourceContainer {
		display: flex;
		align-items: center;
		width: 100%;
		height: 70vh;
		max-width: 85%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}
@media only screen and (max-width:979px) {
	.feedListPagePlayer-source .sourceContainer {
		top: 30%;
	}
}
/************** VIDEOS CODES ************/

@media only screen and (min-width:771px) {
	/* Adjust the Column Widths Video Detail Page */
	.videoDetailPage .span8 {
		width: 80%
	}
	.videoDetailPage-list {
		margin: 0px
	}
	.videoDetailPage .span6 {
		width: 20%
	}
	.videoDetailPage .matrix-itemFluid {
		min-width: 80%;
		max-width: 100%;
		float: none
	}
	.videoDetailPage .span6 .matrix-itemFluid {
		width: 80%;
		margin: 0px auto;
	}
	.videoDetailPage-titleList {
		text-align: center;
		font-size: 1.1em
	}
	.videoDetailPage .icon-love {
		display: inline;
		vertical-align: bottom;
	}
}
/* Add a title to the video description */

.videoDetailPage-mainVideo>.entry-content::before {
	content: "About";
	display: block;
	margin-bottom: 5px;
	text-decoration: underline
}
.videoDetailPage-viewVideo .icon-eye {
	vertical-align: bottom;
	display: inline;
	margin-right: 0px;
}
.videoDetailPage-otherVideo .videoListPage-metaTitle {
	font-size: 1.2em!important
}
.videoForm-inputTitle {
	height: auto;
}
.videoDetailPage-mainVideo .standard-comments.entry-comments::before {
	content: "Comment";
	display: block;
	margin-bottom: 5px;
	text-decoration: underline
}
/* Make video Responsive */

.videoDetailPage-video.iframed {
	margin-bottom: 5px;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.videoDetailPage-video.iframed iframe {
	max-width: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
}
@media only screen and (min-width:771px) {
	/* Adjust the Column Widths */
	.videoDetailPage .span8 {
		width: 80%
	}
	.videoDetailPage-list {
		margin: 0px
	}
	.videoDetailPage .span6 {
		width: 20%
	}
	.videoDetailPage-titleList {
		text-align: center;
		font-size: 1.1em
	}
	.videoDetailPage .matrix-itemFluid {
		min-width: 80%;
		max-width: 100%;
		float: none
	}
	.videoDetailPage .span6 .matrix-itemFluid {
		width: 80%;
		margin: 0px auto;
	}
}
.poweredBy-text {
	display: none!important
}
/* Select Menus Adjustment to stop text getting cut off */

select {
	height: 2.35em
}
/** SITE HEADER AUTO ADJUSTMENT IN HEIGHT **/

.site-header {
	height: auto
}
/**** ACTIVITY FEED CODE ***/

.activityFeed-title a: first-of-type: before {
	content: "Posted By";
	display: inline-block;
	margin-right: 5px
}
.activityFeed-embed[data-type="video"] {
	max-width: 100vw;
	max-height: 100vh
}
/* This adds a little > after the person name */

.activityFeed-comment .media-body a: first-of-type: after {
	content: ">";
	display: inline-block;
	margin-left: 3px;
	margin-right: 4px
}
.activityFeed-comment {
	font-size: 0.85em
}
/* Reveal The Word Comment before the count number */

.activityFeed .icon-comment {
	display: inline;
	vertical-align: bottom
}
a.activityFeed-commentCount, a.activityFeed-commentFormDisplay {
	font-size: 0.9em;
	line-height: 1em;
	float: right
}
.icon-comment.icon: before {
	float: right!important;
	margin-left: 5px;
	margin-top: -5px
}
/* Add the word 'Add' before comment on a activity feed post*/

a.activityFeed-commentFormDisplay: before {
	content: "Add";
	display: inline-block;
	margin-right: 2px
}
.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createStatusComment {
	display: none
}
.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createStatusComment: first-child::before {
	content: "Latest Comment";
	display: block;
	margin-bottom: 5px
}
.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createStatusComment: first-child {
	display: block
}
.status-commentForm.js-statusCommentForm: before {
	content: "Add Comment";
	display: block;
	font-size: 14px;
	margin-bottom: 5px
}
.addCommentContainer: before {
	content: "Add Comment";
	display: block;
	font-size: 14px;
	margin-bottom: 5px
}
/* For The Photos */

.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createPhotoComment {
	display: none
}
.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createPhotoComment: first-child {
	display: block
}
.activityFeed-comments.js-activityFeedCommentsList .feedEvent-createPhotoComment: first-child::before {
	content: "Latest Comment";
	display: block;
	margin-bottom: 5px
}
.activityFeed-comments.js-activityFeedCommentsList .media-body {
	border-top: solid 1px lightgrey
}
/********* PHOTOS****/

/* Adjust the viewer to adjust to photo size eliminating white space and showing photo size 100% **/

.photoDetailPage-image>img {
	position: relative;
	display: flex;
	max-height: 100vh;
	height: auto;
	margin: 0px auto
}
.photoDetailPage-image {
	position: relative
}
.photoDetailPage .image-aspect-4-3 {
	width: 100%;
	height: auto;
	max-height: 100vh;
	padding-bottom: -100px
}
.newPhotoList-v5 .photoDetailPage-mainSection.sheet {
	padding: 10px;
}
.newPhotoList-v5 a:hover {
	text-decoration: none!important;
}
.newPhotoList-v5 .photoBlockWrapper {
	min-height: unset;
	height: calc(100% - 20px);
	margin-top: 0px;
}
.newPhotoList-v5 .photoBlockWrapper .photoDetailPage-image {
	height: 0;
	padding-bottom: 10%;
	margin-bottom: 0px;
}
.newPhotoList-v5 .entry-headline {
	margin-bottom: 2px;
	padding: 0px 5px 2px 5px;
	border-bottom: solid 1px lightgray;
	pointer-events: none;
}
.newPhotoList-v5 .wrap__avatar.avatar-48 {
	display: none;
}
/*Hide long title overflow*/
/** BLOGS CODE **/

/* Filter Blogs Box Under Module Header In Blogs */

.filterBlogsBox {
	border-width: 2px;
	border-style: none none solid;
	border-color: lightgrey;
	padding: 4px 10px;
	border-radius: 0px
}
/* Adjust the size for the font for the additional text under the name to show the filter state */

.blogListPage .sortstate {
	font-size: 0.6em
}
/*.blogListPage .module-name{font-size: 24px }*/

/*.page-blog .blogListPage .module-header{ margin: -20px -20px 0px -20px }*/

.feed-story a.activity-close {
	color: white
}
.feed-story .activity-close: hover {
	background-color: black
}
.feed-story .activity-close {
	padding: 4px;
	border: solid 1px #000000;
	background-color: #cc0000!important
}
div.sourceContainer.cl {
	background: url('https://storage.ning.com/topology/rest/1.0/file/get/8491076657?profile=original') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.toggle {
	display: flex;
	flex-direction: column-reverse
}
.toggle__input: not(checked) {
	display: none
}
.toggle__input+label {
	background-color: #D65D5D;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-szie: 0.8em;
	margin-top: 0.5em;
	margin-bototm: 0.5em;
	padding: 0.5em;
	text-align: center;
	width: 12em
}
.toggle__input+label: before {
	color: #fff;
	content: "+";
	font-size: 1em;
	padding-right: 0.3em;
	width: 1em
}
.toggle__input: not(checked)~.toggle__content {
	display: none
}
.toggle__input: checked~.toggle__content {
	display: block
}
.toggle__input: checked+label: before {
	content: "\2212"
}
.toggle__input+label .toggle__less, .toggle__input: checked+label .toggle__more {
	display: none
}
.toggle__input: checked+label .toggle__less {
	display: inline
}
a.button.button-iconic {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)!important;
	color: yellow!important
}
/*VIDEO LIST PAGE METADATA*/

span.videoListPage-userName>a {
	font-size: 0.8em
}
div.gsc-control-cse.gsc-control-cse-en {	position: sticky;
  top: 0;
  width: 100%;
  background-color: transparent;}
article.media-frame.entry.discussionSection-entry, div.gsc-control-cse.gsc-control-cse-en, .videoListPage-metadata {
background-color: rgb(26, 26, 26);
	box-shadow: rgba(0, 0, 0, 0.5) 12px 12px 24px 0px, rgba(58, 58, 58, 0.376) -12px -12px 24px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 12px 12px 24px 0px, rgba(58, 58, 58, 0.376) -12px -12px 24px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* background color of the box. Add colour or transparent */

.videoListPage-metadata: hover {
	background-image: radial-gradient( circle 906px at 9.7% -9%, rgba(163, 0, 0, 1) 25.7%, rgba(250, 13, 13, 1) 60.5%, rgba(255, 59, 20, 1) 100.2%)
}
/* background color of the box. Add colour or transparent */

.videoListPage-metaTitle {
	padding: 0px 4px
}
/* padding for the title */

.videoListPage-metadata .videoListPage-row {
	padding: 3px 6px
}
/* padding for the other two parts below */

.videoListPage-metadata a {
	color: #e9e8c1
}
/* colour of the links . You can use your own default settings by using inherit instead of adding a colour */

.videoListPage-metadata a: hover {
	color: white
}
/* color of the links on hover. You can use your own default settings by using inherit instead of adding a colour */

.videoListPage-metadata {
	border-radius: 0px 0px 4px 4px
}
/* .videoListPage-metadata a, .videoListPage-metadata a: hover{ color: inherit } */

span.videoListPage-metaElapsed, div.videoListPage-metaTitle {
	font-size: 1.3em;
	word-wrap: break-word;
}
.videoDetailPage-getEmbedCode_wrap {
	margin: 0 0 5px 8px
}
.videoDetailPage-viewVideo {
	float: none;
	margin-bottom: 5px
}
.videoForm-inputTitle {
	height: auto
}
.videoDetailPage .socialActions {
	margin-top: 5px
}
.videoDetailPage .entry-tags {
	margin-top: 10px
}
.videoDetailPage-viewVideo .icon-eye {
	margin-right: 5px
}
.videoDetailPage .entry-content {
	width: 100%;
	clear: both
}
/*Optional to show the word views*/

.videoDetailPage-viewVideo .icon-eye {
	vertical-align: bottom;
	display: inline;
	margin-right: 0px
}
/** NEW VIDEO PAGE **/

/*Detail Page Corrections*/

.videoDetailPage-video {
	margin-bottom: 5px
}
.videoDetailPage-viewVideo {
	float: left;
	margin: 10px 0px 10px 10px;
	width: 100%
}
.videoDetailPage-viewVideo .icon-eye {
	vertical-align: bottom;
	display: inline
}
.videoDetailPage .icon-love {
	display: block;
	vertical-align: top
}
.videoDetailPage-mainVideo .button-tiny.likeButton a {
	font-size: 12px
}
/** Adding A Video Input Correction As It Was Cutting If The Text Top And Bottom **/

.input-full.videoForm-inputTitle {
	padding: 0px 0px 0px 4px
}
/* Social Actions Box */

.videoDetailPage .socialActions {
	margin-top: 12px;
	margin-bottom: 6px
}
/* Spacing for the social buttons */

.videoDetailPage .socialSharingButton {
	margin-bottom: 5px;
	margin-right: 5px
}
/* Make video Responsive */

.videoDetailPage-video {
	margin-bottom: 5px;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}
.videoDetailPage-video iframe {
	max-width: 100%;
	height: 100%;
	width: 100%;
	position: absolute
}
/* Adjust get embed code button after being moved */

.button.button-secondary.videoDetailPage-getEmbedCode {
	font-size: 12px
}
.videoDetailPage-embedCode {
	width: 100%;
	margin-bottom: 20px
}
.videoDetailPage-getEmbedCode_wrap {
	text-align: right;
	width: 100%;
	margin: -20px 10px 10px 0px;
	float: right
}
/* Add a title to the video description */

.videoDetailPage-mainVideo>.entry-content::before {
	content: "About this Surveying Video";
	display: block;
	margin-bottom: 5px;
	text-decoration: underline
}
.copy-notify {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	padding: 20px;
	position: fixed;
	left: 50%;
	margin-left: -150px;
	bottom: 10px;
	width: 300px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 15px;
	bottom: -200px;
	opacity: 0;
	z-index: 9999999;
}
.copy-notify h3 {
	color: #cc0000;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 19px;
}
.copy-notify p {
	color: #000000;
	line-height: 20px;
}
.copy-notify .thanks {
	text-align: center;
}
.close-it {
	font-size: 12px;
	margin-top: 20px;
	background: #0288D1;
	color: #fff;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all ease-out 1s;
	transition: all ease-out 1s;
}
.close-it:hover {
	background: #03A9F4;
}
.showUp {
	-webkit-transition: all ease-out 0.300s;
	transition: all ease-out 0.300s;
	bottom: 0;
}
.hideDown {
	-webkit-transition: all ease-out 0.300s;
	transition: all ease-out 0.300s;
	bottom: -200px;
	opacity: 0;
}
.blur-it {
	-webkit-transition: -webkit-filter ease-out 0.5s, filter ease-out 0.5s;
	transition: -webkit-filter ease-out 0.5s, filter ease-out 0.5s;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}
/*******************************
EVENTS CALENDAR
*******************************/

.calendarWrap-container {
	border: solid 1px lightgrey;
	border-radius: 0px 0px 4px 4px;
	background: white;
}
.calendarGrid a {
	color: #00a6eb;
}
.calendarGrid a:hover {
	color: royalblue;
}
.calendarGrid {
	color: black;
}
.monthFilter-title {
	color: grey;
}
.calendarGrid .span13 {
	background-color: white;
	/*color of event content background */
	border: solid 1px lightgrey;
	transition: 0.2s ease-out;
}
@media screen and (min-width: 969px) {
	.calendarGrid .span13:hover .eventDetail-wrap {
		background-color: white;
		/* event details background colour on hover */
		color: grey;
		/* text colour */
	}
	.calendarGrid .span13:hover a {
		color: royalblue;
	}
	.calendarGrid .span13:hover a:hover {
		color: green;
	}
}
.monthContainer {
	margin-top: 20px;
	padding: 0px 5px 0px 5px;
}
/*the outer wrap of each month */

.monthContainer:not(:last-of-type) {
	border-bottom: solid 1px lightgrey;
}
.monthTitle {
	color: #cc0000;
	font-size: 2em;
	border-left: solid 15px #f1e1e1;
	padding-left: 8px;
	border-radius: 6px 0px 0px 6px;
	margin-left: -21px;
	transition: 0.4s ease-in-out;
}
.eventListPage-startDate {
	text-align: left;
	padding: 10px 0px 10px 2px;
}
.eventListPage-startDayOfWeek {
	padding: 10px 0px 10px 5px;
	background-color: #cc0000;
	color: white;
	width: 100%;
	text-align: left;
}
.calendarGrid {
	display: grid;
	grid-gap: 5px;
	padding: 0px 10px;
	margin-top: 10px;
}
.calendarGrid .span10, .calendarGrid .span3, .calendarGrid .span13 {
	width: 100%;
}
.calendarGrid .entry {
	margin-bottom: 16px!important;
}
.calendarGrid article.entry .span6 {
	display: none;
}
/*hides the going and google calendar */

.calendarGrid article.entry {
	position: relative;
	min-height: 185px
}
.calendarGrid .eventDetail-wrap {
	padding: 10px;
	height: auto;
}
.eventListPage-SameDate {
	background-color: #6779af;
	bottom: 0;
	width: 100%;
	height: 36px;
	margin-top: 20px;
}
.calendarHeader {
	display: flex;
	align-items: center;
	font-size: 2.5em;
	background-color: #000000;
	color: white;
	padding: 20px;
}
.calendarHeader span {
	margin-right: auto;
}
.calendarDisplay {
	display: flex;
}
.calendarDisplay button {
	margin: 10px;
	border: none;
	border-radius: 6px;
	font-size: 0.4em;
	border: solid lightgrey 2px;
	background-color: transparent;
	transition: all .2s ease-in-out;
	color: lightgrey;
	padding: 5px 10px;
	display: flex;
	align-items: center;
}
.calendarDisplay button:hover, .calendarGrid-btn.cdBtn-active, .calendarList-btn.cdBtn-active, .calendarDetail-btn.cdBtnDetails-active {
	background-color: #398c3e;
	color: white;
	transition: all .2s ease-in-out;
}
.calendarDisplay span {
	font-size: 1.5em;
	margin-right: 5px;
	background-color: rgb(22 35 111 / 25%);
	padding: 2px 4px 4px 4px;
	border-radius: 2px;
}
.calendarDetail-btn span {
	background: transparent
}
.monthContainer:hover {
	background-color: #fbfbfb;
}
.monthContainer:hover .monthTitle {
	border-color: royalblue;
	transition: 0.4s ease-in-out;
}
.monthFilter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 10px
}
.monthFilter button {
	border: none;
	padding: 10px;
	font-size: 12px;
	border-radius: 4px
}
.monthFilter button:hover {
	background-color: #0acc0a;
	color: white
}
.monthFilter button.filter-active {
	background-color: #0acc0a;
	color: white
}
.monthFilter ul {
	display: flex;
	margin-left: 10px;
	flex-wrap: wrap
}
.monthFilter ul li {
	margin: 5px
}
/**** MEDIA QUERIES START ***/

@media screen and (max-width: 969px) {
	.calendarDisplay {
		display: none!important
	}
}
@media screen and (min-width: 969px) {
	.calendarGrid .media-frame>.eventPage-image {
		max-width: 60px;
	}
	.calendarGrid .eventPage-details {
		min-height: 90px;
	}
	.calendarGrid .eventPage-detail:not(:first-of-type) {
		display: none;
	}
	.calendarGrid .span13:hover {
		position: absolute;
		width: 100%;
		z-index: 1000;
		left: 0;
		height: 100%;
		top: 75px;
		border: none
	}
	.calendarGrid .span13:hover .eventDetail-wrap {
		background-color: white;
		border: none;
		box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
		border-radius: 0px 0px 6px 6px;
		transition: all .2s ease-in-out;
	}
	.calendarGrid .eventDetail-wrap:hover .eventPage-detail {
		display: block;
	}
	.calendarGrid .entry .row {
		height: 100%;
	}
	.calendarGrid .span13 {
		position: absolute;
		bottom: 0;
	}
	.calendarGrid .span13.showingEvent-details {
		position: relative
	}
	.calendarGrid .span13.showingEvent-details .eventPage-detail {
		display: block;
		position: relative
	}
	.calendarGrid .span13.showingEvent-details:hover {
		position: relative!important;
		top: 0;
		height: auto
	}
}
@media screen and (min-width: 969px) {
	.calendarGrid {
		grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	}
	.calendarGrid.cgList {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}
}
/*******************************
END EVENTS CALENDAR
*******************************
/****************************
MEMBER QUICK VIEW
****************************/

#overlayMembers {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 100;
}
.membersListPage-user.viewing-MemberInfo:hover {
	transform: unset;
}
.membersListPage-user.viewing-MemberInfo .matrix-item {
	justify-content: unset;
}
.media-frame.viewMemberInfo {
	overflow: hidden;
	overflow-y: auto;
}
.viewMemberInfo {
	position: absolute;
	left: 0;
	right: 0;
	top: 5px;
	background-color: white;
	max-width: 480px;
	max-height: 100%;
	overflow-y: auto;
	margin: auto;
	z-index: 2000;
	border-radius: 10px;
	padding: 20px;
	transition: 0.5s;
}
.memberInfo-showHeader {
	padding: 0px 0px 10px 0px;
	position: sticky;
	top: 0;
	background-color: white;
}
.memberInfo-container {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	margin-top: 10px;
	color: gold;
	;
}
.membersListPage-user.viewing-MemberInfo .memberButton-header {
	position: absolute;
	top: 6px;
	right: 6px;
}
.closeMember-Info {
	border: none;
	background-color: #1e1e1e;
	border-radius: 4px;
	font-size: 1em;
	padding: .35em .5em;
}
.closeMember-Info:hover {
	background-color: #e04444;
	color: white
}
.memberInfo-button {
	border: none;
	float: right;
	border-radius: 4px;
	color: #187ad2;
	background-color: transparent;
}
.memberInfo-button:hover {
	background-color: #4CAF50;
	color: white;
}
/* If no info has been added message */

div.memberInfo-content:empty::before {
	content: "Sorry, No Information has been added or Profile Is Private";
	display: block;
	line-height: 1.5rem;
	color: #756d6d;
}
/*****************************************
MEMBER BLOCK EMAIL BUTTON
*****************************************/

/* If visitor hides the email button*/

.visitor .memberInfo-Email {
	display: none
}
/*Email icon on list page*/

.membersListPage-user .memberInfo-Email {
	transition: 0.2s;
	margin: 4px;
	border-radius: 50%;
	border: solid #b8c3fd 1px;
	font-size: 1.1em;
	padding: 0.35em;
	color: #586dd6;
	background-color: transparent;
}
/* don't show email button on list page if not friends */

.membersListPage-user.notFriends .memberInfo-Email {
	display: none;
}
.memberInfo-Email:hover {
	transform: scale(1.2, 1.2);
	transition: 0.2s;
}
/*In Quick view is transparent as replaced by main email link */

.viewing-MemberInfo .memberInfo-Email {
	color: transparent;
	border: none;
	margin-left: 5px;
	margin-bottom: 10px
}
/*If not buttons like friends etc disable the buttons also disables it for non members view*/

.membersListPage-user:not(.hasButtons) .memberInfo-container button {
	pointer-events: none;
	opacity: 0.35
}
/** MEMBERS LIST PAGE **/

/* Background colour of the member blocks and border colour, change as needed */

.matrix-itemFluid.membersListPage-user {
	background-color: white;
	border: solid 2px powderblue;
}
.mediumMatrix.advanced-search__members, .membersListPage .matrix {
	display: grid!important;
	grid-template-columns: repeat(auto-fit, minmax(260px, 0fr))!important;
	justify-content: center!important;
	grid-gap: 1rem;
}
@media only screen and ( min-width:868px) {
	.mediumMatrix.advanced-search__members .matrix-itemFluid, .membersListPage .matrix-itemFluid {
		min-width: 240px!important;
	}
}
@media only screen and (min-width:600px) and ( max-width:868px) {
	.mediumMatrix.advanced-search__members, .membersListPage .matrix {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))!important;
	}
	.mediumMatrix.advanced-search__members .matrix-itemFluid {
		min-width: 1px!important;
	}
}
@media only screen and ( max-width:600px) {
	.mediumMatrix.advanced-search__members, .membersListPage .matrix {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))!important;
	}
	.mediumMatrix.advanced-search__members .matrix-itemFluid {
		min-width: 1px!important;
	}
}
.mediumMatrix.advanced-search__members::after {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
	width: 100%!important;
}
.matrix-itemFluid.membersListPage-user .matrix-item {
	width: 100%!important;
	display: grid!important;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.membersListPage-user .matrix-item .media-img {
	display: grid!important;
	align-items: center;
	justify-content: center;
	margin: 10px 0px 0px 0px!important;
	max-width: 100%;
	background-color: transparent;
	border-radius: 0px;
}
.matrix-itemFluid.membersListPage-user {
	justify-content: center;
	margin: 0;
	padding: 10px 5px;
	border-radius: 10px;
	transition: 0.2s;
	width: 100%!important;
}
.matrix-itemFluid.membersListPage-user .membersListPage-userInfo {
	height: auto;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: center;
	margin-top: 20px;
}
.membersListPage-userName {
	display: flex;
	align-content: center;
	margin-bottom: 5px;
	align-items: center;
	justify-content: center;
}
.membersListPage-userInfo .profileCoverArea-info {
	text-align: center;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question::after {
	content: ": ";
}
.membersListPage-user:hover {
	box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
	transform: scale(1.07, 1.07);
	transition: 0.2s;
}
.membersListPage-user a.media-img span {
	transition: 0.7s;
}


details.modal summary {
	color: #FFF;
}
.breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumbs li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	font-size:0.9em!important;padding:10px;color: black!important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 20px;
	color: white;
	-webkit-text-stroke: 1px red;
}
div.media-body.membersListPage-userInfo {background-image: radial-gradient( circle 489px at 49.3% 46.6%,  rgba(255,214,126,1) 0%, rgba(253,200,0,1) 100.2% );}
.breadcrumbs li:hover {
	color: #fff;
}
.breadcrumbs li a {
  display: block;
  background: repeating-linear-gradient(135deg, rgb(255, 221, 155) 0, rgb(254, 215, 146) 20px, rgb(255, 225, 172) 40px, rgb(255, 255, 255) 70px, rgb(250, 198, 107) 125px, rgb(246, 194, 107) 160px, rgb(231, 177, 85) 175px, rgb(244, 193, 107) 185px, rgb(241, 191, 107) 220px, rgb(243, 190, 102) 235px, rgb(233, 177, 83) 250px, rgb(245, 190, 97) 280px, rgb(249, 188, 86) 305px, rgb(255, 251, 245) 385px, rgb(252, 195, 98) 415px, rgb(252, 195, 121) 450px, rgb(255, 221, 155) 500px);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: none;
  color: rgb(255, 221, 155);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 3px 2px #212121);
}
canvas {
	border: 0px solid pink;
	display: block;
	z-index: -1;
}
.gooeys {
	margin: 0 auto;
	-webkit-filter: url('#filter');
	filter: url('#filter');
	border: 0px solid black;
	opacity: .99;
}


.breadcrumbs li a:after {
	content: '';
	width: 20px;
	height: 20px;
	border-color: #fff;
	border-style: solid;
	border-width: 1px 1px 0 0;
	-webkit-backface-visibility: hidden;
	outline: 1px solid transparent;
	position: absolute;
	right: 20px;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	transition: all .15s ease;
	-webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
	-moz-transform: rotateZ(45deg) skew(10deg, 10deg);
	-ms-transform: rotateZ(45deg) skew(10deg, 10deg);
	transform: rotateZ(45deg) skew(10deg, 10deg);
}
.breadcrumbs li a:hover:after {
	right: 25px;
	-webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
	-moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
	-ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
	transform: rotateZ(45deg) skew(-10deg, -10deg);
}
small.event-info-timestamp {
	color: black;
}
.navbar li a {
	color: white!important;
	-webkit-text-stroke: 1px #cc000;
	text-shadow: 1px 1px #000;
}
article.entry.articleListPage-entry, article.media-frame.entry.discussionListPage-entry {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 12px 12px 24px #000000, -12px -12px 24px #000000;
	box-shadow: 12px 12px 24px #000000, -12px -12px 24px #000000;
}
article.entry.articleListPage-entry {
	color: white!important;
}
.sign_form .auth_copy {
	display: none!important;
}
:is(section, article) :is(h1, h2, h3, h4) {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}
button.button.button-iconic {
	background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(226, 37, 37, 1) 0%, rgba(211, 49, 49, 1) 82.8%);
}
select.categorySelectionList {
	height: 6.5em!important
}
div.module-actions select {
	height: 2.5em!important
}
select {
	height: 2.5em!important
}
h1.content-name,  {
  display: block;
  color: #212121!important;
} 
.content-name {
  color: #212121!important;
}
ul.subnav.expanded {
color:#212121;
	text-shadow: 1px 1px 1px #2e5090;
}
.subnavline > li a{color: #212121!important;}
.box h3 {
	text-align: center;
	position: relative;
	top: 80px;
}
.box {
	width: 80%;
	height: 200px;
	background: #FFF;
	margin: 40px auto;
}
.short-menu {
	float: right;
	margin-top: 0px;
}
.short-menu li {
	list-style: none;
	background-color: transparent;
	display: block;
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.short-menu li:hover {
	list-style: none;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	display: block;
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.short-menu li a {
	font-size: 0.7em;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0;
	height: 64px;
	color: #212121;
	line-height: 64px;
	padding: 0 20px 0 0;
	vertical-align: top;
	width: 80px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.short-menu li a:before {
	font-size: 1.3em;
	color: white;
	-webkit-text-stroke: 1px #cc000;
	text-shadow: 1px 1px #000;
	font-weight: normal;
	width: 60px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	display: inline-block;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.short-menu li a:hover {
	width: 120px;
color:#fff;
}
.short-menu li a:hover:before {
	width: 64px;
	color: white;
	-webkit-text-stroke: 1px #212121;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question {color:#000!important;}
.membersListPage-userInfo .profileCoverArea-info {color:#212121!important;}
.membersListPage-userName>a {padding-top:10px!important;}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img {padding:50px;}
.dashboardBar-innerSection,.ningbar .dashboardBarWrap {background-color: #000!important;}
.dashboardBar-ningLogo {display: none;}
.photoDetailPage .image-aspect-4-3::before,
.photoListPage .photoListPage-entry .matrix-media-4-3:before,
.section-photoBundle .matrix-media-4-3:before
{
content: "\00A9 Land Surveyors United";
display: block;
font-size: 1.3em;
color: lightgrey;
z-index: 1;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
}
/** OPTIONAL COLOUR SETTINGS **/


.Bio-info{
background-color: green;
padding: 10px!important;
border-radius: 10px;
color: white;
}
.Bio-info p.p-Content{
background-color: white;
color: black;
padding:10px;
}

.Bio-info p.p-Content span{
background-color: red;
color: white;
padding:10px;
border: solid 1px grey;
}

.Bio-info p.p-Content:nth-child(1) > span:nth-child(1){
background-color: Black;
}

 /* Question Answer Section */
.Bio-info .profileCoverArea-questionAndAnswer.p-Content span{
background-image: linear-gradient( 178.2deg,  rgba(118,8,23,1) 10.9%, rgba(158,12,33,1) 62.6% );
}

.Bio-info .profileCoverArea-questionAndAnswer.p-Content{
background-color: orange;
color: black;
padding:20px 5px;
}

.Bio-info .profileCoverArea-questionAndAnswer.p-Content .profileCoverArea-question{
background-color: blue;
color: white;
}


/** CALENDAR GRID This is the grid which will surround each of the months **/

/** Events Monthly Headers **/
.calendarGrid-Title{
width:100%; clear:both;
}
.monthHeader-name{
font-weight:bold;
display:block;
padding:10px 20px;
color:#1a11b1;
background-color:rgba(127, 63, 191,0.3);
border-radius:6px 6px 0px 0px; font-size:1.7em
}
.eventListPage.sheet{
background-color:#fbfbfb!important;
}
.eventListPage .entry{
background-color:white
}


/**MAIN LIST PAGE **/
/***** EVENTS ****/
/* Margin between each post */

/** Margin between each of the posts plus some padding**/
.eventListPage .entry{
margin-bottom:20px;
padding:10px
}
.section-eventBundle .entry {
margin-bottom: 15px;
}

/*Links In The Header Module ByLine For Inviting Members when creating an event */
.module-byline > a{
color:#000;
font-size:16px;
}
.module-byline > a:hover{
color:antiquewhite;
text-decoration:none
}

/*Make a button for the inivite members links*/
.module-byline{
margin-top:10px;
}
.module-byline > a{
background-image: linear-gradient( 110.3deg,  rgba(73,93,109,1) 4.3%, rgba(49,55,82,1) 96.7% );
padding:3px 6px;
border-radius:4px;
}
.module-byline > a:hover{
background-color:darkblue;
}

/* Add a border around each entry to make give them more seperation */
.eventListPage .span13 {
border:solid 1px lightgray;
}

/** New Entry Title Adjustment After Moving It Above the Event Content **/
.eventListPage .eventPage-details > .entry-title{
margin-bottom:14px;
box-shadow: 0px 5px 5px lightgray;
padding: 6px;
border: solid 1px #eaeaea;
}
/*Add little Padding To The Details Section */
.eventPage-details{
padding:4px;
}

/*Entry Title Make Uppercase */
.eventPage-details .entry-title > a, .section-eventBundle .entry-title > a{
text-transform:uppercase;
}
.section-eventBundle .entry-title > a{
font-size:1em;
}

/* Change the spans of the main content and the date day column to 100% width */
.eventListPage .span3, .eventListPage .span13{
width:100% ;
}
.eventListPage .span3{
text-align:left;
padding:6px;
border-bottom: none;
margin-bottom:0px;
font-size:1.3em;
}

/*Move the start date to the left and make it an inline block */
.eventListPage .eventListPage-startDate, .eventListPage .eventListPage-startDayOfWeek {
display:inline-block;
padding:0 10px 0px 0;
}

/*Remove entry content image*/
.eventListPage .eventPage-detail.entry-content.cf a > img{
display:none!important;
}
.column-narrow .eventPage-detail.entry-content.cf a > img{
display:none!important;
}
/*Remove entry content iframes*/
.eventListPage .eventPage-detail.entry-content.cf iframe{
display:none!important;
}
.column-narrow .eventPage-detail.entry-content.cf iframe{
display:none!important;
}

/* Add Box Shadow To The Entries */
.eventListPage .entry{
box-shadow: 0px 5px 5px lightgray;
padding: 6px;
border-top: solid 1px #eaeaea;
}
.eventListPage .entry:hover{
box-shadow: 0px 8px 7px darkgray;
}

/* Space out the Events Details li list */
li.eventPage-detail{
margin:10px;
}
.eventPage-detail{
margin-bottom:0px;
}
li.eventPage-detail.entry-content{
margin:15px 0px;
border-top:solid 1px lightgray;
border-bottom:solid 1px lightgray;
padding:4px;
}
li.eventPage-detail.entry-content p{
font-size:0.93em;
}

/* Options drop down for going or not */
.eventListPage .eventPage-details .span6.narrow16.tablet16.mobile16{
text-align:center;
border:solid 1px lightgray;
padding:6px;
}
.eventListPage .eventPage-details .eventPage-rsvp {
margin-bottom:20px;
float:left;
display:inline-block;
}
@media only screen and ( min-width:767px ){
.eventListPage .eventPage-details .optionsDropdown:before{
content:"Attend Event options";
display:inline-block;
padding:4px 10px;
float:left;
}
.eventDetailPage .eventPage-details .optionsDropdown:before{
content:"Attend Event options";
display:block;padding:8px 0px;
}
}
/* Events Detail Page */
.eventDetailPage .entry-content:before{
content:"Event Details";
display:block;
padding:8px 0px;
font-size:1.1em;
font-weight:bold;
color:darkblue;
border-bottom:solid 1px lightgray;
margin-bottom:10px;
}
.eventDetailPage-attendees{
display:none;
}
.eventDetailPage .trispan{
margin-top:6px;
}
.triplet.eventDetailPage-triplet{
border: solid 1px #efefef;
padding:4px;
max-width:100%;
}
/* Page Header*/
.EventDetail-header{
display: block;
background-color: #00a6eb;
border-radius: 4px 4px 0 0;
padding: 13px 10px 10px 10px;
margin: -10px -10px 10px -10px;
}
.EventDetail-header a,.EventDetail-header a:hover{
color:white;
font-size:1.5em;
font-weight:bold;
}

li.socialSharingList.menu a {color:white!important;}

@import url("https://storage.ning.com/topology/rest/1.0/file/get/8893554854?profile=original");
div.comments-text.entry-content {color:#fff;}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background-image: radial-gradient( circle farthest-corner at 5.2% 14.3%,  rgba(255,73,18,1) 0%, rgba(235,118,36,1) 47.4%, rgba(235,69,69,1) 100.2% );
}
.section-html .editBlock .editBlockList {
display: grid;
grid-auto-columns: 100%;
}
ul.framemenu li {text-shadow: 2px 2px 1px #212121;}
small.event-info-timestamp {color:#fff;}
footer-left p {color:#fff!important;}
li.tabContainerSection-tab, .result > dt, h3.entry-title a {
  display: block;
font-size:1em;
color:#FFF!important;
}
h3.entry-title a {font-size:0.8em!important;}
/* ######### Default class for drop down menus ######### */
div.messages-body {color:white;}
li.groupHeader-tab, li.tabContainerSection-tab {
 }

a.socialSharingListItemLink, li.groupHeader-tab, ul.tabContainerSection-tabs.subnavline {}

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
background: lightyellow;
box-shadow: 3px 3px 5px rgba(0,0,0,.4);
width: 200px; /* default width for menu */
}
div.comments-actions.cf {background-image: linear-gradient( 174.2deg,  rgba(255,244,228,1) 7.1%, rgba(240,246,238,1) 67.4% );border-radius:5px;padding:10px;}
.anylinkcss ul{
  background-image: radial-gradient( circle farthest-corner at 5.2% 14.3%,  rgba(255,73,18,1) 0%, rgba(235,118,36,1) 47.4%, rgba(235,69,69,1) 100.2% );
margin: 0;
padding: 0;
list-style-type: none;
}

.module-name a {color:#FFF!important;}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}
div.banner-info.profileCoverArea-bio.media-body {background: transparent!important;}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
background: #DEFFCA;
box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}
div.entry-content {color:#212121;}
 div.media-body {background:#333;padding:10px;color:#FFF!important;}
/***Site Menu **/
@media only screen and (max-width:766px){
#navMenu { display:none
}}
@media only screen and (min-width:767px){
#navMenu {
display:block
}
/** Menu button and style plus position from top **/
#navMenu {
position: fixed;
top:35px;
width: 80px;
z-index: 2000;
height: 40px;
font-weight:bold;
font-size:16px;
left:0;
border-radius: 0px 0px 10px 0px;
transition: 0.7s;
}
/** If admin this moves it down further to accomadate the design bar **/
.isAdmin #navMenu {
top:90px;
}
/** Button On Hover **/
#navMenu:hover{
color:white;background-color:royalblue
}
.central-content .site-headerFrame .site-header {
width:100%
}
/** Button when nav is open **/
.central-content.navOpen #navMenu {
right:0;
left: 255px;/** position of button when open**/
width:45px;
height:45px;
border-radius:50px;
transition: 0.8s;
}
.site-headerFrame{
width: 200px; /*sets width of nav menu**/
left: -200px; /*sets width of nav menu**/
top: 0;
bottom: 0;
position: absolute;
transition: 0.8s;
}
.central-content.navOpen .site-bodyFrame{ padding-left:200px;transition: 0.8s; }/** width of navOpen must be same as site-headerFrame value **/
.central-content.navOpen .site-headerFrame{ left:0;transition: 0.8s; }
.central-content .site-bodyFrame{ padding-left:0px;transition: 0.8s; }
.central-content.navOpen .site-header{ width:100% }
}

/***Site Menu END **/

.hover-menu {
  position: relative;
  overflow: hidden;
  margin: 8px;
  min-width: 340px;
  max-width: 480px;
  max-height: 290px;
  width: 100%;
  background: #000;
  text-align: center;
  box-sizing: border-box;
}

.hover-menu * {
  box-sizing: border-box;
}

.hover-menu img {
  position: relative;
  max-width: 100%;
  top: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s ease-in-out;
}

.hover-menu div {
  position: absolute;
  top: 0;
  left: -120px;
  width: 120px;
  height: 100%;
  padding: 8px 4px;
  background: #000;
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hover-menu div a {
  display: block;
  line-height: 2;
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
  padding: 5px 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}

.hover-menu div a:hover {
  text-decoration: underline;
}

.hover-menu:hover img {
  opacity: 0.5;
  right: -120px;
}

.hover-menu:hover div {
  left: 0;
  opacity: 1;
} 

nav.header-nav.navbar {
display: inline-block;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transform: perspective(1500px) rotateY(15deg);
  transition: transform 1s ease 0s;}
nav.header-nav.navbar:hover {transform: perspective(3000px) rotateY(5deg);
}
section.module-body.aboutGroupSection {background-image: radial-gradient( circle 400px at 6.8% 8.3%,  rgba(255,244,169,1) 0%, rgba(255,244,234,1) 100.2% );border-radius:10px;padding:10px;margin:5px;}
h3.module-name {
  display: block;
  z-index:100;
  color: #FFFFFF!important;
}
img.donate {position: absolute;
  display: block;
  width:70px;
  bottom: 200px;
  left: 0px;}
i.icon.icon-rss {background:#fff;border-radius:20px;padding:15px;font-size:1em;margin:10px;}
a.videoListPage-metaTitle,.videoListPage-metadata {color: #fff!important;}

.avatar-frame {border-radius: 10px!important; }
ul.framemenu li a {color:#1E1E1E!important;text-shadow: 
     1px  1px     #000, 
    -1px  1px     #000, 
     1px -1px     #000, 
    -1px -1px     #000
     1px  1px 5px #000;
}
div.socialActions {background: transparent;}
a.media-img.avatar-frame {width: 100%;
  height: 100%;
background-color:#212121;
}
li.matrix-itemFixed.membersSection-avatar {object-fit: contain;}
img.photo.avatar.avatar-48 {z-index:2!important;font-size:1em!important;}
span.avatar-badgeTextLabel {z-index:1!important;font-size:1.1em!important;}
.matrix-itemFluid.membersListPage-user, .memberInfo-container {background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(147,67,67,1) 0%, rgba(111,27,27,1) 90% );}
footer.entry-footnote, section.entry-content.cf {background:#eee;padding:10px;font-size:1.1em;margin:15px;color: gold!important;}
details[open].modal::after {background-image: radial-gradient( circle 400px at 6.8% 8.3%,  rgba(255,244,169,1) 0%, rgba(255,244,234,1) 100.2% )!important;}
footer.entry-footnote { background: linear-gradient(to right, #556270, #ff6b6b)!important;}
 svg, footer.activityFeed-footer {background-color: black!important;}
.friendLink-icon, .followLink-icon {color: black!important;}

ul.subnav.expanded a,div.media-body a{color:gold background:#333!important;}
/******* NEW SHARING LAYOUT V10.0 *******/

@media screen and (max-width: 769px) {
.feed-story .media-frame > .media-body {
overflow: visible!important;
}
}
.sharingContainer-Actual .activityFeed-close.activity-close{
display:none!important;
}
.sharingContainer-Actual .activityFeed-headline,
.sharingContainer-Actual .activityFeed-content.media-frame,
.sharingContainer-Actual .activityFeed-avatar{
pointer-events:none;
}
.sharingOverlay{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.5);
overflow:hidden;
z-index:9999;
}
.sharingOverlay.active{
display:block!important;
}
.sharingWrapper-container{
width: 100%;
height: 100%;
position: relative;
z-index: 10000;
overflow:auto;
}
.sharingWrapper-inner{
width:100%;
max-width: 500px;
background-color: white;
padding: 10px;
display: block;
border-radius: 6px;
border: solid 10px cornflowerblue;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: auto;
}
.sharingWrapper-inner h1{
background-color: royalblue;
color: white;
padding: 10px;
margin-bottom: 10px;
font-size:16px;
font-family: 'Roboto', sans-serif;
}
.sharingFooter{
padding: 10px;
border-top: solid 1px lightgray;
margin-top: 10px;
}
.sharing-footerButtons{
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
}
.sharingComplete-footer .sharing-footerButtons{
justify-content: flex-end;
}
.sharingButtons{
width: 100px;
border: none;
border-radius: 4px;
border:solid 3px #e3e3e3;
margin:4px;
font-family: 'Roboto', sans-serif;
}
.sharingButtons:hover{
background-color:royalblue;
color:white;
}
/* This is the title taken from the page or group being shared*/
.sharingPage-title,
.sharingPage-title a,
.sharingPage-title .groupHub-groupTitle,
.sharingPage-title .groupHub-groupTitle > span{
pointer-events:none;
background-color:transparent;
display:block;
font-size:20px;
color:#5336bb;
padding: 0px 4px;
text-align:left;
font-weight:bold;
font-family: 'Roboto', sans-serif;
}
.sharedTitle{
display:none;
}
.sharingPage-title .entry-title{
margin-bottom:15px;
}
.saySomething-div{
margin-top:15px;
}
.saySomething-div > h3{
font-size:12px;color: gray;
margin-bottom: 3px;
}
.saySomething{
width:100%;
}
.shareTools{
display: flex;
align-content: center;
align-items: center;
justify-content: flex-end;
margin-bottom:10px;
z-index:2;
position:relative;
}
/*The share button*/
.shareTools-share, .shareTools-share-group{
font-size: 12px;
background-color: #f0f2f0;
color: #606f5f!important;
padding: 4px 5px;
margin: 0;
border: solid 1px lightblue;
transition:0.2s;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
}
.shareTools-share >span, .shareTools-share-group >span{
font-size: 16px;
margin-left: 5px;
}
.shareTools-share:hover, .shareTools-share-group:hover{
background-color:royalblue;
color:white!important;
text-decoration:none!important;
transition:0.2s
}
.shareTools-share-group{
margin-top:4px;
margin-right:4px;
}
.shared-Group .activityFeed-headline .groupHeader-groupName {
margin-top:10px;
font-size:20px;
line-height:1;
}
/** hide the default site image so it doesn't show when loading the group image **/
.shared-Group .activityFeed-content a.media-img img{
display:none;
}
.shared-Group .groupHeader-image{
background-size:cover;
width:180px;
height:180px;
}
.shared-Group .activityFeed-detailTitle.create_status a + br{
display:none;
}
.shared-Group .activityFeed-detailTitle.create_status > a:first-of-type{
padding-bottom:2px;
}
.shared-Group .activityFeed-detail{
display:none;
}
.shared-Group .eventPage-image-wrapper{
text-align:center;
}
.sharedPost-activity .activityFeed-detailTitle.create_status {
display:block;
width:100%;
padding-top: 15px;
font-weight:600;
font-family:arial;
font-size:15px;
letter-spacing:0.02em;
}
.sharedPost-noImage .eventPage-image-wrapper img{ display:none!important }
.sharedPost-hasImage .eventPage-image-wrapper img{ display:block!important }

@media screen and (min-width: 969px) {
.sharedPost-activity .activityFeed-detailTitle.create_status {
padding-top:5px;
}}
@media screen and (max-width: 481px) {
.sharedPost-activity .activityFeed-detailTitle.create_status {
padding-top:40px;
}}
.sharedPost-activity .feedEvent-createStatus .activityFeed-headline{
padding-right:2px;
}
header.activityFeed-headline a {color:gold;}
/* Stops the status link from being clicked **/
.sharedPost-activity header:nth-child(1) > a:nth-child(2){ pointer-events:none}
.shared-Group header:nth-child(1) > a:nth-child(2){ pointer-events:none}
/*Removes the add comment link for shared items **/
.sharedPost-activity .activityFeed-commentFormDisplay,
.shared-Group .activityFeed-commentFormDisplay{
display:none;
}
.sharedPost-activity.sharedEvent .eventPage-image-wrapper img{
width:180px;
height:180px;
}

/**** PINNED POSTS BY BIZZ 190222 VER1 ***/
.categorySelectionList{
min-height:25vh;
}
/*Hides the module if nothing is in it*/
.pinnedPost-container:not(.pinnedPost-container.pinned-hasContent){
display:none;
}
.pinnedPost-container .section_header{
margin-bottom:4px;
}
.pinnedPost-container .entry-headline .media-frame{
display:flex;
flex-wrap:wrap;
}
.pinnedPost-container .entry-title{
display:flex;
flex-wrap:wrap;
width:100%;
}
@media only screen and (max-width:979px){
.pinnedPost-container .avatar-frame{
margin-bottom:10px;
}
.pinnedPost-container .media-frame > .media-body{
overflow:visible!important;
}
}
.pinnedPost-container .module-name{
margin:6px!important;
}
.pinnedPost-container .module-name a{
pointer-events:none;
}
.pinnedPost-container .entry-readMore{
margin-top: -13px;
text-align: right;
padding: 10px 10px 0px 0px;
}
.pinnedPost-container .entry:not(:last-of-type),
.pinnedPost-container .media-frame:not(:last-of-type){
margin-bottom:10px;
border-bottom: dashed 1px lightgray;
}
.column-wide .section-eventBundle.pinnedPost-container .entry{
border-bottom:none;
}
.pinnedPost-container .module-body{
border-top: solid 2px rgba(227, 227, 227, 0.56);
padding:5px 0px 5px 0px;
}
.pinnedPost-container .entry-content{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
-webkit-box-orient: vertical;
}
.pinnedPost-container .media-frame{
margin-top:15px;
}

.pinnedPost-container .matrix{
margin-left:0;
margin-right:0;
}
.pinnedPost-container .matrix .matrix-itemFluid{
position:relative;
}

.is-eventDetailPage .pinnedPost-container,
.is-photoDetailPage .pinnedPost-container,
.is-videoDetailPage .pinnedPost-container,
.is-forumDetailPage .pinnedPost-container,
.is-blogDetailPage .pinnedPost-container,
.pinnedPost-container .videoListPage-metaElapsed,
.pinnedPost-container .entry-footnote,
.pinnedPost-container .entry-commentsCount,
.pinnedPost-container .module-footer,
.pinnedPost-container .entry-tags,
.pinnedPost-container .entry-byline,
.pinnedPost-container .entry-content img,
.pinnedPost-container .image-contain{
display:none!important;
}
.section-videoBundle.pinnedPost-container .module-footer{
display:none;
}
.section-videoBundle.pinnedPost-container .videoListPage-metadata{
display: none;
}
.column-narrow .section-videoBundle.pinnedPost-container .videoListPage-metadata .videoListPage-row{
display:none;
}
.column-narrow .section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metaTitle a {
font-size:12px;
}

@media only screen and (min-width:979px){
.section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metadata{
display: flex;
position:absolute;
top:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.5);
padding:0;
}
.section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metaTitle a {
white-space:unset;
overflow:hidden;
display:flex;
background-color:rgba(0,0,0,0.6);
padding:6px;
color:cyan!important;
}
.section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metadata a{
color:lightgray;
padding:4px;
}
.section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metadata a:hover,
.section-videoBundle.pinnedPost-container .matrix-item:hover .videoListPage-metaTitle a:hover{
color:orange!important;
}
.section-groupHub.pinnedPost-container .matrix,
.section-photoBundle.pinnedPost-container .matrix,
.section-videoBundle.pinnedPost-container .video_list{
padding: 0px 0px 10px 0px;
}
.column-wide .section-eventBundle.pinnedPost-container .module-body{
display: inline-flex;
overflow-x: auto;
overscroll-behavior-inline: contain;
flex-wrap:nowrap!important;
justify-content:left;
}
.column-wide .section-eventBundle.pinnedPost-container .entry{
flex:0 0 39%!important;
-webkit-flex: 0 0 39%!important;
}
}

.section-photoBundle.pinnedPost-container .matrix-media-4-3{
box-shadow:none;
background-size:cover;
}
.section-groupHub.pinnedPost-container .matrix,
.section-photoBundle.pinnedPost-container .matrix,
.section-videoBundle.pinnedPost-container .video_list{
display: inline-flex;
overflow-x: auto;
overscroll-behavior-inline: contain;
flex-wrap:nowrap!important;
justify-content:left;
}
.section-groupHub.pinnedPost-container .matrix .matrix-itemFluid,
.section-photoBundle.pinnedPost-container .matrix .matrix-itemFluid,
.section-videoBundle.pinnedPost-container .videoListPage .matrix-itemFluid {
flex:0 0 39%!important;
-webkit-flex: 0 0 39%!important;
}
.column-narrow .section-photoBundle.pinnedPost-container .matrix .matrix-itemFluid,
.column-narrow .section-videoBundle.pinnedPost-container .videoListPage .matrix-itemFluid {
flex:0 0 47%!important;
-webkit-flex: 0 0 47%!important;
}
/** Make items bigger under this size for video and photos and groups **/
@media only screen and (max-width:979px){
.section-groupHub.pinnedPost-container .matrix .matrix-itemFluid,
.section-photoBundle.pinnedPost-container .matrix .matrix-itemFluid,
.section-videoBundle.pinnedPost-container .videoListPage .matrix-itemFluid {
flex:0 0 83%!important;
-webkit-flex: 0 0 83%!important;
}
}


/**Pinned Events remove the categories and who added it but leave the description **/
.section-eventBundle.pinnedPost-container .eventPage-detail + .eventPage-detail{
display:none;
}
.section-groupHub.pinnedPost-container .groupHub-groupTitleContainer {
max-height:2em;
min-height:2em;
}
.section-groupHub.pinnedPost-container .groupHub-groupTitle > span {
font-size:1.0em;
}
.isAdmin .groupEditPage .module-body > div:nth-child(1) > div:nth-child(1) > div:nth-child(5)::after,
.isAdmin .entryEditPage-categoryContainer::after{
content:"Admin when adding or removing the pinnedContent category remember to hold down the ctrl key when selecting so you do not remove any other categories if any other categories exist";
font-weight: bold;
font-size:1.1em;
display: block;
padding: 10px 5px 10px 5px;
background-color: red;
color: white;
margin-top: 10px;
line-height:1.2;
margin:10px;
width:100%;
max-width:60%;
}
.SP_sign_up_in p {
	font-size: 12px
}
.SP_sign_up_external {
	text-align: center
}
.SP_sign_up_external ul {
	padding: 0;
	margin: 0
}
.SP_sign_up_external img {
	max-width: 15%
}
.SP_sign_up_external li {
	display: inline;
	list-style: none;
	padding: 2px
}
.SP_sign_up_external>p {
	font-size: 10px
}
/* Social Icons */

.social {
	text-align: center
}
.social a {
	display: inline-block;
	padding: 7px;
	width: 35px;
	height: 35px;
	margin: 0 2px;
	background: #fff;
	border-radius: 50%;
	vertical-align: middle
}
.social a: hover {
	background: #65c2ed
}
.social a.linkedin {
	padding: 4px
}
.social a svg .face, .social a svg .twit, .social a svg .link {
	fill: #000
}
/** MEMBERS LIST PAGE **/

/* Background colour of the member blocks and border colour, change as needed */
.matrix-itemFluid.membersListPage-user{
background-color: transparent;
border: solid 2px powderblue;
}


.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
display: grid!important;
grid-template-columns: repeat(auto-fit, minmax(260px,0fr))!important;
justify-content: center!important;
grid-gap: 1rem;
}
@media only screen and ( min-width:868px ){
.mediumMatrix.advanced-search__members .matrix-itemFluid,
.membersListPage .matrix-itemFluid{
min-width:240px!important;}
}

@media only screen and (min-width:600px) and ( max-width:868px ){
.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
grid-template-columns: repeat(auto-fit, minmax(200px,1fr))!important;}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
min-width:1px!important;}
}
@media only screen and ( max-width:600px ){
.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
grid-template-columns: repeat(auto-fit, minmax(140px,1fr))!important;}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
min-width:1px!important;}
}

.mediumMatrix.advanced-search__members::after {
width:100%; position:absolute;bottom:0;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
width:100%!important;
}
.matrix-itemFluid.membersListPage-user .matrix-item {
width: 100%!important;
display: grid!important;
align-content: center;
justify-content: center;
align-items:center;
justify-items:center;
}
.membersListPage-user .matrix-item .media-img {
display: grid!important;
align-items: center;
justify-content: center;
margin:10px 0px 0px 0px!important;
max-width:100%;
background-color:transparent;
border-radius:0px;
}
.matrix-itemFluid.membersListPage-user{
justify-content:center;
margin:0;
padding:10px 5px;
border-radius: 10px;
transition:0.2s;
width:100%!important;
}
.matrix-itemFluid.membersListPage-user .membersListPage-userInfo {
height: auto;
display:grid;
justify-content:center;
justify-items:center;
align-items:center;
margin-top:20px;
}
.membersListPage-userName {
display: flex;
align-content: center;
margin-bottom: 5px;
align-items: center;
justify-content: center;
}
.membersListPage-userInfo .profileCoverArea-info {
text-align:center;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question::after {
content:": ";
}

.membersListPage-user:hover{
box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
transform:scale(1.07, 1.07);
transition:0.2s;
}
.membersListPage-user a.media-img span{
transition:0.3s;
}
.membersListPage-user:hover a.media-img span.wrap__avatar{
transform:scale(1.17, 1.17);
transition:0.3s;
}
.membersListPage-userName > a{
padding:10px 0px;
transition:0.2s;
}
.membersListPage-userName > a:hover{
box-shadow: 4px 6px 10px rgb(0 0 0 / 12%);
transform:scale(1.01, 1.01);
transition:0.2s;
padding:10px 20px;
border-radius:4px;
background-color:#4CAF50;
color:white!important;
}
.membersListPage-user .buttonsWrapper{
justify-content:center;
align-content: space-between;
}
.membersListPage-user .userButtons{
margin:0px;
}
.membersListPage-user .userButtons a{
padding:10px;
margin-right:0;
}
.membersListPage-user .userButtons a:hover, .membersListPage-user .userButtons a:hover .icon::before {
background-color:#4CAF50;
color:white!important;
border-radius:4px;
}
.membersListPage-user .avatar-badgeText.avatar-bottomLeft, .membersListPage-user .avatar-badgeText.avatar-bottomRight {
bottom:-5px;
}
.avatar-badgeText {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 66%;
    max-height: 100%;
    text-align: left;
    text-transform: uppercase;
    color: white;
    background: transparent;
}
.avatar {position:relative!important; width: 150px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: red;
  background-position: right;
  border-radius: 50%;
  border: 2px solid #000;}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .wrap__avatar,
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .avatar-default {
width: 50px;
height: 50px;
}
.avatar-badgeImage {
border-radius:50%;
}

/** END MEMBER LIST PAGE **/
/*** RESIZE THE VIDEO IN SOCIAL CHANNELS ****/
@media only screen and (min-width:979px){
.feedListPagePlayer-source .sourceContainer {
display: flex;
align-items: center;
width: 100%;
height: 70vh;
max-width: 85%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
@media only screen and (max-width:979px){
.feedListPagePlayer-source .sourceContainer {
top:30%;
}}

/************** VIDEOS CODES ************/

@media only screen and (min-width:771px){
/* Adjust the Column Widths Video Detail Page */
.videoDetailPage .span8{ width:80% }
.videoDetailPage-list { margin:0px }
.videoDetailPage .span6{ width:20%}
.videoDetailPage .matrix-itemFluid { min-width: 80%;max-width:100%; float:none }
.videoDetailPage .span6 .matrix-itemFluid { width: 80%; margin: 0px auto; }
.videoDetailPage-titleList { text-align:center; font-size:1.1em }
.videoDetailPage .icon-love{display:inline;vertical-align:bottom;}
}

/* Add a title to the video description */
.videoDetailPage-mainVideo >.entry-content::before{content:"About"; display:block; margin-bottom:5px; text-decoration:underline }
.videoDetailPage-viewVideo .icon-eye{vertical-align:bottom;display:inline;margin-right:0px;}
.videoDetailPage-otherVideo .videoListPage-metaTitle{ font-size:12px!important }
.videoForm-inputTitle { height: auto;}
.videoDetailPage-mainVideo .standard-comments.entry-comments::before{content:"Comment";display:block;margin-bottom:5px; text-decoration:underline}


/* Make video Responsive */
.videoDetailPage-video.iframed{
margin-bottom: 5px;
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.videoDetailPage-video.iframed iframe{
max-width: 100%;
height: 100%;
width:100%;
position: absolute;
}
div.SP_Photo_Title a{background-image: radial-gradient( circle 400px at 6.8% 8.3%,  rgba(255,244,169,1) 0%, rgba(255,244,234,1) 100.2% )!important;}
.newPhotoList-v5 .photoBlockWrapper{
max-height: inherit;
height: calc(100% - 50px);
margin-top:0px;
}
.newPhotoList-v5 .photoBlockWrapper .photoDetailPage-image {
height:0;
padding-bottom:15%!important;
margin-bottom:0px;
}
.newPhotoList-v5 .entry-tags{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:-15px;
margin-bottom:-3px;
height:0.9em;
}
.newPhotoList-v5 .entry-tags:hover{
width:100%;
overflow:visible!important;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:-5px;
margin-bottom:3px;
height:0.9em;
}
a.Bio-more-switch {
display:none;
}
.Bio-header{
padding: 0px 0px 15px 0px;
}

/* Center Name On Mobiles */
@media only screen and (max-width:480px){
.Bio-header{text-align: center;}
.Bio-container.hasSpan .Bio-header{padding: 0px 0px 15px 0px!important;}
}

.Bio-container.hasSpan .Bio-header{
padding: 0px 0px 15px 35px;
}

/*Member Name*/
.Bio-member h2{
font-size: 1.6rem;
}

/* Show Bio Info Switch */
.Bio-container.hasSpan a.Bio-more-switch{
display:block;
padding: 4px 8px;
font-size: 1.2rem;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.Bio-container.hasSpan a.Bio-more-switch:hover, .Bio-container.hasSpan a.Bio-more-switch:focus{
cursor: pointer;
text-decoration: none!important;
outline: none!important;
}

/*Main Bio Wrapper*/
.Bio-wrapperOuter{
padding-bottom: 1.5rem;
position: relative;
}
.Bio-container{
position:relative;
}
.Bio-info{
padding: 0px 10px 0px 10px;
}

.Bio-info p span{ display: grid; grid-gap:5px;}
.Bio-info p span::before{ display:none }
.avatar{background-color:transparent!important;}
footer.module-footer.cf {border-radius:5px;}
@media only screen and (min-width:481px) and (max-width:645px){
.profileCoverArea-frame .ningbar-panel {
    left: 50%;
    margin-left: -21px;
}
.profileCoverArea-frame .ningbar-panel::before, .profileCoverArea-frame .ningbar-panel::after {
    left: 14px;
}}
@media only screen and (min-width:645px) and (max-width:775px){
.profileCoverArea-frame .ningbar-panel {
    right: 50%;
    margin-right: -21px;
}
.profileCoverArea-frame .ningbar-panel::before, .profileCoverArea-frame .ningbar-panel::after {
    right: 14px;
}}
@media only screen and (min-width:775px){
.profileCoverArea-frame .ningbar-panel {
    left: 50%;
    margin-left: -21px;
}
.profileCoverArea-frame .ningbar-panel::before, .profileCoverArea-frame .ningbar-panel::after {
    left: 14px;
}}

@media only screen and (min-width:481px){
.profileCoverArea-frame .linkbar .ningbar-panel{ z-index:99999!important }
.profileCoverArea-frame .ningbar-link .icon {
    font-size: 26px;
    height: 26px;
}
.profileCoverArea-frame .ningbar-countNotification {
font: normal bold 12px/12px sans-serif;
top: -7px;
right: -8px;
}
.profileCoverArea-frame .ningbar-userLinks.linkbar{ float:left; margin-left:10px; margin-top:20px }
.profileCoverArea-frame .banner-footer, .profileCoverArea-frame .banner-actionsGroup{ float:left }
.profileCoverArea-frame .banner-footer, .profileCoverArea-frame .banner-actions{ float:left }
.profileCoverArea-frame .banner-socialActions{ margin-right:10px;   float:left }
.profileCoverArea-frame .optionsDropdown-list {right:auto }

}