/* Flemington DIY Accessibility Remediation
------------------------------------------- 

/* Search Trigger
-------------------------------------------------------------- */

li.search-item button:before {
	content: "\f002";
	font-family: wpkoi;
	width: 1.28571429em;
	text-align: center;
	display: inline-block
}

li.search-item.close-search button:before {
	color: #fff;
	content: "\f00d"
}

/* Post Loops
-------------------------------------------------------------- */

.bdpp-post-grid-content {
	position: relative
}

.bdpp-post-grid-content .bdpp-rdmr-btn,
.bdpp-post-grid-content .bdpp-columns {
	position: unset;
}

.bdpp-post-grid-content a:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* Main Nav Styles
-------------------------------------------------------------- */

.main-navigation .main-nav ul li button, 
.main-navigation .mobile-bar-items button {
	background-color: transparent;
	color: #000;
	font-family: "Raleway";
	font-size: 20px;
	font-weight: 800;
	line-height: 70px;
	text-transform: uppercase;
	padding: 0;
	padding-left: 10px;
}

.main-navigation .main-nav ul li button:focus,
.main-navigation .main-nav ul li button:hover, 
.main-navigation .mobile-bar-items button:hover {
	transform: scale(1);
}

.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:before {
	top: 20%;
	left: 0;
	transform: rotate(90deg);
	transform-origin: 0 0;
}

.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:after {
	right: 0;
	bottom: 20%;
	transform: rotate(30deg);
	transform-origin: 100% 0;
}

.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:before, 
.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:after {
	background-color: #000000;
	content: '';
	display: block;
	height: 2px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: all .5s;
	width: 60px;
}

.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:focus:before, 
.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:hover:before, 
.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item.current-menu-item button:before {
	background-color: #555555;
	left: 50%;
	opacity: 1;
	transform: rotate(0) translateX(-50%);
}

.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:focus:after, 
.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item button:hover:after, 
.navigation-effect-stylec #site-navigation .main-nav ul li.menu-item.current-menu-item button:after {
	background-color: #555555;
	opacity: 1;
	right: 50%;
	transform: rotate(0) translateX(50%);
}

.main-navigation .main-nav ul ul li button {
	color: #fff;
	font-size: 17px;
	padding: 10px;
	position: relative;
	line-height: normal;
}

.main-navigation .main-nav ul ul li button:focus,
.main-navigation .main-nav ul ul li button:hover {
	color: #555;
}

.navigation-effect-stylec #site-navigation .main-nav ul ul li.menu-item button:before, 
.navigation-effect-stylec #site-navigation .main-nav ul ul li.menu-item button:after {
	content: none;
}

/* Form Elements
-------------------------------------------------------------- */

.bdpp-post-title a:focus,
:focus {
	outline: #005fcc solid 3px !important;
	outline-offset: 2px;
}

.wp-block-jetpack-mailchimp label {
	display: block;
	font-weight: 800;
	margin-bottom: 8px;
}

a.wp-element-button,
a.wp-element-button {
	text-decoration: none;
}

a.wp-element-button:focus,
a.wp-element-button:hover {
	background-color: #000 !important;
	color: #fff !important;
}

a.wp-element-button.has-white-color:focus,
a.wp-element-button.has-white-color:hover {
	background-color: #fff !important;
	color: #000 !important;
}

/* Typography
-------------------------------------------------------------- */

.uppercase-text {
	text-transform: uppercase;
}

archive .tribe-common .tribe-common-c-btn-border-small, 
.archive .tribe-common a.tribe-common-c-btn-border-small {
	color: #000;
}