/*
Theme Name: Brew v3
Author: Ross Brown
Author URI: www.rossbrown.co.uk
Version: 3.0, 2026
*/

/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: 'barutablack';
	src: url('/wp-content/themes/brewv3/assets/fonts/rns-b-webfont.woff2') format('woff2'),
		 url('/wp-content/themes/brewv3/assets/fonts/rns-b-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'digital';
	src: url('/wp-content/themes/brewv3/assets/fonts/digital.woff2') format('woff2'),
		 url('/wp-content/themes/brewv3/assets/fonts/digital.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
	margin:         0;
	padding:        0;
	border:         0;
	outline:        0;
	font-size:      100%;
	vertical-align: baseline;
	background:     transparent;
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
	--blackcoffee: rgba(63,6,0,1);
	--cappuccino: rgba(174,142,93,1);
	--sugar: rgba(35,200,204,1);
	--cake: rgba(236,174,251,1);
	--cream: rgba(103,46,87,1);
	--buttonradius: 20px;
}

/* Setup / Tools 
________________________________________________________ */


* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* {margin: 0;padding: 0;}

.clearer, .clearer00, .clearer10, .clearer20, .clearer30, .clearer40, .clearer50, .clearer60, .clearer70, .clearer80, .clearer90, .clearer100
{clear: both; width: 100%; background-color: inherit; height: 0px;}
.clearer10 {height: 1vw;}
.clearer20 {height: 2vw;}
.clearer30 {height: 3vw;}
.clearer40 {height: 4vw;}
.clearer50 {height: 5vw;}
.clearer60 {height: 6vw;}
.clearer70 {height: 7vw;}
.clearer80 {height: 8vw;}
.clearer90 {height: 9vw;}
.clearer100 {height: 1vw;}

.clearernobg {background-color: revert !important;}

html, body {height: 100%; width: 100%; margin: 0; padding: 0;}

body {
	text-rendering: optimizelegibility;
	line-height: 1.625;
	color: #2b2b2b;
	word-wrap: break-word;
	font-size: 62.5%;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	overflow: visible;
}



/* Fonts and Generic Layout
________________________________________________________ */

p, h1, h2, h3, h4, li, label,
.calculator input[type=button], input.reset, 
.em-event-meta, .em-item,
.em-events-list > div,
.em.pixelbones p,
.em-item-meta-line,
.em.pixelbones, 
.em-event-date
	{	
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	font-size: 1.2vw;
	font-weight: 300;
	margin: 0;}

.em.pixelbones p, .em-item-meta-line, .em.pixelbones {margin: 0 !important; color: #fff !important; font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif !important;}
	.em.pixelbones p a {margin-top: 2vw !important; float: left; }
	
p {margin-bottom: 2vw;}	

strong, b {font-weight: 600 !important;}

p.normalise {font-size: 1.2vw !important;}

p.disclaimer {font-size: 0.8vw !important;}
	
a {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; text-decoration: none;}

.em.pixelbones a {font-size: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none;}

h1 {font-family: barutablack, Arial, Helvetica, sans-serif;
	font-size: 9vw;
	font-weight: 900;
	color: var(--sugar);
	/* text-transform: uppercase; */
	line-height: 7vw;
	margin-left: -6px;}

h2 {font-size: 2.5vw;}

main p, main h2 {color: #fff; font-weight: 300;}
	/* main h2 {font-weight: 600;} */
	main p {width: 80%;}
	main p:first-of-type {font-size: 1.4vw; /* width: 100%; */ font-weight: 600;}
		span.niet p {font-size: 1.2vw !important;}
		main p a:not(.nope){border-bottom: 1px dotted #fff !important;}

	main h2 {margin-bottom: 2vw;}

	main h2 b, main h2 strong {color: var(--blackcoffee) !important; font-weight: 900 !important;}
	

h3, .em.pixelbones h3, .em-event-date {
	font-size: 1.4vw !important;
	/* font-weight: 600 !important; */
	line-height: 2.3vw !important;
	color: #fff !important;
}
	
	.em-event-date {font-weight: 600 !important;}	
	
ul {float: left;}
li {list-style-position: outside; float: left;}

/* Forms and Buttons and Generic Layout
________________________________________________________ */

button, input[type=submit],
.em-event-book-now, 
.em-event-booking-form a,
.signup li
{
	background: var(--sugar) !important;
	display: inline !important;
	border-collapse: collapse !important;
	/* border: none !important; */
	color: rgb(255, 255, 255) !important;
	border-radius: var(--buttonradius) !important;
	padding: 0.2vw 0.7vw !important;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	font-size: 0.8vw !important;
	/* font-weight: 600 !important; */
	/* text-transform: uppercase; */
	/* height: 2vw !important; */
	line-height: 1vw !important;
	opacity: 0.8;
	border: 1px solid rgba(242, 242, 242, .3);
	margin-right: 0.5vw;
}

button.alt {background: var(--cake) !important; color: #000 !important;}

button.red {background:  #d50b0b !important; color: #fff !important;}

.em-event-booking-form a {margin-left: 3vw;}

body {background: var(--cappuccino);}


/* Banner and Top
________________________________________________________ */

#coloured_bar {position: absolute; z-index: 2; height: 0.3vw; background: var(--sugar); width: 100%;}

#banner {width: 100%;
	height: 97vh;
	background-size: cover;
	clip-path: polygon(100% 92%, 100% 0%, 0% 0%, 0% 100%);
	position: absolute;
	z-index: 1;
	top: 0;}
	
	#banner.account {height: 62vh;}
	#banner.login {height: 62vh; clip-path: revert;}
	#banner.offers {height: 30vh; clip-path: revert;}


#logo {position: relative;
	top: 10%;
	width: 10%;
	height: 10%;
	left: 10%;
	margin-bottom: 5%;
	}
	
	#logo img {width: 100%; height: auto;}

#buttons {position: absolute;
	top: 12%;
	width: 50%;
	height: 20%;
	right: 11%;
	text-align: right;}
	
	#buttons a {margin-right: 2vw;}
		#buttons a:last-of-type {margin-right: 4vw;}

#headline {position: relative; left: 10%; top: 16%; width: 80%;}
	#headline h1:first-of-type {
		font-size: 3vw;
		font-family: 'Montserrat Alternates';
		color: #fff;
		line-height: 2vw;
		margin-left: 3px;
		font-weight: 300;
	}
	
	#banner.account > #headline {top: 20%;}
	
	#banner h3 {position: relative;
		left: 10%;
		top: 21%;
		width: 80%;}
		
		.next_meeting {position: relative;
			z-index: 10;
			top: 25%;
			left: 10%;
			width: 80%;
			color: #fff;}
			
			.next_meeting strong {font-weight: 600;}	
			
			.next_meeting p {margin-bottom: 0.5vw !important;}
			.next_meeting p.date {color: var(--cake); font-weight: 600 !important; margin-bottom: 2vw !important; font-size: 1.6vw}

			.next_meeting i {font-style: normal; color: var(--cake); border-bottom: 1px solid var(--cake);}


/* Main and Home Page
________________________________________________________ */

main {float: left; clear: both; margin-top: 100vh; width: 80%; margin-left: 10%;}
	main.account {margin-top: 65vh;}
	main.login {margin-top: 5vh !important;}
	main.offers{margin-top: 35vh;}
		main > div.cols2 {column-count: 2; column-gap: 2vw;}
		main.columns2 p:first-of-type, main.columns2 p {font-size: 1.2vw !important;}
			main.columns2 p strong {font-weight: 600;}
			
main .left {width: 60%; float: left;}			
main .right {width: 35%; float: right;}			
	
			
.container {float: left; width: 100%;}			
		
#hello {background: var(--cake); clear: both; float: left; margin-top: -10vh; z-index: 100; position: relative; padding: 1vw 2vw; margin-bottom: 3vw}
	#hello p {color: var(--blackcoffee); margin-bottom: 0 !important; font-weight: 900; font-size: 1.2vw; width: 100%;}

.reasons {
	float: left;
	background: var(--blackcoffee);
	/* clip-path: polygon(0% 0%, 99% 10%, 100% 90%, 0% 100%); */
	width: 45%;
	padding: 3vw;
	margin: 1vw 0 5vw 0;
}

.reasons li {
	display: block;
	color: #fff;
	width: 100%;
	line-height: 3vw;
	font-size: 1.4vw;
}

	.reasons li strong {color: var(--cake); font-weight: 900;}
	
	.reasons li:before {position: relative;
		margin: 0 10px 0 0;
		vertical-align: middle;
		display: inline-block;
		width: 4px;
		height: 4px;
		background: var(--cake);
		content: "";}

.reasons_images {
	width: 25%;
	position: relative;
	left: 70%;
	margin-top: 10%;
}

	.reasons_images img {position: absolute;
		width: 70%;
		border-radius: 50%;
		border: 3px solid var(--sugar);
		background: linear-gradient(rgba(63, 6, 0, 0.5), rgba(63, 6, 0, 0.5));}

		.reasons_images img:first-of-type {margin-top: 18%; left: -15%;}
		.reasons_images img:nth-of-type(2) {margin-top: 10%; left: 45%;}
		.reasons_images img:nth-of-type(3) {margin-top: 56%; left: 20%;}

.reasons_video {
		width: 50%;
		margin-top: 1vw;
		float: right;
		border: 15px solid var(--blackcoffee);
		border-radius: 20px;
	}

.video-container {
		  position: relative;
		  padding-bottom: 56.25%;
		  height: 0;
		  overflow: hidden;
		  max-width: 100%;
		}
		
		.video-container iframe {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}


.three_columns {clear: both; float: left; display: flex;}
	.three_columns div {flex: 1;
		margin-right: 3vw;
		padding: 2vw 2vw;
		background: var(--blackcoffee);
		/* clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 97%); */
		}		
	
	.three_columns h3 {color: var(--cake) !important;
		display: block;
		margin-bottom: 2vw;}		 
	.three_columns p {width: 100%;}		 


/* About 
________________________________________________________ */


.chief_brewers {clear: both; float: left; display: flex; width: 100%;}
	.chief_brewers div {flex: 1; margin-right: 3vw; background: var(--blackcoffee); clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 97%); padding: 3vw 2vw 6vw 2vw;}
	
	.chief_brewers p:first-of-type {font-size: 1.2vw; width: 100%;font-weight: 300;}
	
	.chief_brewers p {color: #fff; float: left; clear: both;}		
		
	.chief_brewers h3 {
		color: var(--sugar) !important;
		display: block;
		margin-bottom: 1vw;}	
	.chief_brewers img {width: 20%;
		border-radius: 50%;
		border: 2px solid var(--cake);
		margin-right: 0.5vw;
		vertical-align: middle;}
	.chief_brewers button:first-of-type {clear: both;}	
	.chief_brewers button {float: left; margin-right: 1vw;}


/* FAQS
________________________________________________________ */


.faqs {clear: both; float: left; width: 80%;}

.faqs > div {width: 100%; }

.faqs > div h3 {margin-left: -2vw; background: var(--blackcoffee); padding: 1vw 2vw; color: var(--sugar) !important; margin-bottom: 1vw;}

.faqs > div p:first-of-type {font-size: 1.2vw !important;}


/* Contact
________________________________________________________ */

.contact_info {clear: both; float: left; width: 100%;}
	.contact_info > div:nth-of-type(1) {width: 100%; float: left; }
				.contact_info > div:nth-of-type(1) p {font-size: 1vw;}	
						.contact_info > div:nth-of-type(1) p:nth-of-type(1) {margin-top: 2vw;}
		.contact_info > div:nth-of-type(3) {width: 100%; float: left; clear: both; background: var(--blackcoffee); border-radius: var(--buttonradius);padding: 2vw 3vw;}
.contact_info label {color: var(--sugar); font-weight: 500;}	

	
	.contact_info input {height: 2vw; padding: 0.3vw 1vw;}
	
	.nf-form-fields-required, .ninja-forms-req-symbol {display: none !important;}
	.nf-field-element textarea {padding: 1vw;}

/* Join
________________________________________________________ */


.join_reasons {display: flex;
	align-items: center;
	justify-content: flex-start;}
	
.join_reasons > div:first-of-type {
		float: left;
		background: var(--blackcoffee);
		/* clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%); */
		width: 55%;
		padding: 3vw;
	}
	
	.join_reasons > div:nth-of-type(2) {float: right;
		width: 40%;
		margin-left: 10%;
		background: var(--blackcoffee);
		padding: 4vw;
		/* clip-path: polygon(100% 0%, 0% 10%, 0% 90%, 100% 100%); */
		}
		
		.join_reasons > div:nth-of-type(2) span {width: 100%; display: block; /* text-align: center; */}
			.join_reasons > div:nth-of-type(2) span p {color: var(--sugar); margin-bottom: 0;}
				.join_reasons > div:nth-of-type(2) span p.huge {font-size: 12vw; font-weight: 900; line-height: 12vw;}
					.join_reasons > div:nth-of-type(2) span p.coffee {color: var(--cake); font-size: 1.2vw}
			
	.join_reasons li {
		display: block;
		color: #fff;
		width: 100%;
		line-height: 3vw;
		font-size: 1.5vw;
		font-weight: 600;
	}
	
		.join_reasons li strong {color: var(--cake); font-weight: 900;}
		
		.join_reasons li:before {position: relative;
			margin: 0 10px 0 0;
			vertical-align: middle;
			display: inline-block;
			width: 4px;
			height: 4px;
			background: var(--cake);
			content: "";}
			
.next_event_box {display: inline-block; padding: 2vw; background: var(--blackcoffee);}			
	.next_event_box p {width: 100%;}
	.next_event_box p.neb_intro {text-transform: uppercase; font-size: 1.2vw; font-weight: 600; color: var(--sugar); margin-bottom: 0 !important;}


/* Membership Stuff
________________________________________________________ */


.signup {width: 100%; float: left; background: var(--blackcoffee); border-radius: var(--buttonradius); padding: 3vw;}
.signup label {color: var(--sugar) !important; font-weight: 600;}

.forgotten {width: 100%; float: left; background: var(--cream); border-radius: var(--buttonradius); padding: 3vw; margin-top: 3vw;}
.forgotten label {color: var(--cake) !important; font-weight: 600;}
.forgotten .link-text {display: none !important;}
.forgotten p {font-size: 1.2vw !important;}

legend, .signup h2, .req-text, #wpmem_reg .req, .forgotten h2 {display: none !important;}

#wpmem_login fieldset, #wpmem_reg fieldset,
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg  {
margin: 0 !important;
width: 100%;
}

#wpmem_login input[type="password"], #wpmem_login input[type="text"], #wpmem_reg input[type="date"], #wpmem_reg input[type="email"], #wpmem_reg input[type="number"], #wpmem_reg input[type="password"], #wpmem_reg input[type="text"], #wpmem_reg input[type="url"], #wpmem_reg textarea
	{border: 1px solid rgba(0,0,0,.1);
	border-radius: var(--buttonradius);
	color: #2b2b2b;
	padding: 0.5vw 1vw;
	background: none repeat scroll 0 0 #fff;
	margin-top: 0.5vw;
}

select.em-ticket-select {max-width: 5vw !important;}

.wpmem_msg {background: var(--sugar) !important;
	color: #fff;
	display: inline;
	padding: 1vw 2vw !important;
	margin-bottom: 1vw !important;
	float: left;}

.registration {width: 47%;
	margin-top: 1vw;
	float: left;
	margin-right: 2vw;}
	
	.form_intro {font-size: 1.2vw !important; font-weight: 600;}
		.form_intro span {font-weight: 300;}
	
	.link-text-forgot, .link-text-register {display: none !important;}
	
	.em-event-where a {display: none !important;}

	.events_outline {clear: both; float: left; display: flex; flex-wrap: wrap}
	.events_outline > div {flex: 1;
		float: left;
		text-align: left;
		min-width: 40%; margin-right: 5%;}
		.events_outline > div h3 {color: var(--blackcoffee) !important;
			font-family: 'Digital', Helvetica, Arial, sans-serif;
			font-size: 2vw !important;}
		.events_outline > div p {font-size: 1.2vw !important; width: 100%; font-weight: 300}

form#wpmem_register_form.form > .registration:first-of-type
{display: block; width: 80% !important;}

form#wpmem_register_form.form > .registration:first-of-type input {width: 40% !important;}

#wpmem_login .button_div, #wpmem_reg .button_div {
padding: 0 !important;
text-align: right;
clear: both;
float: left;
}

img.wpmem-field-img-profile_pic {border-radius: 50%; border: 2px solid var(--sugar);}

.div_image img {width: 100px; height: auto;}
.div_image {color: #fff;}

.wpmem_msg {
	text-align: left;
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2vw;
}

.signup li {
/*	text-align: left;
	list-style-type: none;
	margin-left: 0;
	background: var(--sugar) !important;
	display: inline !important;
	border-collapse: collapse !important;
	border: none !important;
	color: rgb(255, 255, 255) !important;
	border-radius: var(--buttonradius) !important;
	padding: 0.5vw 2vw !important;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif; */
	font-size: 0.8vw !important;
	/* font-weight: 600 !important; */
	/* text-transform: uppercase; */
	margin: 1vw 2vw 0 0;
}

/* .em.em-list {display: flex !important;} */

.single_event > .event_note {
	display: inline-block;
	background: var(--blackcoffee);
	padding: 2vw 2vw 0 2vw;
	border-radius: var(--buttonradius);
	width: 60%;
	margin-bottom: 2vw;
}

.events_list {width: 100%; float: left; clear: both;}
	.em-events-list > div {
		width: 33%;
		padding: 2vw;
		background: var(--blackcoffee);
		color: #fff;
		margin-bottom: 1vw;
		}
		
		.em-events-list > div.fw {width: 100%;
			min-width: 100% !important;
			float: left;
			clear: both;
			margin: 0;
			padding: 2vw;}
		
		.em-events-list > div:nth-of-type(even) {float: right;}
				
		.em.pixelbones h3 {margin: 0 !important; font-weight: 600 !important; color: var(--sugar) !important;}

.em-events-list {display: flex;}

.em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line {display: block !important;}

.em-item {padding: 2vw; background: var(--blackcoffee); border-radius: 5px; color: #fff; margin-right: 2vw; float: left;}

.em.em-event-booking-form .em-login .em-login-trigger {font-style: normal !important;}


.em-event-prices, .em-icon, .em-event-location,
.em-item-read-more, .em .em-icon.em-icon-ticket,
.em-item-image-placeholder .date,
.em-event-when h3, .em-event-bookings h2, 
.em-event-bookings-meta h3, .em-event-where h3, button.em-event-add-to-calendar.em-tooltip-ddm.em-clickable,
.em-event-add-to-calendar-content, .em-clickable input, h3.em-booking-section-title, h3.em-booking-section-title, .em-event-bookings-meta,
.em-item-taxonomies
{display: none !important;}

.em-item-title {margin-bottom: 1vw;}

.em .em-icon.em-icon-calendar {background-image: url('/wp-content/themes/brewv3/assets/images/icons/calendar.png'); margin-right: 0.5vw;}

.em .em-icon.em-icon-clock {background-image: url('/wp-content/themes/brewv3/assets/images/icons/clock.png');  margin-right: 0.5vw;}

.em-event-book-now {margin-top: 1vw !important;
	display: inline-block !important;}

.em-event-booking-form {float: left;}

p.buttonise a, .em.pixelbones.input input[type="submit"]:not([data-nostyle]),
.em.pixelbones.input input[type="submit"]:hover {
	background: var(--sugar) !important;
	display: inline !important;
	border-collapse: collapse !important;
	border: none !important;
	color: rgb(255, 255, 255) !important;
	border-radius: var(--buttonradius) !important;
	padding: 0.5vw 2vw !important;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	font-size: 0.8vw !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	height: 2vw;
	line-height: 1vw !important;
	letter-spacing: 0px !important;
}

.em.pixelbones.input input[type="submit"]:not([data-nostyle]) 
{height: 2vw !important; line-height: 1vw !important; font-size: 0.8vw !important;}

.em.pixelbones a {background: var(--sugar) !important; font-weight: 300 !important; border-bottom: 0 !important; font-size: 0.8vw !important; text-transform: none !important;}

.em.pixelbones.input input[type="submit"]:hover {color: #fff !important;}

.em-item {padding: 0 !important;}

.em-event-booking-form,
.em-booking-form-tickets, .em-booking-section,
.em-tickets-spaces, 
.em.em-event-booking-form .em-tickets
{width: 100% !important; margin: 0 !important; padding: 0 !important;}

.em.pixelbones.input input[type="submit"]:not([data-nostyle]) {width: 40% !important;}

.em.em-event-booking-form .em-booking-message.em-booking-message-success {
	color: #000 !important;
	background-color: var(--cappuccino) !important;
	border-color: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif; 
	font-size: 1.2vw; 
	font-weight: 300;
}

.em.pixelbones table {
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif !important; 
	font-size: 1.2vw !important; 
	font-weight: 300 !important;
}

.em.pixelbones table a {
	background: var(--sugar) !important;
	display: inline !important;
	border-collapse: collapse !important;
	border: none !important;
	color: rgb(255, 255, 255) !important;
	border-radius: var(--buttonradius) !important;
	padding: 0.5vw 2vw !important;
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	font-size: 0.8vw !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	height: 2vw;
	line-height: 1vw !important;
	letter-spacing: 0px !important;
}

.em.pixelbones table button {display: none !important;}

input[type="url"]#user_url::before{
  content: "https://" !important;
}

/* Resources & Offers
________________________________________________________ */

section#offers > div.offer, 
section#resources > div.resource
{
	padding: 2vw;
	background: var(--blackcoffee);
	font-family: 'Montserrat Alternates', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1vw;
	font-weight: 300;
	border-radius: var(--buttonradius);
	margin-bottom: 1vw;
	width: 31%;
	float: left;
	margin-right: 2%;}
	
section#offers > div.offer {width: 48% !important;}	
section#offers > div.offer:nth-of-type(odd) {clear: both;}
	
div.offer p, div.resource p {font-size: 1vw !important;}	

div.offer p {width: 100% !important;}

div.offer img {width: 25%; height: auto; float: left; margin: 0 2vw 2vw 0;}

section#offers > div.offer:nth-of-type(even),
section#resources > div.resource:nth-of-type(even)
{background: var(--cream);}

.offer_date {font-size: 0.8vw; color: #999;}

.fourohfour {width: 100%; text-align: center}
	.fourohfour img {width: 100%; margin: 0 auto; max-width: 1000px;}
		.fourohfour h3 {margin-top: 2vw; color: var(--sugar) !important}
		
.tscs {column-gap: 7vw !important;}		

main.tscs p, 
main.tscs li
{color: #fff !important;}

main.tscs p {float: left; clear: both; margin: 2vw 0; }

main.tscs li {
	line-height: 200%;
	margin-left: 30px;
	float: left;
	clear: left;
}
	main.tscs li a {border-bottom: 1px dotted #fff;}
	

/* Footer
________________________________________________________ */
			
footer {
	float: left; 
	clear: both; 
	width: 100%;
	margin-top: 3vw
	}
	
footer .socials	{width: 100%; float: left;}
	footer .socials	img {width: 30px !important;
		height: auto;
		border-radius: 50%;
		margin-right: 0.5vw;
		opacity: 0.8;
		border: 1px solid rgba(242, 242, 242, .3);
		background: var(--sugar);}

	
#footer_credits {
	float: left;
	width: 100%;
	/* clip-path: polygon(0 0, 55% 0, 100% 100%, 0% 100%); */
	background: var(--cream);
}	

#footer_credits p {font-size: 0.8vw; color: #fff;}
	#footer_credits p strong {font-weight: 600;}

#fc_top {float: left;
	width: 80%;
	margin: 3vw 0 0 10%;}
	
	#fc_top img {width: 20%; height: auto;}
	#fc_top a {/*font-weight: 600;*/}

#fc_bottom {float: left; width: 100%; background: var(--blackcoffee);}
	#fc_bottom p {margin: 2vw 0 2vw 10%;}
		#fc_bottom a {border-bottom: 1px solid #fff;}
		
		.inline-container, .form-container {max-width: revert !important;}
		.main-form {width: 50%;}
		.emailoctopus-form [eo-form-fields-container] {width: 100%;}
		.emailoctopus-form input, .emailoctopus-form input[type=submit] {float: left !important; clear: both !important;}
		.inner {display: none;}

#member_spotlight {float: right;
	width: 100%;
	text-align: left;
	float: left;
	clear: both;
}
#member_spotlight p {width: 25%;}
#member_spotlight h3 {font-size: 1vw !important; font-weight: 300 !important; margin-bottom: 1vw !important; color: var(--sugar) !important;}
	
	.memberlogo {float: left; width: 25%; margin: 0; padding: 0}
		.memberlogo img {width: 100% !important; height: auto !important; margin-bottom: 1vw !important;}
	
	.member_spotlight_buttons {}