/**
 * PRS Cares - Custom overrides
 * Add all new CSS changes in this file.
 */

/* White header bar - top & bottom spacing */
html body header .header_mainsec {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

/* Logo + menu on same row, vertically centered */
html body header .header_mainsec .prs-header-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100%;
	gap: 16px;
}

html body header .header_mainsec .prs-header-logo {
	flex: 0 0 auto;
	display: flex !important;
	align-items: center !important;
	float: none !important;
}

html body header .header_mainsec .prs-header-nav {
	flex: 1 1 auto;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	float: none !important;
	min-width: 0;
}

html body header .header_mainsec .navbar-brand {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

html body header .header_mainsec .navbar-brand img,
html body header .header_mainsec .logoimg {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: middle;
}

html body header .header_mainsec .menu-top-header {
	float: none !important;
	width: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	margin: 0 !important;
}

html body header .header_mainsec .menu-top-header .navbar {
	padding: 0 !important;
	width: auto !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	float: none !important;
	min-height: 0 !important;
	margin: 0 !important;
}

html body header .header_mainsec .navbar-nav {
	float: none !important;
}

/* Fallback if old header markup is still cached */
html body header .header_mainsec > .container > .col,
html body header .header_mainsec .col {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	float: none !important;
}

html body header ul#menu-main-menu,
html body header ul.prs-main-nav {
	padding-top: 0 !important;
}

/* Desktop menu */
@media screen and (min-width: 768px) {
	html body header .header_mainsec .menu-top-header .navbar .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		flex-grow: 1;
		justify-content: flex-end;
		align-items: center;
	}

	html body header ul#menu-main-menu,
	html body header ul.prs-main-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		float: none !important;
		width: auto !important;
		max-width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		padding-top: 0 !important;
		gap: 2px 6px;
		list-style: none !important;
	}

	html body header ul#menu-main-menu > li,
	html body header ul.prs-main-nav > li {
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		width: auto !important;
		max-width: none !important;
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body header ul#menu-main-menu > li > a,
	html body header ul.prs-main-nav > li > a,
	html body header #menu-main-menu > li a {
		display: inline-block !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		line-height: 1.2 !important;
		width: auto !important;
		max-width: none !important;
		color: #9d9898 !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		padding: 8px 12px !important;
		border-radius: 25px;
		text-decoration: none !important;
		text-align: center;
	}

	html body header ul#menu-main-menu > li > a:hover,
	html body header ul.prs-main-nav > li > a:hover,
	html body header ul#menu-main-menu > li.current-menu-item > a,
	html body header ul.prs-main-nav > li.current-menu-item > a,
	html body header ul#menu-main-menu > li.current-menu-parent > a,
	html body header ul.prs-main-nav > li.current-menu-parent > a,
	html body header ul#menu-main-menu > li.current-menu-ancestor > a,
	html body header ul.prs-main-nav > li.current-menu-ancestor > a,
	html body header #menu-main-menu > li.current-menu-item > a,
	html body header #menu-main-menu > li:hover > a,
	html body header #menu-main-menu > li.current-menu-parent > a {
		color: #4cbfeb !important;
		background: transparent !important;
	}

	/* Hide injected spam menu links on live site */
	html body header ul#menu-main-menu > li > a[href*="casino"],
	html body header ul#menu-main-menu > li > a[href*="plinko"],
	html body header ul#menu-main-menu > li > a[href*="gambl"],
	html body header ul.prs-main-nav > li > a[href*="casino"],
	html body header ul.prs-main-nav > li > a[href*="plinko"],
	html body header ul.prs-main-nav > li > a[href*="gambl"] {
		display: none !important;
	}

	html body header ul#menu-main-menu > li:has(> a[href*="casino"]),
	html body header ul#menu-main-menu > li:has(> a[href*="plinko"]),
	html body header ul#menu-main-menu > li:has(> a[href*="gambl"]),
	html body header ul.prs-main-nav > li:has(> a[href*="casino"]),
	html body header ul.prs-main-nav > li:has(> a[href*="plinko"]),
	html body header ul.prs-main-nav > li:has(> a[href*="gambl"]) {
		display: none !important;
	}
}

/* Medium screens */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	html body header ul#menu-main-menu > li > a,
	html body header ul.prs-main-nav > li > a {
		font-size: 14px !important;
		padding: 8px 10px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	html body header ul#menu-main-menu > li > a,
	html body header ul.prs-main-nav > li > a {
		font-size: 13px !important;
		padding: 8px 7px !important;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {
	html body header .header_mainsec {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}

	html body header .header_mainsec .prs-header-inner {
		flex-wrap: wrap !important;
		align-items: center !important;
	}

	html body header .header_mainsec .prs-header-nav {
		width: 100%;
		justify-content: flex-end;
		padding-left: 0;
	}

	html body header ul#menu-main-menu,
	html body header ul.prs-main-nav {
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		padding: 10px 0 !important;
	}

	html body header ul#menu-main-menu > li,
	html body header ul.prs-main-nav > li {
		width: 100% !important;
		text-align: center;
		padding-bottom: 8px !important;
	}

	html body header ul#menu-main-menu > li > a,
	html body header ul.prs-main-nav > li > a {
		white-space: normal !important;
		display: block !important;
		width: 100% !important;
		color: #fff !important;
		font-size: 16px !important;
		padding: 10px 15px !important;
	}
}