/**
 * Custom styles and style changes can be added here. Please document each change.
 */

/* The services and news/events menu items need to have three columns. */
.navbar--theme-default .menu > .menu-item-services > .sub-menu,
.navbar--theme-default .menu > .menu-item-news-events > .sub-menu {
	display: flex;
	width: 748px;
	padding: 0;
}

.navbar--theme-default .menu > .menu-item-services > .sub-menu > .menu-item,
.navbar--theme-default .menu > .menu-item-news-events > .sub-menu > .menu-item {
	padding: 20px;
}

.navbar--theme-default .menu > .menu-item-services > .sub-menu > .menu-item:nth-child(2),
.navbar--theme-default .menu > .menu-item-news-events > .sub-menu > .menu-item:nth-child(2) {
	width: 250px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* The news/events menu item dropdown needs to be positioned on the right so that is fits on the screen. */
.navbar--theme-default .menu > .menu-item-news-events > .sub-menu.focus-within,
.navbar--theme-default .menu > .menu-item-news-events:hover > .sub-menu {
	left: auto;
	right: -24px;
}

.navbar--theme-default .menu > .menu-item-news-events > .sub-menu:focus-within {
	left: auto;
	right: -24px;
}

/* Featured events in menu dropdown */
.navbar--theme-default .menu-item-featured-events {
	text-align: center;
}

.navbar--theme-default .menu-item-city-fit > a,
.navbar--theme-default .menu-item-fam-fest > a,
.navbar--theme-default .menu-item-flu-lapalooza > a,
.navbar--theme-default .menu-item-holidays-at-gresham > a,
.navbar--theme-default .menu-item-physical-fit-fair > a,
.navbar--theme-default .menu-item-project-safe > a,
.navbar--theme-default .menu-item-rialzo > a,
.navbar--theme-default .menu-item-speaker-series > a,
.navbar--theme-default .menu-item-sponsor > a,
.navbar--theme-default .menu-item-smile > a {
	width: 208px;
	height: 68px;
	margin: 8px auto;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-origin: content-box;
	text-indent: -9999px;
	overflow: hidden;
}

.navbar--theme-default .menu-item-city-fit > a:focus,
.navbar--theme-default .menu-item-city-fit > a:hover,
.navbar--theme-default .menu-item-fam-fest > a:focus,
.navbar--theme-default .menu-item-fam-fest > a:hover,
.navbar--theme-default .menu-item-flu-lapalooza > a:focus,
.navbar--theme-default .menu-item-flu-lapalooza > a:hover,
.navbar--theme-default .menu-item-holidays-at-gresham > a:focus,
.navbar--theme-default .menu-item-holidays-at-gresham > a:hover,
.navbar--theme-default .menu-item-physical-fit-fair > a:focus,
.navbar--theme-default .menu-item-physical-fit-fair > a:hover,
.navbar--theme-default .menu-item-project-safe > a:focus,
.navbar--theme-default .menu-item-project-safe > a:hover,
.navbar--theme-default .menu-item-rialzo > a:focus,
.navbar--theme-default .menu-item-rialzo > a:hover,
.navbar--theme-default .menu-item-speaker-series > a:focus,
.navbar--theme-default .menu-item-speaker-series > a:hover,
.navbar--theme-default .menu-item-sponsor > a:focus,
.navbar--theme-default .menu-item-sponsor > a:hover,
.navbar--theme-default .menu-item-smile > a:focus,
.navbar--theme-default .menu-item-smile > a:hover {
	background-color: #fff;
}

.navbar--theme-default .menu-item-city-fit > a {
	background-image: url("../images/logos/City-Fit-Logo.png");
}

.navbar--theme-default .menu-item-fam-fest > a {
	background-image: url("../images/logos/Fam-Fest-Logo.png");
}

.navbar--theme-default .menu-item-flu-lapalooza > a {
	background-image: url("../images/logos/Flu-Lapalooza-Logo.png");
}

.navbar--theme-default .menu-item-holidays-at-gresham > a {
	background-image: url("../images/logos/Holidays-at-Gresham-Logo.png");
}

.navbar--theme-default .menu-item-physical-fit-fair > a {
	background-image: url("../images/logos/Fit-Fair-Logo-V1.png");
}

.navbar--theme-default .menu-item-project-safe > a {
	background-image: url("../images/logos/Project-Safe-Logo.png");
}

.navbar--theme-default .menu-item-rialzo > a {
	background-image: url("../images/logos/Rialzo-Logo-V2.png");
}

.navbar--theme-default .menu-item-speaker-series > a {
	background-image: url("../images/logos/Speaker-Series-Logo.png");
}

.navbar--theme-default .menu-item-smile > a {
	background-image: url('../images/logos/Give-Kids-a-Smile-Logo.png');
}

.navbar--theme-default .menu-item-sponsor > a {
	background-image: url('../images/logos/Become-a-Sponsor.png');
}

/* Custom buttons in site links */
.site-links .menu-item-appointments,
.site-links .menu-item-bill-pay,
.site-links .menu-item-donate {
	margin: 0 4px;
}

.site-links .menu-item-appointments > a:hover,
.site-links .menu-item-appointments > a:focus,
.site-links .menu-item-bill-pay > a:hover,
.site-links .menu-item-bill-pay > a:focus,
.site-links .menu-item-donate > a:hover,
.site-links .menu-item-donate > a:focus {
	text-decoration: none;
}

.site-links .menu-item-appointments > a {
	color: white;
	background: #a864a8;
}

.site-links .menu-item-appointments > a:hover,
.site-links .menu-item-appointments > a:focus {
	color: white;
	background: #894d89;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

.site-links .menu-item-bill-pay > a {
	color: white;
	background: #1f1746;
}

.site-links .menu-item-bill-pay > a:hover,
.site-links .menu-item-bill-pay > a:focus {
	color: white;
	background: #3b2c85;
}

.site-links .menu-item-bill-pay > a:before {
	content: "\f09d";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}

.site-links .menu-item-donate > a {
	color: white;
	background: #fcb040;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

.site-links .menu-item-donate > a:hover,
.site-links .menu-item-donate > a:focus {
	color: white;
	background: #f99604;
}

.site-links .menu-item-donate > a:before {
	content: "\f06b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.site-links .menu-item-search > a:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@media (max-width: 389px) {
	.site-header-bottom .site-header__content .featured-link {
		display: none;
	}
}

/* Photo Gallery Plugin */
.bwg_thumbnail.bwg_container {
	padding: 0 !important;
}

.bwg-container.bwg-thumbnails {
	padding: 0 !important;
	justify-content: flex-start !important;
}

.bwg-container.bwg-thumbnails .bwg-item > a {
	margin-right: 16px !important;
	margin-bottom: 16px !important;
}

/* Store Locator Plugin */
#wpsl-search-btn {
	display: inline-block;
	padding: 0.625em 1.5em;
	border: 0.125em solid;
	border-radius: 0 !important;
	text-align: center;
	cursor: pointer;
	font-family: "Muli", "Arial", sans-serif;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase !important;
	transition: 0.15s ease-in-out;
	color: white;
	background: #0e76bc;
	border-color: #0e76bc;
	box-shadow: none;
}

#wpsl-search-btn:focus,
#wpsl-search-btn:active {
	box-shadow: 0 0 0 0.125em #0e76bc;
}

#wpsl-search-btn:focus,
#wpsl-search-btn:hover {
	color: white;
	background: #0b5e96;
	border-color: #0b5e96;
}