/*
 Theme Name:   Transition Town Worthing 2020
 Theme URI:    https://generatepress.com
 Description:  Custom theme based on GeneratePress
 Author:       Anthony Irtelli
 Author URI:   https://irtelli.com
 Template:     generatepress
 Version:      0.1
*/


/**** over-ride GeneratePress flexbox on posts ****/
.fl-builder-content {
	width: 100%;
}



/*** typography ***/

h1 a, h2 a, h3 a, h4 a, h5 a, h4 {
	margin-bottom: .25em;
}

.uabb-module-content h5 {
	font-family: Anton !important;
	font-size: 26px;
	line-height: 1.2em;
}

h6 {
	color: #45b56a;
	margin-top: 0;
}

.uabb-module-content h6 {
	color: #45b56a !important;
	margin-bottom: 1em;
}

.fl-module-content h5 a, .fl-module-content h5 a:hover, .fl-module-content h6 a, .fl-module-content h6 a:hover, .fl-module-content p a, .fl-module-content p a:hover {
	text-decoration: underline;
	display: inline-block;
}

/***bullets***/
.fl-rich-text ul {
	list-style: square;
	margin-left: 1.1em !important;
	color: #1fb1c1;
	font-size: 2em;
}

/*********************************
		top bar
*********************************/
/* correct menu items breaking */
ol, ul {
	overflow-wrap: normal !important;
}

.top-bar a {
	font-family: 'Anton', sans-serif;
	letter-spacing: .2px;
	font-size: .9em;
}
.top-bar a:hover {
	color: #ebe17f;
	transition: color .25s ease-in-out;
}

.fab, .far, .fas {
	font-size: 1.25em;
}

#menu-item-435 a, #menu-item-436 a {
	padding: 0 .5em;
	margin: 0 -.5em !important;
}

.top-bar .widget_nav_menu ul li[class*="current-menu-"] > a {
	background: #188A96;
}


/*********************************
		header
*********************************/

/***header logo***/
.site-header .header-image {
	margin-bottom: -60px;
	position: relative;
	z-index: 1000 !important;
	margin-top: -48px;
	left: .25em;
}

.mobile-header-navigation .site-logo.mobile-header-logo img {
	margin-top: 10px;
	height: 160px;
	z-index: 1000 !important;
}


/***sticky header***/
.sticky-enabled .main-navigation.is_stuck, #mobile-header {
	background: #93d9aa;
	border-bottom: 2px solid #1f9934;
}

/***hide logo on sticky menu***/
.main-navigation.sticky-navigation-transition .navigation-branding img, .main-navigation.sticky-navigation-transition .site-logo img {
	display: none;
}

/*********************************
		main menu
*********************************/

/***bypass WordPress anchor link styling for sub-menu***/
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover {
  color: #ebe17f;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover {
	line-height: 1.2em;
}

.main-navigation ul ul {
	border-bottom: 2px solid #fff;
	box-shadow: none;
	padding-left: .5em !important;
}

/***arrow***/
.menu-item-has-children .dropdown-menu-toggle {
	padding: 0 0 0 .1em;
}

/***sub menu go away once selected***/
.dropdown-hover .main-navigation ul li:not(:hover).sfHover>ul {
   display: none;
}

/***donate button***/
#menu-item-1160, #menu-item-1161 {
	display: block;
	background-color: #eea80c !important;
	color: #fff !important;
	letter-spacing: 1px;
	font-size: 1.2em;
	margin: 0 .25em;
	border: 2px solid #fff;
	padding: 0 .5em;
}

#menu-item-1161 a {
	text-transform: uppercase !important;
}

#menu-item-1160:hover, #menu-item-1161:hover {
	background: #3dd9eb !important;
	color: #fff !important;
	border: 2px solid #1fb1c1;
}

#menu-item-1160 a:hover, #menu-item-1161 a:hover {
	background: transparent;
	color: #fff !important;
}

.main-navigation .mobile-bar-items a {
	text-transform: uppercase;
	display: inline;
	background-color: #eea80c;
	color: #fff;
	border: 2px solid #fff;
	padding: 0 .5em;
}

/*** more padding on slide out menu text ***/
.slideout-navigation.main-navigation .main-nav ul li a, .slideout-navigation button.slideout-exit {
	padding-left: .5em !important;
}


/*** search bar ***/
.navigation-search input[type="search"] {
	height: 60px;
}

/*********************************
		homepage slider
*********************************/

/*** anchor background image to top rather than bottom ***/
.fl-slideshow-image-img {
  top: 0px !important;
}



/*********************************
		repair cafe
*********************************/

/***repair cta fully select - disable to get to element***/
.fl-node-5fe1d7f437391 .fl-button-wrap {
	position: relative;
	z-index: 1000;
} 

/*** date box ***
.ui-datepicker .ui-datepicker-header .ui-datepicker-month, .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
	font-size: 1.2em !important;
	padding: 0 !important;
}



/**********************************
	Subscription Form
**********************************/
.fl-builder-content .uabb-button-width-full .uabb-button {
	padding: .3em 0;
}
.uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after {
	margin-left: 0;
}


/**********************************
	News
**********************************/
.uabb-blog-posts-description {
	padding-top: .5em !important;
}

.uabb-posted-on {
	width: 1.6em;
	height: 2.5em;
}
.uabb-posted-on .uabb-date-day {
	font-size: .8em;
}
.uabb-posted-on .uabb-date-month {
	font-size: .5em;
}
.uabb-posted-on .uabb-date-year {
	font-size: .4em;
}

.posts-header-overlay {
	position: relative;
	z-index: 1000;
}

/*** correction for filter boxes ***/
ul.uabb-masonary-filters {
	margin-left: 0;
}
/*** pagination ***/
.fl-node-5fd1f3dd1246a .uabb-blogs-pagination ul {
	font-family: anton;
	text-transform: uppercase;
	font-size: 1.1em;
}

/**********************************
	Resources
**********************************/
.uabb-infobox-text h6 {
	font-size: 1.1em;
	padding-bottom: 1em;
	line-height: 1.2em;
}

/**********************************
	Facebook Feed
**********************************/
#cff.cff-masonry .cff-load-more {
	display: block;
	float: left;
	clear: both;
	background: #1fb1c1;
	color: #fff;
	font-size: 1.5em !important;
	font-family: "Anton", sans-serif;
	border: 2px solid #3dd9eb;
	border-radius: 0;
	text-decoration: none;
}

#cff.cff-masonry .cff-load-more:hover {
	border: 2px solid #ebe17f;
	background: #3dd9eb;
}

/**********************************
	Forms
**********************************/

/***gravity form submit button***/

.uabb-gf-style .gform_wrapper .gform_footer input[type="submit"] {
	border: 2px solid #3dd9eb !important;
	padding: .1em 1.5em;
	font-size: 1.5em !important;
}

.uabb-gf-style .gform_wrapper .gform_footer input[type="submit"]:hover {
	border: 2px solid #ebe17f !important;
}

/***submission problem***/

.uabb-gf-style .gform_wrapper div.validation_error {
	border: solid 2px #fff !important;
	color: #fff;
	font-family: anton;
	font-size: 1.25em;
	background: #eea80c;
	font-weight: 300;
}

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea, .gform_wrapper li.gfield.gfield_error {
	border: 1px solid #eea80c !important;
	padding: 1em;
}

.uabb-gf-style .gform_wrapper .validation_message {
	font-family: anton;
	font-weight: 300;
	margin: -1em 0 0;
}

/***confirmation message for contact us***/

#gform_confirmation_message_1 {
	font-family: anton !important;
	color: #fff !important;
	font-size: 2em !important;
	letter-spacing: .5px !important;
}

/***for membership and repair forms***/

.fl-node-5fe09a304363c .uabb-gf-style .gform_wrapper .validation_message, .fl-node-5fe1ecf772328 .uabb-gf-style .gform_wrapper .validation_message {
	color: #eea80c !important;
	padding-top: 1em;
}
.fl-node-5fe09a304363c .gform_wrapper .gfield_error .gfield_label, .fl-node-5fe1ecf772328 .gform_wrapper .gfield_error .gfield_label {
	color: #3e4f60 !important;
}
/***confirmation message for membership and repair forms***/

#gform_confirmation_message_2 {
	font-family: anton !important;
	color: #45b56a !important;
	font-size: 1.5em !important;
}


/**********************************
	Footer
**********************************/

/***link in base footer***/
.fl-node-5fd0ce4859c9b a {
	color: #1fb1c1 !important;
}

.fl-node-5fd0ce4859c9b a:hover {
	color: #3dd9eb !important;
}


/*********************************
	search bar in menu on mobile
*********************************/
.mobile-bar-items .search-item {
    display: none;
}


/**********************************
	Media Queries
**********************************/

@media only screen and (max-width: 1060px) {
/***hide text top bar menu items news & resources***/

#menu-item-435 a, #menu-item-436 a {
	display: none;
}
/*** logo after navigation drop ***
.site-header .header-image {
	margin-bottom: -20px;
	position: relative;
	margin-top: -48px;
	left: 0;
	width: 160px;
}*/
}



@media only screen and (max-width: 540px) {
/*** logo hidden in header for phones ***/

.navigation-branding, .site-logo.mobile-header-logo, .mobile-header-navigation .site-logo.mobile-header-logo img {
	display: none;
}
.main-navigation .menu-bar-item.search-item {
	display: none;
}


}