/*
Customizations to r3417 theme

Colors:

Bright Green	#82b400
Dark Green		#3c8a2e
Cream			#f2efdc
Dull Brown		#57584f
Dark Red		#ac145a
Tan				#a2a568
Rich Brown		#5c462b

*/


/* STANDARD HTML */

body {
	background: #82b400 url('../img/mcfm-community-crop-green-color-adjusted.jpg') center center fixed no-repeat;
	background-size: cover;
}
/* iOS fix */
body.touch {
	background-attachment: scroll;
	background-size: 100%;
	background-repeat: repeat;
}

body * {
	font-family: 'trade-gothic-next', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'trade-gothic-next-compressed', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

blockquote { background-color: #f2efdc; }

strong, b {
	font-weight: 800;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: antialiased;
}

/* CUSTOM CSS CLASSES */

.button, a.button input[type=button], input.button, input[type=submit] {
	font-weight: 700 !important;
}

.content a:not(.button) { color: #57584f !important; text-decoration: underline; }
.content a:not(.button):hover { color: #3c8a2e !important; }

.expander .toggle {
	background-color: #f2efdc;
	background-position: 0.833em calc(0.667em + 2px);
	padding: 2px 0 0 2.5em;
}

.expander .toggle h4 {
	padding-top: 3px;
	padding-bottom: 7px;
}

.expander.open .expander_content {
	padding: 1em 0;
}

.featured_image_hero_caption, body.single-recipe .hero .caption, body.single-vendors .hero .caption {
	background-color: rgba(87,88,79,0.7) !important;
}
.featured_image_hero_caption *:not(.button), body.single-recipe .hero .caption *:not(.button), body.single-vendors .hero .caption *:not(.button) {
	color: #f2efdc !important;
}

dl.sponsors_list {
	width: 100%;
}

	dl.sponsors_list dt {
		display: inline-block;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 31%;
	}
	dl.sponsors_list.primary_sponsors dt {
		margin: 1.5em 0;
		text-align: center;
		width: 48%;
	}
	
		dl.sponsors_list dt div {
			display: inline-block;
			padding-right: 1.5em;
			position: relative;
		}
		
	dl.sponsors_list dd {
		display: none;
	}
	dl.sponsors_list.primary_sponsors dd {
		display: inline-block;
		font-size: 80%;
		line-height: 1.5em;
		margin: 1.5em 0;
		vertical-align: middle;
		width: 48%;
	}

.sponsors_gallery {
	display: block;
	text-align: center;
}

	.sponsors_gallery_item {
		display: inline-block;
		margin: 1em 2em;
		vertical-align: middle;
	}
	
		.sponsors_gallery_item img {
			display: block;
			height: auto;
			margin: 0 auto;
			width: auto;
		}
		.sponsors_gallery_item.plus_size_logo img {
		}

form.vendor_finder { }

	form.vendor_finder input[type=text] {
		width: calc(100% - 65px);
	}

	form.vendor_finder input[type=submit] {
		margin: 0 0 0 5px;
		padding: 0;
		text-align: center;
		width: 50px;
	}

	form.vendor_finder ~ select {
		margin-right: 0;
	}



/* DOM ELEMENTS */

#header * {
	font-family: 'trade-gothic-next-compressed', sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#section_navigation .menu > li > a, #modular_sidebar .widget > h2:first-child {
	background: #f2efdc;
	display: block !important;
	font-family: 'trade-gothic-next-compressed', sans-serif;
	font-size: 133.333%;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 0 0.25em 0 !important;
	padding: 0.25em 0.5em !important;
	text-transform: uppercase;
}

#section_navigation .sub-menu, #modular_sidebar .sub-menu, #modular_sidebar .widget > * {
	padding-left: 0.667em !important;
}

#footer {
	background: transparent !important;
}

#prefooter1 {
	background: rgb(130,180,0,0.5);
	margin-bottom: 0;
	text-align: center !important;
}

	#prefooter1 * { text-align: center !important; }

#prefooter1_sidebar { margin-bottom: 0 !important; }

	#prefooter1_sidebar .textwidget > *:last-child { margin-bottom: 0 !important; }

#footer #footer_wrapper, #footer #contact {
	background: #57584f;
	padding-top: 1.5em;
}


/* PLUGINS */

/* The Events Calendar v.5 */

.tribe-events {
	background: #ffffff;
}

.tribe-events * {
	font-family: inherit !important;
}

.tribe-events .tribe-events-c-messages__message {
	background: #f2efdc;
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover
{ background: #3c8a2e; color: #ffffff; }

.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover { background: #f2efdc; color: #57584f; }

.tribe-events .datepicker .day.focused, .tribe-events .datepicker .day:focus, .tribe-events .datepicker .day:hover, .tribe-events .datepicker .month.focused, .tribe-events .datepicker .month:focus, .tribe-events .datepicker .month:hover, .tribe-events .datepicker .year.focused, .tribe-events .datepicker .year:focus, .tribe-events .datepicker .year:hover
{ background: #82b400; color: #ffffff; }

.tribe-common-c-btn-border, .tribe-events-c-ical__link {
	background: #f2efdc !important;
	border: none !important;
	color: #57584f !important;
	font-weight: normal !important;
}
.tribe-common-c-btn-border:hover, .tribe-events-c-ical__link:hover {
	background: #3c8a2e !important;
	color: #ffffff !important;
}

.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 {
	color: #82b400;
	font-family: 'trade-gothic-next-compressed', sans-serif !important;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#modular_sidebar .widget ol.tribe-list-widget, #modular_sidebar .widget ol.tribe-list-widget * {
	margin-left: 0;
	padding-left: 0;
}

.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
	font-weight: normal !important;
}

/* GTranslate */

select.gt_selector, select.gt_selector:focus {
	background: transparent !important;
	border: none !important;
	padding: 0 0 0 15px;
}

.gt_switcher_wrapper {
	bottom: 0 !important;
	padding: 0 0.75rem !important;
	right: 1rem !important;
}

	.gt_switcher_wrapper .gglobe {
		background: #ffffff url('../img/icon-translate.png') center center no-repeat;
		background-size: 32px;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 0;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom: none;
		box-shadow: 0 0 2px rgba(0,0,0,0.25);
		opacity: 1;
		transition: all 0.25s ease;
		transform-origin: 50% 100%;
	}
	
	.gt_switcher_wrapper .gglobe:hover {
		box-shadow: 0 0 4px rgba(0,0,0,0.333);
	}

	.gt_switcher_wrapper * {
		font-family: sans-serif !important;
	}


/* CSS3 MEDIA QUERIES */


/* NON-PHONE NAVIGATION (content area over 783 pixels) */
@media screen and (min-width: 783px) {

	#header #logo.background_image {
		margin-top: 0.75em;
	}

	body.scrolled #header #logo.background_image {
		background-position: left center;
		margin-top: 0;
	}

	/* This is a very touchy adjustment for the font we're using; may need to be removed or changed if font is switched. */
	body:not(.locking_header) #header.menu_align_below #primary_navigation, body.locking_header:not(.scrolled) #header.menu_align_below #primary_navigation {
		top: calc(100% - 2.425em);
	}

}


/* LARGE SCREENS (content area over 1600 pixels) */
@media screen and (min-width: 1600px) {

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1200px) and (min-width: 783px) {

}


/* TABLETS (content area under 1024 pixels) */
@media screen and (max-width: 1024px) {
	
}


/* PHONES (content area under 782 pixels) */
@media screen and (max-width: 782px) {

	.sponsors_gallery_item img {
		max-width: 100% !important;
	}

	select#gtranslate_selector, select#gtranslate_selector:focus {
		margin-left: 24px;
	}
	
	#gtranslate_wrapper {
		max-width: calc(125% - 1rem) !important;
		min-width: calc(125% - 1rem) !important;
		opacity: 1;
		right: 0.5rem !important; left: auto !important;
		text-align: center;
		transform: scale(0.8);
		transform-origin: 100% 100%;
		white-space: nowrap;
		width: calc(125% - 1rem) !important;
	}
	
}