/*******************************************************
* FRONTEND css
*******************************************************/

/*=== SOCIALS ===*/
.socials {
	font-size: 0;
	margin: 0 -2px -4px;
	overflow: hidden;
}
.socials a {
	display: inline-block;
	position: relative;
	font-size: 26px;
	width: 54px;
	height: 54px;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
	color: #fff!important;
	margin: 0 2px 4px;
	opacity: 1;
	transition: .28s;
}
.socials.light a {
	background-color: #fff!important;
}
.socials a:hover {
	opacity: .8;
}
.socials.light a:hover {
	opacity: 1;
}
.socials a.discord {
	background-color: #5865f2;
}
.socials.light a.discord {
	color: #5865f2!important;
}
.socials.light a.discord:hover {
	color: #fff!important;
	background-color: #5865f2!important;
}
.socials a.facebook {
	background-color: #4267b2;
}
.socials.light a.facebook {
	color: #4267b2!important;
}
.socials.light a.facebook:hover {
	color: #fff!important;
	background-color: #4267b2!important;
}
.socials a.google {
	background-color: #db4437;
}
.socials.light a.google {
	color: #db4437!important;
}
.socials.light a.google:hover {
	color: #fff!important;
	background-color: #db4437!important;
}
.socials a.houzz {
	background-color: #007562;
}
.socials.light a.houzz {
	color: #007562!important;
}
.socials.light a.houzz:hover {
	color: #fff!important;
	background-color: #007562!important;
}
.socials a.instagram {
	background-color: #5b51d8;
}
.socials.light a.instagram {
	color: #5b51d8!important;
}
.socials.light a.instagram:hover {
	color: #fff!important;
	background-color: #5b51d8!important;
}
.socials a.linkedin {
	background-color: #0077b5;
}
.socials.light a.linkedin {
	color: #0077b5!important;
}
.socials.light a.linkedin:hover {
	color: #fff!important;
	background-color: #0077b5!important;
}
.socials a.pinterest {
	background-color: #e60023;
}
.socials.light a.pinterest {
	color: #e60023!important;
}
.socials.light a.pinterest:hover {
	color: #fff!important;
	background-color: #e60023!important;
}
.socials a.reddit {
	background-color: #ff5700;
}
.socials.light a.reddit {
	color: #ff5700!important;
}
.socials.light a.reddit:hover {
	color: #fff!important;
	background-color: #ff5700!important;
}
.socials a.rumble {
	background-color: #fff;
}
.socials.light a.rumble:hover {
	background-color: #8bc34a!important;
}
.socials a.rumble svg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.socials a.rumble svg path.main {
	fill: #8bc34a;
	transition: .28s;
}
.socials a.rumble svg path.secondary {
	fill: #fff;
	transition: .28s;
}
.socials.light a.rumble:hover svg path.main {
	fill: #fff;
}
.socials.light a.rumble:hover svg path.secondary {
	fill: #8bc34a;
}
.socials a.slack {
	background-color: #4a154b;
}
.socials.light a.slack {
	color: #4a154b!important;
}
.socials.light a.slack:hover {
	color: #fff!important;
	background-color: #4a154b!important;
}
.socials a.snapchat {
	background-color: #fffc00;
}
.socials:not(.light) a.snapchat {
	color: #000!important;
}
.socials.light a.snapchat {
	color: #000!important;
}
.socials.light a.snapchat:hover {
	color: #000!important;
	background-color: #fffc00!important;
}
.socials a.tiktok {
	background-color: #ff0050;
}
.socials.light a.tiktok {
	color: #ff0050!important;
}
.socials.light a.tiktok:hover {
	color: #fff!important;
	background-color: #ff0050!important;
}
.socials a.wechat {
	background-color: #09b83e;
}
.socials.light a.wechat {
	color: #09b83e!important;
}
.socials.light a.wechat:hover {
	color: #fff!important;
	background-color: #09b83e!important;
}
.socials a.whatsapp {
	background-color: #25d366;
}
.socials.light a.whatsapp {
	color: #25d366!important;
}
.socials.light a.whatsapp:hover {
	color: #fff!important;
	background-color: #25d366!important;
}
.socials a.x {
	background-color: #14171a;
}
.socials.light a.x {
	color: #14171a!important;
}
.socials.light a.x:hover {
	color: #fff!important;
	background-color: #14171a!important;
}
.socials a.yelp {
	background-color: #ff1a1a;
}
.socials.light a.yelp {
	color: #ff1a1a!important;
}
.socials.light a.yelp:hover {
	color: #fff!important;
	background-color: #ff1a1a!important;
}
.socials a.youtube {
	background-color: #ff0000;
}
.socials.light a.youtube {
	color: #ff0000!important;
}
.socials.light a.youtube:hover {
	color: #fff!important;
	background-color: #ff0000!important;
}

/*=== TOOLBAR MENU ===*/
.toolbar-menu,
.info-bar {
	font-size: 0;
	background-color: #f0f0f0;
	color: #5a5a5a;
	font-family: var(--body-font);
	font-weight: var(--body-font-weight);
}
.info-bar {
	text-align: center;
	overflow: hidden;
	position: relative;
}
.toolbar-menu .left-side {
	text-align: left;
}
.toolbar-menu .right-side {
	text-align: right;
}
.toolbar-menu a.item {
	text-decoration: none;
	color: #5a5a5a;
	transition: .28s;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	margin: 0 0 3px;
}
.toolbar-menu a.item i.fas,
.toolbar-menu a.item i.far,
.toolbar-menu a.item i.fab {
	font-size: 17px;
}
.toolbar-menu a.sm {
	text-decoration: none;
	color: #5a5a5a;
	transition: .28s;
	font-size: 17px;
	line-height: 22px;
	display: inline-block;
	margin: 0 0 3px;
	opacity: 1;
}
.toolbar-menu a.item:hover,
.toolbar-menu a.item:active {
	color: #3a3a3a;
}
.toolbar-menu a.sm:hover,
.toolbar-menu a.sm:active {
	color: #3a3a3a;
	opacity: .8;
}
.toolbar-menu a.sm.discord {
	color: #5865f2;
}
.toolbar-menu a.sm.facebook {
	color: #4267b2;
}
.toolbar-menu a.sm.google {
	color: #db4437;
}
.toolbar-menu a.sm.houzz {
	color: #007562;
}
.toolbar-menu a.sm.instagram {
	color: #5b51d8;
}
.toolbar-menu a.sm.linkedin {
	color: #0077b5;
}
.toolbar-menu a.sm.pinterest {
	color: #e60023;
}
.toolbar-menu a.sm.reddit {
	color: #ff5700;
}
.toolbar-menu a.sm.rumble svg {
	position: relative;
	top: 2px;
}
.toolbar-menu a.sm.rumble svg path.main {
	fill: #8bc34a;
	transition: .28s;
}
.toolbar-menu a.sm.rumble svg path.secondary {
	fill: #fff;
	transition: .28s;
}
.toolbar-menu a.sm.slack {
	color: #4a154b;
}
.toolbar-menu a.sm.snapchat {
	color: #000;
}
.toolbar-menu a.sm.tiktok {
	color: #ff0050;
}
.toolbar-menu a.sm.wechat {
	color: #09b83e;
}
.toolbar-menu a.sm.whatsapp {
	color: #25d366;
}
.toolbar-menu a.sm.x {
	color: #14171a;
}
.toolbar-menu a.sm.yelp {
	color: #ff1a1a;
}
.toolbar-menu a.sm.youtube {
	color: #ff0000;
}
.toolbar-menu .left-side a.item,
.toolbar-menu .left-side a.sm {
	margin-right: 8px;
}
.toolbar-menu .right-side a.item,
.toolbar-menu .right-side a.sm {
	margin-left: 8px;
}
.toolbar-menu div.message,
.info-bar div.message {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 3px;
}

/*=== INFO BAR ===*/
.info-bar div.message {
	margin: 0;
}
.info-bar:hover div.message,
.info-bar div.message:hover {
	animation-play-state: paused;
}
.toolbar-menu div.message a,
.info-bar div.message a {
	transition: .28s;
}
.info-bar div.message a {
	text-decoration: none;
}
.toolbar-menu div.message a,
.toolbar-menu div.message b,
.toolbar-menu div.message strong,
.info-bar div.message a,
.info-bar div.message b,
.info-bar div.message strong {
	font-weight: var(--menu-font-weight);
}
@keyframes info-bar {
	0% { transform: translate(0px, 0px); }
	5% { transform: translate(1px, 0px); }
	10% { transform: translate(2px, 0px); }
	15% { transform: translate(3px, 0px); }
	20% { transform: translate(4px, 0px); }
	25% { transform: translate(5px, 0px); }
	30% { transform: translate(4px, 0px); }
	35% { transform: translate(3px, 0px); }
	40% { transform: translate(2px, 0px); }
	45% { transform: translate(1px, 0px); }
	50% { transform: translate(0px, 0px); }
	55% { transform: translate(-1px, 0px); }
	60% { transform: translate(-2px, 0px); }
	65% { transform: translate(-3px, 0px); }
	70% { transform: translate(-4px, 0px); }
	75% { transform: translate(-5px, 0px); }
	80% { transform: translate(-4px, 0px); }
	85% { transform: translate(-3px, 0px); }
	90% { transform: translate(-2px, 0px); }
	95% { transform: translate(-1px, 0px); }
	100% { transform: translate(0px, 0px); }
}
@keyframes info-bar-scroll-right {
	from { transform: translateX(100vw); }
	to { transform: translateX(-100vw); }
}
@keyframes info-bar-scroll-left {
	from { transform: translateX(-100vw); }
	to { transform: translateX(100vw); }
}
@media (max-width: 575px) {
	.hide-mobile {
		display: none!important;
	}
	.toolbar-menu .left-side {
		padding-bottom: 5px;
	}
	.toolbar-menu .left-side,
	.toolbar-menu .right-side {
		text-align: center;
	}
	.toolbar-menu .left-side a.item,
	.toolbar-menu .right-side a.item,
	.toolbar-menu .left-side a.sm,
	.toolbar-menu .right-side a.sm {
		margin-left: 4px;
		margin-right: 4px;
	}
}