/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


@media (min-width: 992px) {

	#top-bar.transparent-topbar {
	z-index: 399;
	border-bottom: 0;
	margin-top: 15px;
	}

	#top-bar.transparent-topbar {
	background: transparent !important;
	}

	#top-bar + #header.transparent-header.floating-header {
	margin-top: 15px;
	}
	
	.primary-menu .sub-menu-container .menu-item > .menu-link {
		padding: 4px 10px;
	}

}

@media (min-width: 768px) {
	.media-box .fbox-media img.same-height {
	height: 250px;
	}
}

.dark .top-links li > a,
.dark #top-social li a { color: #FFF; }

.dark .top-links li:hover { background-color: rgba(255,255,255,0.15); }

.dark #top-social li { border-left: 0; }

.wcbreadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0;
	margin-bottom: 1rem;
	list-style: none;
}

#slider .text-shadow-white, #page-title .text-shadow-white{
	text-shadow:-1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px -1px 0 #FFFFFF;
}

#slider .text-shadow-black, #page-title .text-shadow-black{
	text-shadow:-1px 1px 0 #000000, 1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;
}

body #page-title.page-title-dark span {
    color: #FFFFFF !important;
}