/*
Theme Name: chpcanada
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chpcanada
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

chpcanada is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* 
400 = regular
500 = medium
600 = semibold
700 = bold
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
This table of contents is not fully up-to-date.
many helper styles are at the bottom of the file
----------------------------------------------------------------
# Normalize
# Typography
# Colour classes
# Elements
# Forms
# Accessibility
# Alignments
# Clearings
# Force Text Wrap
# Widgets
# Content
	## Posts and pages
	## Comments
	## header
	## Home header
	## Home slider
	## Page header
	## New header 2023
	## event listing
# Infinite scroll
# Media
# Table-layout
# Structure
# Navigation
# Footer
# Home page sections
	#
	#
# Member Companies Page
# Team Members page
# Contact page
# Login page
# Search bar
# Member Profile Form
# Post thumbnail layout
# WooCommerce Cart
# WooCommerce Checkout
# Advanced Search
# governance org tree
# button strip (horizontal)
# quiz layout
# "question/comments?" popup when clicking the question mark icon in the members header view
# Facts grid (red grid of industry facts on the home page)
# flexslider tweaks
# list with icon backgrounds on "who we are" page
# theme-my-login tweaks (login form, profile)
# tweaks for debugging etc
# generic toggle-able (drop-down) content 
# news section on home page
# Board Members page
# Grid list (Member benefits)
# Animated Underline
# post list (striping)
# justified large icons (nutrition page, superfoods section)
# stuff for MEat vs Plants
# lop-sided red bar above the second banner on the home page
# white striped columns in second banner of home page
# grey hover circle and hover squares with fonts and icons changing to white on hover with red background (fact-and-figures page )
# staggered icon container second from the bottom of the member benefits page
# another center-justified container of circles. this time for the Advocacy page.
		# in this case there will be 5 circles, they will be even bigger than the biggest ones above and on desktop the layout will be cetnered and justifdied with 3 circles ont he first row and 2 on the second
# three uneven columns containing photos on the advocacy page.
# icons layout for regulatory page (3 then 4 columns at start)
# food safety page
# events
# newsletter signup (footer)
# Supplier Directory
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}
u {
	text-decoration : underline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 70%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5rem;
}

sub {
	bottom: -0.25rem;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1rem 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1rem;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}
select.button-style,
.ui-dialog .ui-dialog-buttonpane button ,
a.button-style,
.wpcf7 input[type="submit"],
input[type="submit"],
html input[type="button"],
input[type="reset"],
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	text-decoration : none !important;
	color : #5f504d !important;
	font-size : 16.89px;
	padding : 15px 30px;
	line-height : 1;
	background-color : transparent;
	text-align : center;
	display: inline-block;
	vertical-align : top;
	border : 1px solid #a32035 !important;
	/* font-size : .85rem; */
	text-transform : uppercase;
}
select.button-style.dont-uppercase,
.ui-dialog .ui-dialog-buttonpane button.dont-uppercase ,
a.button-style.dont-uppercase,
.wpcf7 input[type="submit"].dont-uppercase,
input[type="submit"].dont-uppercase,
html input[type="button"].dont-uppercase,
input[type="reset"].dont-uppercase,
button.dont-uppercase {
	text-transform : none;
}

#content select.button-style,
#content a.button-style,
#content input[type="submit"],
#content input[type="button"],
#content input[type="reset"],
#content button {
	min-width : 3.75rem;
	min-height : 1.5rem;
}
a.button-style.small-button,
input[type="submit"].small-button,
html input[type="button"].small-button,
input[type="reset"].small-button,
button.small-button {
	min-width : 1rem;
	min-height : .5rem;
	padding : .25rem;
}

#footer a.button-style.inverted,
a.button-style.inverted,
.wpcf7 input[type="submit"].inverted,
input[type="submit"].inverted,
html input[type="button"].inverted,
input[type="reset"].inverted,
button.inverted {
	color : #ffffff !important;
	background-color : #a32035;
	border-color : #ffffff;
}

a.button-style {
	background-image : none !important;
/*	padding-left : 10px !important;*/
}
a.button-style.on,
a.button-style:focus,
.wpcf7 input[type="submit"]:focus,
input[type="submit"]:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
button:focus ,
a.button-style:hover,
.wpcf7 input[type="submit"]:hover,
input[type="submit"]:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
	box-shadow : none !important;
	text-decoration : underline !important;
	color : #ffffff !important;
	background-color : #a32035;
	border-color : #ffffff;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity : 0.6;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35rem 0.625rem 0.75rem;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 600;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
	text-align : left;
}

.visually-hidden {
	position : absolute !important;
	left : -100% !important;
	top : -100% !important;
	visibility : hidden !important;
}

select.button-style ,
select.button-style option {
	text-align : center;
	text-align-last : center;
}

.button-style.thick-button {
	line-height : 1;
	font-size : 1rem;
	padding : 1.5rem;	
	width : 242px;
	font-weight : bold;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #5f504d;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.25;
	font-weight : 500;
	letter-spacing : 1.74px;
}

h1,
h2 {
	clear: both;
	line-height : 1.3;
	color : #a32035;
	font-weight : 600;
	text-transform : uppercase;
}
h2 {
	color : #5f504d;
}
html > body h1.no-margin ,
html > body h2.no-margin ,
html > body p.no-margin {
	margin-bottom : 0px !important;
}
h1.dont-uppercase ,
h3.dont-uppercase ,
h2.dont-uppercase {
	text-transform : none;
}
h1 a {
	color : #a32035 !important;
}
h2 a{
	color : #5f504d !important;
}
.entry-header h2 ,
.entry-header h2 a {
	text-transform : none;
}
.page-title,
.section-title {
	color : #a32035;
	text-transform : uppercase;
}
.section-title {
	color : #5f504d;
}
h1:last-child ,
h2:last-child {
	margin-bottom : 0px;
}
em,
i {
	font-style: italic;
}
.never-wrap {
	white-space : nowrap;
}

html {
	font-size : 20px;
}
h1 {
	font-size : 50px;
	margin: 0 0 2rem 0;
}
h2 {
	font-size : 40px;
	margin: 0 0 1.5rem 0;
}
p.short-margin ,
h2.short-margin {
	margin: 0 0 0.75rem 0;
}
h3 {
	font-size : 25px;
	margin: 0 0 0.75rem 0;
	font-weight : 600;
}
h4 {
	font-size : 25px;
	margin: 0 0 0 0;
}
h1 .large {
	font-size : 3.85rem;
}
h1 .medium {
	font-size : 3.383rem;
}
h2 .large {
	font-size : 1.8rem;
}
q,
blockquote,
p {
	margin : 0 0 1rem 0;
}
.content-section li {
	margin-bottom : 1rem !important;
}
.content-section ul > li:last-child {
	margin-bottom : 0px !important;
}
.p-margin {
	margin-bottom : 1rem !important;
}
p.entry-meta {
	margin : 0 0 1rem 0 !important;
}
p:last-child {
	margin : 0 0 0 0;
}
hr {
	margin-bottom: 1rem;
}

ul,
ol {
	margin: 0 0 1rem 0;
	padding-left : 30px;
}
div>ul,
div>ol {
	padding-left : 2rem;
}
li > ul,
li > ol {
	margin-left: 1rem;
}

dd {
	margin: 0 1rem 1rem;
}

table {
	margin: 0 0 1rem;
}

blockquote ,
q {
	padding : 3.75rem 7.5rem 0 8rem;
    font-style: italic;
	color : #000000;
	quotes : none;
	font-weight : 600;
	position : relative;
}
blockquote p+p:last-child,
q p+p:last-child {
	font-weight : 500;
}

blockquote:before ,
q:before {
	content : " ";
	position :absolute;
	left : 0;
	top : 0;
	width : 6.75rem;
	height : 5.9rem;
	background-size : contain;
	background-image : url(./images/decoration/blockquote-start.png);
	background-repeat : no-repeat;
	background-position : left top;
}
blockquote:after ,
q:after {
	content : " ";
	position :absolute;
	right : 0;
	bottom : 2rem;
	width : 6.75rem;
	height : 5.9rem;
	background-size : contain;
	background-image : url(./images/decoration/blockquote-end.png);
	background-repeat : no-repeat;
	background-position : right bottom;
}
h1 span.sub-title ,
h2 span.sub-title {
	font-size : 60%;
}
.small {
	font-size : .5rem;
}
.smaller {
	font-size : .75rem;
}
.regular-size {
	font-size : 1rem;
}
.h2-size {
	font-size : 40px;
}
.h1-size {
	font-size : 50px;
}
.giant-size {
	font-size : 7.336rem;
}

.text-center {
	text-align : center;
}
@media all and ( max-width : 1280px ){
	html {
		font-size : 18px;
	}
}
@media all and ( max-width : 640px ){
	html {
		font-size : 16px;
	}
	.smaller {
		font-size : 1rem;
	}
}
h2.decorated {
	position : relative;
	text-align : center;
	padding-top : 60px;
}
h2.decorated.align-left {
	text-align : left;
}
h2.decorated::before {
	content : '';
	background-size : cover;
	bacground-position : center bottom;
	background-repeat : no-repeat;
	background-image : url(./images/2023/red-crown-decoration-large.png);
	width : 201px;
	height : 49px;
	position : absolute;
	top : 0;
	left : 50%;
	transform : translateX(-50%);
}
h2.decorated.align-left::before {
	left : 0;
	transform : none;
}

/*
@media all and ( max-width : 1920px ){
	blockquote ,
	q {
		padding : 3.906vw 7.813vw 0 8.333vw;
	}
	blockquote:before ,
	q:before {
		width : 7.031vw;
		height : 6.146vw;
	}
	blockquote:after ,
	q:after {
		width : 7.031vw;
		height : 6.146vw;
	}	
}

@media all and ( max-width : 1280px ){
	html {
		font-size : 20px;
	}
	h1 {
		font-size : 36px;
		margin: 0 0 30px 0;
	}
	h2 {
		font-size : 28px;
		margin: 0 0 30px 0;
	}
	p.short-margin ,
	h2.short-margin {
		margin: 0 0 15px 0;
	}
	h3 {
		font-size : 24px;
		margin: 0 0 0 0;
	}
	h4 {
		font-size : 20px;
		margin: 0 0 0 0;
	}
	h1 .large {
		font-size : 60px;
	}
	h1 .medium {
		font-size : 50px;
	}
	h2 .large {
		font-size : 30px;
	}
	q,
	blockquote,
	p {
		margin : 0 0 20px 0;
	}
	
	.p-margin {
		margin-bottom : 20px !important;
	}
	hr {
		margin-bottom: 20px;
	}

	ul,
	ol {
		margin: 0 0 20px 0;
	}

	li > ul,
	li > ol {
		margin-left: 20px;
	}

	dd {
		margin: 0 20px 20px;
	}

	table {
		margin: 0 0 20px;
	}
	
	p.entry-meta {
		margin : 0 0 20px 0 !important;
	}
	p:last-child {
		margin : 0 0 0 0;
	}
}

@media all and ( max-width : 1024px ){
	html {
		font-size : 18px;
	}
	h1 {
		font-size : 30px;
		margin: 0 0 20px 0;
	}
	h2 {
		font-size : 25px;
		margin: 0 0 20px 0;
	}
	p.short-margin ,
	h2.short-margin {
		margin: 0 0 10px 0;
	}
	h3 {
		font-size : 20px;
		margin: 0 0 0 0;
	}
	h4 {
		font-size : 16px;
		margin: 0 0 0 0;
	}
	h1 .large {
		font-size : 55px;
	}
	h1 .medium {
		font-size : 45px;
	}
	h2 .large {
		font-size : 30px;
	}
	q,
	blockquote,
	p {
		margin : 0 0 20px 0;
	}
	
	.p-margin {
		margin-bottom : 20px !important;
	}
	hr {
		margin-bottom: 20px;
	}

	ul,
	ol {
		margin: 0 0 20px 0;
	}

	li > ul,
	li > ol {
		margin-left: 20px;
	}

	dd {
		margin: 0 20px 20px;
	}

	table {
		margin: 0 0 20px;
	}
	p.entry-meta {
		margin : 0 0 20px 0 !important;
	}
	p:last-child {
		margin : 0 0 0 0;
	}
}
@media all and ( max-width : 800px ){
	html {
		font-size : 16px;
	}
	h1 {
		font-size : 25px;
		margin: 0 0 20px 0;
	}
	h2 {
		font-size : 22px;
		margin: 0 0 20px 0;
	}
	p.short-margin ,
	h2.short-margin {
		margin: 0 0 10px 0;
	}
	h3 {
		font-size : 18px;
		margin: 0 0 0 0;
	}
	h4 {
		font-size : 18px;
		margin: 0 0 0 0;
	}
	h1 .large {
		font-size : 40px;
	}
	h1 .medium {
		font-size : 35px;
	}
	h2 .large {
		font-size : 30px;
	}
	q,
	blockquote,
	p {
		margin : 0 0 20px 0;
	}
	
	.p-margin {
		margin-bottom : 20px !important;
	}
	hr {
		margin-bottom: 20px;
	}

	ul,
	ol {
		margin: 0 0 20px 0;
	}

	li > ul,
	li > ol {
		margin-left: 15px;
	}

	dd {
		margin: 0 20px 20px;
	}

	table {
		margin: 0 0 20px;
	}	
	p.entry-meta {
		margin : 0 0 15px 0 !important;
	}
	p:last-child {
		margin : 0 0 0 0;
	}
}
*/
/*--------------------------------------------------------------
# Colour classes
--------------------------------------------------------------*/


.white-text ,
.white-text * {
	color : #ffffff;
}
.white-text a ,
a.white-text {
	color : #ffffff !important;
	text-decoration : underline;
}

.aqua-text ,
.aqua-text * {
	color : #4ba5a5;
}
.aqua-text a ,
a.aqua-text {
	color : #4ba5a5 !important;
}
.red-text ,
.red-text * {
	color : #a32035;
}
.red-text a ,
a.red-text {
	color : #a32035 !important;
}

.green-text ,
.green-text * {
	color : #007770;
}
.green-text a ,
a.green-text {
	color : #007770 !important;
}

.grey-text ,
.grey-text * {
	color : #333333;
}
.grey-text a ,
a.grey-text {
	color : #333333 !important;
}

.black-text ,
.black-text * {
	color : black;
}
.black-text a ,
a.black-text {
	color : black !important;
}

.brown-text ,
.brown-text * {
	color : #5f504d;
}
.brown-text a ,
a.brown-text {
	color : #5f504d !important;
}
.more-link-wrapper {
	padding-top : 1em;
}
section section+section .more-link-wrapper {
	text-align : right;
}
a.more-link {
	color : darkgray !important;
	font-weight : 600;
}
.red-background ,
.aqua-background {
	background-color : #a32035 !important;
}

.grey-background {
	background-color : #e5e5e5 !important;
}
.light-grey-background {
	background-color : #e6e6e6 !important;
}
.dark-grey-background {
	background-color : #333333 !important;
}
.mint-background {
	background-color : #c8e7dc !important;
}
.regular-text {
	font-weight : 400;
}
.semi-bold {
	font-weight : 600;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	font-size : 25px;
}
body.home {
	background : #e9e3d7;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: 600;
}


img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1rem 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label {
	font-size :110%;
}
.check-list label {
	display : inline-block;
	margin : 0 1rem 1rem 0;
	vertical-align : top;
}

@media all and ( min-width : 401px ){
	.check-list label {
		white-space : nowrap;
	}
}
@media all and ( max-width : 400px ){
	.check-list label {
		display : block;
		width : 100%;
		margin : 0 0 1rem 0;
	}
}


.table-layout.form-table > .tr > .td:nth-child(2) {
	width : 50px;
}
@media all and ( max-width : 800px ){
	.table-layout.form-table ,
	.table-layout.form-table > .tr ,
	.table-layout.form-table > .tr > .td {
		display : block;
		width : 100%;
	}
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.error,
.message {
	color: #333;
	padding: 0.5rem;
}
.woocommerce-info ul,
.woocommerce-info li,
.woocommerce-message ul,
.woocommerce-message li,
.woocommerce-error ul,
.woocommerce-error li {
	list-style : none;
}
.woocommerce-error,
.error {
	border: 1px solid #c00;
	background-color: #ffebe8;
}
.woocommerce-info,
.woocommerce-message,
.message {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}

s {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}
form {
	display : block;
	max-width : 600px;
}
form.woocommerce-checkout,
form.woocommerce-cart-form {
	max-width : 100%;
}
select,
input,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	background-color : #ffffff;
	border : 2px solid rgba(95,80,77,0.4);
}
input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="radio"] ,
input[type="checkbox"] {
	background-color : #a32035;
}

select:-webkit-autofill ,
input[type="number"]:-webkit-autofill ,
input[type="email"]:-webkit-autofill ,
input[type="password"]:-webkit-autofill ,
input[type="text"]:-webkit-autofill ,
input[type="tel"]:-webkit-autofill {
	font-weight : 400;
	line-height : 1.5em;
	width : 100%;
	max-width : 100%;
}
select ,
input[type="number"] ,
input[type="email"] ,
input[type="password"] ,
input[type="text"] ,
input[type="tel"] {
	font-weight : 400;
	line-height : 1.5em;
	width : 100%;
	max-width : 100%;
}
textarea {
	overflow: auto;
	font-weight : 400;
	width : 100%;
	max-width : 100%;
	height : 6rem;
}
input[type="checkbox"] ,
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	cursor : pointer;
	vertical-align : middle;
}

input[type="checkbox"].checked:before ,
input[type="checkbox"]:checked:before ,
input[type="radio"].checked:before ,
input[type="radio"]:checked:before {
	content : "X";
	font-weight : 600;
	display : block;
	position : absolute;
	color : #ffffff;
	text-align :center;
}
.wpcf7 input[type="submit"] ,
input[type="submit"] {
	cursor: pointer;
}
select:focus,
input:focus ,
textarea:focus {
	/*box-shadow: 0 0 0 3px #56aaaa !important;*/
	outline : 0 !important;
}
input:-webkit-autofill ,
input:focus:-webkit-autofill ,
textarea:-webkit-autofill 
textarea:focus:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : #999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : #999999;
   opacity : 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : #999999;
   opacity : 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : #999999;
}


select:-webkit-autofill,
input[type="number"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="text"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill{
	font-size : 20px;
}
select,
input[type="number"],
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
textarea {
	font-size : 20px;
}
select:-webkit-autofill,
input[type="number"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="password"]:-webkit-autofill ,
input[type="text"]:-webkit-autofill ,
input[type="tel"]:-webkit-autofill {
	padding: 8px 13px;
}	
select ,
input[type="number"],
input[type="email"],
input[type="password"] ,
input[type="text"] ,
input[type="tel"] {
	padding: 8px 13px;
}		
textarea {
	padding: 13px;
}
input[type="checkbox"] ,
input[type="radio"] {
	width : 30px;
	height : 30px;
}
input[type="radio"] {
	border-radius : 30px;
}
input[type="checkbox"].checked:before ,
input[type="checkbox"]:checked:before ,
input[type="radio"].checked:before ,
input[type="radio"]:checked:before {
	font-size : 30px;
	line-height : 30px;
	width : 25px;
	height : 25px;
}
@media all and ( max-width : 800px ){
	select:-webkit-autofill,
	input[type="number"]:-webkit-autofill,
	input[type="email"]:-webkit-autofill,
	input[type="password"]:-webkit-autofill ,
	input[type="text"]:-webkit-autofill ,
	input[type="tel"]:-webkit-autofill {
		font-size : 13.03px;
	}
	select ,
	input[type="number"],
	input[type="email"],
	input[type="password"],
	input[type="text"],
	input[type="tel"],
	textarea	{
		font-size : 13.03px;
	}
	/* select:-webkit-autofill,
	input[type="number"]:-webkit-autofill,
	input[type="email"]:-webkit-autofill,
	input[type="password"]:-webkit-autofill ,
	input[type="text"]:-webkit-autofill ,
	input[type="tel"]:-webkit-autofill {
		padding: 0 6px;
	}
	select ,
	input[type="number"],
	input[type="email"],
	input[type="password"] ,
	input[type="text"] ,
	input[type="tel"] {
		padding: 0 6px;
	}		
	textarea {
		padding: 6px;
	} */
	input[type="checkbox"] ,
	input[type="radio"] {
		width : 25px;
		height : 25px;
	}
	input[type="radio"] {
		border-radius : 25px;
	}
	input[type="checkbox"].checked:before ,
	input[type="checkbox"]:checked:before ,
	input[type="radio"].checked:before ,
	input[type="radio"]:checked:before {
		font-size : 21px;
		line-height : 25px;
		width : 25px;
		height : 25px;
	}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #5f504d;
	text-decoration : none;
}

a:visited {
	color: #5f504d;
}

a:hover,
a:focus,
a:active {
	color: #ac3e50;
	text-decoration : underline;
}
a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

#masthead nav {
	display : block;
	position : absolute;
	z-index : 3;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}
.alignleft.more-margin ,
.alignright.more-margin {
	margin-bottom : 3rem;
}
.alignright.more-margin {
	margin-left : 3rem;
}
.alignleft.more-margin {
	margin-right : 3rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
section:before,
section:after,
.section:before,
.section:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

section:after,
.section:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5rem;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* .edit-post-link {
	position : absolute;
	margin : 0 0 0 0 !important;
	padding : 0 0 0 0 !important;
	left : 10px;
	bottom : 10px;
} */
.red-background ..edit-post-link a { 
	color : #ffffff !important;
}
section.content-section {
	clear : both;
	display : block;
	position : relative;
	padding-right : 180px;
	padding-left : 180px;
}
.grey-background section.content-section {
	background-color : #e5e5e5;
}
section.content-section div.content-inner {
	max-width : 1590px;
	margin : 0 auto;
}
section.content-section.max-width-1920 div.content-inner {
	max-width : 1920px;
}


/*
section.content-section.title-section ,
.blog-index section.content-section {
	border-bottom : 1px solid #000;
}
*/
body.post-type-archive-news-release section.content-section {
	border-bottom : none !important;
}

section.content-section.pagination-section {
	text-align : right !important;
	border-bottom : none;
	margin : 0px 4.167vw 0px 4.167vw !important;
}	
section.content-section.pagination-section span {
	color: #a32035;
}
section.content-section.pagination-section a {
	color : #333333 !important;
}
section.content-section.hide-section-title > div > h2:first-child ,
section.content-section.hide-page-title > div > h2:first-child {
	display : none !important;
}
section.content-section.left-center-title > div > h2:first-child {
	display : inline-block;
	text-align : left;
	left : 50%;
}
section.content-section.posts-container > div > div.post-itrem p:first-child {
	margin-bottom : .5rem;
}
@media all and ( min-width : 1025px ){
	section.content-section.columns-container > .content-inner {
		display: flex;
	}
	section.content-section.columns-container section.content-section {
		width : 50%;
	}
}
@media all and ( min-width : 1921px ){
	section.content-section {
		padding : 60px 0px 40px 0px;
		margin : 0px 80px 0px 80px;
	}
	section.content-section.pinch div.content-inner {
		margin-left : 200px;
		margin-right : 200px;
	}
	section.content-section .pinch {
		margin-left : 95px;
		margin-right : 95px;
	}
	section.content-section h2.section-title {
		margin-bottom : 50px;
	}
	/* .blog-index section.content-section {
		padding : 50px 0px 40px 0px;
	} */
	/* .blog-index section.content-section:first-child {
		padding-top : 20px;
		padding-bottom : 20px;
	} */
	section.content-section.pagination-section {
		padding-top : 30px;
		padding-bottom : 50px;
	}
	section.content-section.columns-container section.content-section:nth-child(odd) {
		margin : 0 58px 0 0;
	}
	section.content-section.columns-container section.content-section:nth-child(even) {
		margin : 0 0 0 58px;
	}
}
@media all and ( max-width : 1920px ){
	section.content-section {
		padding : 3.125vw 9.375vw 2.083vw 9.375vw;
	}
	.post-list-container section.content-section div.content-inner {
		padding : 1.042vw 0 1.042vw 0 !important;
	}
	section.content-section.pinch div.content-inner {
		margin-left : 10.417vw;
		margin-right : 10.417vw;
	}	
	section.content-section .pinch {
		margin-left : 4.948vw;
		margin-right : 4.948vw;
	}
	/* .blog-index section.content-section {
		padding : 2.604vw 0px 2.083vw 0;
	} */
	/* .blog-index section.content-section:first-child {
		padding-top : 1.042vw;
		padding-bottom : 1.042vw;
	} */
	section.content-section.pagination-section {
		padding-top : 1.563vw;
		padding-bottom : 2.604vw;
	}
}
@media all and ( max-width : 1920px ) and ( min-width : 768px ){
	section.content-section.columns-container section.content-section:nth-child(odd) {
		padding : 0 2.167vw 0 0;
	}
	section.content-section.columns-container section.content-section:nth-child(even) {
		padding : 0 0 0 2.167vw;
	}
}
@media all and ( max-width : 1280px ){
	section.content-section h2.section-title {
		font-size : 36px;
		margin: 0 0 30px 0;
	}
}

@media all and ( max-width : 1024px ){
	section.content-section h2.section-title {
		font-size : 32px;
		margin: 0 0 25px 0;
	}
	/* section.content-section.columns-container > div.content-inner:before {
		height : 70px;
	} */
	section.content-section {
		padding-left : 5.859vw;
		padding-right : 5.859vw;
	}
}
@media all and ( max-width : 800px ){
	section.content-section h2.section-title {
		font-size : 25px;
		margin: 0 0 20px 0;
	}
	/* section.content-section.columns-container > div.content-inner:before {
		height : 60px;
	} */
}
@media all and ( max-width : 600px ){
	section.content-section.pinch div.content-inner {
		margin : 0px 4.167vw 0px 4.167vw;
	}	
}
@media all and ( max-width : 580px ){
	section.content-section.columns-container section.content-section div.content-inner > h2:first-child {
		text-align : center;
	}
}
#page_id_60 ,
#page_id_25586 {
	background-color : white;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
html body.post-type-archive-latest-news #page .latest-news-page ,
html body.post-type-archive-latest-news #page .news-releases {
	display : none;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5rem;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5rem 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5rem;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/
#masthead {
	position : relative;
	padding : 47px 0 60px 50px;
}
@media all and (max-width: 1600px) {
	#masthead {
		padding : 50px 0 95px 50px;
	}
}
@media all and (max-width: 1250px) {
	#masthead {
		padding : 70px 0 95px 50px;
	}
}
/*--------------------------------------------------------------
## home slider
--------------------------------------------------------------*/

#home_slider {
	position : relative;
	height : 760px;
}
#home_slider .slide {
	position : absolute;
	top : 0px;
	right : 0px;
	bottom : 0px;
	left : 0px;
	z-index : 1;
	color : #ffffff;
}
#home_slider .slide {
	opacity : 0;
	transition: opacity 2s ease-in-out;
	z-index : 1;
	background-size : cover;
	background-position : center center;
}

#home_slider .slide.on {
	z-index : 2;
	opacity : 1;
}
#home_slider .slide .slide-content {
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
}
#home_slider .slide .slide-content .table-layout {
	width : 100%;
}
#home_slider a ,
#home_slider h2 ,
#home_slider h1 {
	color : #ffffff !important;
}

@media all and ( min-width : 801px ){
	#home_slider .slide .slide-content .table-layout {
		height : 100%;
	}
}
#home_slider .slide .slide-content .td {
	text-align : center;
}
#home_slider .slide .slide-content h1 {
	color : #333;
	text-transform : uppercase;
	line-height : 1.4;
	/*font-size : 36px;*/
}
#home_slider .slide .slide-content h1:last-child {
	margin-bottom : 0px;
}
a.slide-button {
	text-decoration : none;
	color : inherit !important;
	padding : 15px 50px;
	text-align : center;
	line-height : 1;
	border : 2px solid #ffffff;
	display : inline-block;
}
html[lang="fr-CA"] a.slide-button {
	padding : 15px 15px;
}
a.slide-button:hover {
	text-decoration : underline;
	background-color : rgb(172,62,80);
}

@media all and ( max-width : 1920px ){
	#home_slider .slide .slide-content .table-layout > .tr:first-child > .td {
		height : 6.771vw;
	}
	#home_slider .slide .slide-content .table-layout  > .tr:nth-child(2) > .td {
		padding : 0 7.813vw;
	}
	#home_slider .slide .slide-content .table-layout > .tr:last-child > .td {
		height : 9.115vw;
	}
}

#home_slider_nav {
	position : absolute;
	display : inline-block;
	left : 50%;
	transform : translateX(-50%);
	bottom : 15px;
	z-index : 3;
	height : 20px;
}
#home_slider_nav span {
	position : relative;
	display : inline-block;
	width : 20px;
	height : 20px;
	cursor : pointer;
	margin-right : 10px;
}
#home_slider_nav span:last-child {
	margin-right : 0px;
}
#home_slider_nav span span {
	position : absolute;
	display : block;
	width : 10px;
	height : 10px;
	border-radius : 10px;
	background-color : #a32035;
	top : 5px;
	right : 5px;
	transition : all 2s;
}
#home_slider_nav span:hover span ,
#home_slider_nav span.on span {
	background-color : #ffffff;
}


@media all and ( max-width : 1920px ){
	#home_slider_nav {
		bottom : 0.781vw;
	}
	#home_slider .slide .slide-content h1 {
		/*font-size : 1.875vw;*/
	}
}
@media all and ( max-width : 1200px ){
	#home_slider .slide .slide-content h1 {
		/*font-size : 2.2vw;*/
	}
	#home_slider .slide .slide-content .table-layout  > .tr:nth-child(2) > .td {
		padding : 0 1vw;
	}
}
@media all and ( max-width : 800px ){
	#home_slider .slide .slide-content .table-layout > .tr:first-child > .td {
		height : 138px;
	}
	#home_slider .slide .slide-content .table-layout  > .tr:nth-child(2) > .td {
		padding : 20px;
	}
	#home_slider .slide .slide-content .table-layout > .tr:last-child > .td {
		height : auto;
		padding-bottom : 25px;
	}
	
}
@media all and ( max-width : 500px ){
	#slide-id-48 > .slide-content  > .table-layout  > .tr:nth-child(2) > .td {
		padding-top : 0px !important;
	}
	#slide-id-48 h1 {
		font-size : 20px;
	}
}
/*--------------------------------------------------------------
## page header / title
--------------------------------------------------------------*/

#page_banner {
	position: relative;
	background-image : url(images/page-banner/default.png);
	background-position : center center;
	background-size : cover;
	text-align : center;
	height : 400px;
	color : #ffffff;
	padding : 0px 80px 0px 80px;
}
#page_banner a ,
#page_banner h2 ,
#page_banner h1 {
	color : #ffffff !important;
}
#page_banner.mobile {
	display : none;
}
@media all and ( max-width : 1920px ){
	#page_banner {
		padding : 0px 4.167vw 0px 4.167vw;
	}
	#page_banner {
		height : 20.833vw;
	}
}
@media all and ( max-width : 780px ){
	#page_banner {
		height : 20.833vw;
	}
}


/*****************
## new header 2023	
******************/
#header nav ul ul {
	display : none;
}	
#header {
	background-color : #e9e3d7;
}
#header #utility-menu-wrapper {
	text-align : right;
}
#utility_menu {
	display : inline-block;
	background-color : #333333;
	padding : 0 12px;
	position : relative;
}
#main-menu-wrapper ul,
#utility_menu ul {
	margin : 0;
	padding : 0;
}
#main-menu-wrapper ul li,
#utility_menu ul li {
	margin : 0;
	padding : 0;
	text-align : center;
}
body #utility_menu ul li {
	display : inline-block;
	vertical-align : top;
	text-align : center;
}
#utility_menu ul li {
	padding : 20px;
}
#main-menu-wrapper ul ul li,
#utility_menu ul ul li {
	text-align : left;
}
#main-menu-wrapper li a,
#utility_menu li a {
	text-decoration : none;
	color : #ffffff !important;
	font-size : 20px;
	text-transform : uppercase;
	letter-spacing : initial;
}
#main-menu-wrapper li a {
	color : #5f504d !important;
}
#main-menu-wrapper li.current-menu-item > a,
#main-menu-wrapper li.current-menu-ancestor > a,
#utility_menu li.current-menu-item > a,
#utility_menu li.current-menu-ancestor > a,
#main-menu-wrapper li a:hover ,
#main-menu-wrapper li a:focus ,
#main-menu-wrapper li a:active ,
#utility_menu li a:hover ,
#utility_menu li a:focus ,
#utility_menu li a:active {
	color : #a32035 !important;
	/* font-weight : bold; */
	letter-spacing : initial;
}

.search-toggle a .hover {
	display : none;
}
.search-toggle a:hover .hover,
.search-toggle a:focus .hover,
.search-toggle a:active .hover {
	display : inline;
}
.search-toggle a:hover .default,
.search-toggle a:focus .default,
.search-toggle a:active .default {
	display : none;
}

#main-menu-wrapper {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
	display : flex;
	align-items: center;
	padding : 0 180px;
}
@media screen and ( max-width : 1920px ){
	#main-menu-wrapper {
		padding : 0 9.375vw;
	}
}
#main-menu-wrapper > nav {
	flex: 1;
	letter-spacing : initial;
}
#main-menu-wrapper #branding {
	width : 385px;
	text-align : center;
}

#main-menu-wrapper li {
	display : inline-block;
	vertical-align : top;
}
#main-menu-wrapper > nav > ul {
	display : flex;
	justify-content : space-between;
	border-bottom : 2px solid #b04553;
}
#main-menu-wrapper ul li {
	padding : 15px 15px;
	position : relative;
}
#main-menu-wrapper > nav > ul > li:first-child {
	padding-left : 0;
	padding-right : 0;	
}
#main-menu-wrapper > nav > ul > li:last-child {
	padding-left : 0;
	padding-right : 0;	
}

#utility_menu ul > li:focus > ul ,
#utility_menu ul > li:hover > ul ,
#main-menu-wrapper nav ul > li:focus > ul ,
#main-menu-wrapper nav ul > li:hover > ul {
	display : block;
	position : absolute;
	top : 100%;
	left : 0px;
	z-index : 999;
	background-color : #e9e3d7;
	border : 1px solid #b04553;
	white-space : nowrap;
}	
#utility_menu ul ul li ,
#main-menu-wrapper nav ul ul li {
	display : block;
	padding : 5px 10px;
}
#utility_menu ul > li:focus > ul ,
#utility_menu ul > li:hover > ul {
	background-color : #333333;
	border : none;
	/* transform : translateY(-20px); */
}	

@media screen and ( max-width : 1200px ){
	#main-menu-wrapper ul li {
		padding : 0.781vw 0.781vw;
	}
	#main-menu-wrapper nav ul ul li {
		padding : 5px 10px;
	}
	#main-menu-wrapper #branding {
		width : 30.078vw;
		padding : 0 3.125vw;
	}
}
#mobile-menu-wrapper {
	position : absolute;
	right : 0;
	top : 170px;
}
#mobile-menu-wrapper .mobile-trigger {
	width : 140px;
	height : 110px;
	background-color : #333333;
	display : inline-block;
}
#mobile-menu-wrapper .hamburger {
	position : absolute;
	z-index : 9999;
	top : -120px;
	right : 0;
}
#mobile-menu-wrapper nav {
	position : absolute;
	top : 0px;
	right : 0;
	transform : translateX(100%);
	transition : transform 0.25s ease-in-out;
	z-index : 9998;
	width : 0;
	background-color : #e9e3d7;
	border : 2px solid #a32035;
	/* padding-top : 140px; */
}
#mobile-menu-wrapper nav > ul {
	display : none;
}
#mobile-menu-wrapper.is-active nav {
	width : 320px;
	transform : translateX(0);
}
#mobile-menu-wrapper.is-active nav > ul {
	display : block;
}
#mobile-menu-wrapper nav > ul ul {
	display : none;
}
#mobile-menu-wrapper nav > ul ul.always-show-on-mobile {
	display : block;
}
#mobile-menu-wrapper nav ul {
	list-style : none;
	padding : 0 !important;
	margin : 0 !important;
}
#mobile-menu-wrapper nav li {
	font-size : 25px;
	padding : 5px 15px;
}
#mobile-menu-wrapper li.search {
	padding-left : 0;
	padding-right : 0;
	padding-bottom : 0;
}
#mobile-menu-wrapper li.search a {
	display : none;
}
#mobile-menu-wrapper li.search div.menu-search-form {
	display : block;
	position : relative;
}
#mobile-menu-wrapper nav a.not-a-link.on + ul {
	display : block;
}
@media screen and ( min-width : 1025px ){
	#mobile-menu-wrapper {
		display : none;
	}
}
@media screen and ( max-width : 1024px ){
	#main-menu-wrapper {
		padding : 20px 160px 40px 40px;
	}
	#utility-menu-wrapper,
	#main-menu-wrapper nav {
		display : none;
	}
	#main-menu-wrapper #branding {
		width : 100%;
		text-align : left;
		padding : 0 0;
	}
}



#banner_wrapper {
	position : relative;
}
#banner {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
}
#banner td {
	vertical-align : middle;
	font-size : 29px;
}
#banner td h1 {
	font-size : 50px;
	font-weight : 500;
}
.home #banner td h1 {
	font-size : 70px;
	font-weight : bold;
}
.home #banner td h1 span.sub-title {
	font-size : 60%;
	display : block;
	line-height : 1.2;
}

#banner td:first-child {
	padding-right : 100px;
	padding-left : 180px;
}
#banner td:last-child {
	width : 550px;
	vertical-align : bottom;
}	

.home #banner td:last-child {
	width : 880px;
}	
#banner img.banner-shimmed {
	opacity : 0;
}
#banner img.banner-floated {
	display : block;
	position : absolute;
	right : 0;
	bottom : 0;
	max-height : 100%;
}

#sub_banner {
	padding : 50px 180px;
	font-size : 19.896px;
	line-height: 1.75;
}
.home #sub_banner {
	padding : 130px 150px 150px 150px;
}
#sub_banner > div {
	margin : 0 auto;
	max-width : 1590px;
}
.home-table-2023-a {
	width : 100%;
}
.home-table-2023-a td {
	vertical-align : middle;
	text-align : center;
}
.home-table-2023-a td:first-child {
	width : 370px;
}
.home-table-2023-a td:last-child {
	padding-left : 100px;
	font-size : 29px;
	letter-spacing: 4px;
	line-height : 1.5;
	word-spacing: 4px;
}
@media screen and ( max-width : 1920px ){
	#banner td:first-child {
		padding-right : 5.208vw;
		padding-left : 9.375vw;
	}
	#banner img.banner-floated ,
	#banner td:last-child {
		width : 28.646vw;
		height : auto !important;
	}	

	.home #banner img.banner-floated ,
	.home #banner td:last-child {
		width : 45.833vw;
		height : auto !important;
	}
	#sub_banner {
		padding : 2.604vw 9.375vw;
	}
	.home #sub_banner {
		padding : 6.771vw 7.813vw 7.813vw 7.813vw;
	}
	.home-table-2023-a td:last-child {
		padding-left : 5.208vw;
	}
}
@media screen and ( max-width : 1024px ){
	#banner,
	#banner td {
		display : block;
		width : 100%;
	}
	#banner td:first-child {
		padding : 7.813vw 15.625vw;
	}
	.home #banner img.banner-shimmed ,
	#banner img.banner-shimmed ,
	.home #banner img.banner-floated ,
	#banner img.banner-floated {
		width : 89.844vw;
	}
	.home #banner td:last-child ,
	#banner td:last-child {
		width : 100%;
	}	
	.home-table-2023-a td:last-child {
		padding-left : 0;
	}
}
	
/*--------------------------------------------------------------
## event listing
--------------------------------------------------------------*/
#events-listing {
	max-width : 1300px;
	margin : 0 auto;
}
#events-listing .event {
	display : flex;
	border : 3px solid #a32035;
	border-radius : 50px;
	padding : 100px 80px;
}
#events-listing .event+.event {
	margin-top : 70px;
}
#events-listing .event .date-cell {
	width : 100px;
}
#events-listing .event .date-cell .day {
	font-weight : 600;
	font-size : 40px;
}
#events-listing .event .date-cell .month {
	font-size : 20px;
}
#events-listing .event .date-cell .year {
	font-size : 20px;
}
#events-listing .event .title-cell {
	padding-left : 80px;
	font-size : 20px;
	text-transform : uppercase;
}
#events-listing .event .title-cell h2 {
	font-size : 28px
}

#events-table {
	display : table;
	table-layout : fixed;
	max-width : 1300px;
	margin : 0 auto;
}
#events-table > div {
	display : table-row;
}
#events-table > div > div {
	display : table-cell;
	vertical-align : middle;
}
.floating-calendar ,
#events-table > div > div.date-cell {
	width : 5.75rem;
}
#events-table > div > div.date-cell .day {
	font-weight : 600;
}
#events-table > div > div.date-cell {
	vertical-align : top;
}
.floating-calendar {
	float : left;
	margin : 0 1rem .5rem 0;
}
.calendar-day {
	display : block;
	width : 100%;
	text-align : center;
	overflow : hidden;
}
.calendar-day .month {
	background-color : #a32035;
	color : #ffffff;
	font-size : 17px;
}
.compact-layout .calendar-day .month {
	font-size : 15px;
	padding : 0 5px;
}
.calendar-day .day {
	padding : .5rem 0 .25rem;
	border-left : 1px solid #ac3e50;
	border-right : 1px solid #ac3e50;
}
.compact-layout .calendar-day .day {
	line-height : 1em;
}
.calendar-day .year {
	font-size : 60%;
	padding : 0 0 .25rem 0;
	border-left : 1px solid #ac3e50;
	border-right : 1px solid #ac3e50;
	border-bottom : 1px solid #ac3e50;
}
#events-table h2 {
	/*color : #333;*/
	text-transform : none;
	margin-bottom : 0 !important;
}
#events-table.compact > div > div.title-cell a {
	color : #5f504d !important;
}
#events-table > div > div.date-cell {
	font-size : 2.8rem;
}
@media all and ( min-width : 1921px ){
	#events-table > div > div {
		padding-top : 25px;
		padding-bottom : 25px;
	}
	.floating-calendar ,
	#events-table.compact-layout > div > div.date-cell {
		font-size : 36;
	}
	#events-table > div > div.title-cell {
		padding-left : 30px;
	}
	#events-table h2 {
		margin-bottom : 20px;
	}
}
@media all and ( max-width : 1920px ){
	#events-table > div > div {
		padding-top : 1.302vw;
		padding-bottom : 1.302vw;
	}
	.floating-calendar ,
	#events-table.compact-layout > div > div.date-cell {
		font-size : 1.875vw;
	}
	#events-table > div > div.title-cell {
		padding-left : 1.563vw;
	}
	#events-table h2 {
		margin-bottom : 1.042vw;
	}
}
@media all and ( max-width : 1024px ){
	#events-table > div > div {
		padding-top : 1.627vw;
		padding-bottom : 1.627vw;
	}
	.floating-calendar.compact-layout ,
	#events-table > div > div.date-cell {
		font-size : 2.343vw;
	}
	#events-table > div > div.title-cell {
		padding-left : 1.953vw;
	}
	#events-table h2 {
		margin-bottom : 1.302vw;
	}
	#events-listing .event {
		padding : 9.115vw;
		display : block;
	}
	#events-listing .event .events-cell {
		display : block;
	}
	#events-listing .event .events-cell.date-cell {
		margin : 0 auto 20px auto;
	}
	#events-listing .event .events-cell.title-cell {
		width : 100%;
		padding : 0 !important;
		text-align : center;
	}
}
@media all and ( max-width : 600px ){
	#events-table > div > div {
		padding-top : 15px;
		padding-bottom : 15px;
	}
	.floating-calendar ,
	#events-table.compact-layout > div > div.date-cell {
		font-size : 14px;
	}
	#events-table > div > div.title-cell {
		padding-left : 15px;
	}
	#events-table h2 {
		margin-bottom : 15px;
	}
}
/*
compact events table (for dashboard)
*/
#events-table.compact-layout {
	border-spacing : 0px;
}
#events-table.compact-layout > div > div.date-cell {
	width : 4.25rem;
}

#events-table.compact-layout > div > div {
	padding-top : 0;
	padding-bottom : 2.5rem;
}
#events-table.compact-layout > div:last-child > div {
	padding-bottom : 0;
}

#events-table.compact-layout > div > div.date-cell {
	font-size : 0.6925rem;
}
#events-table.compact-layout > div > div.date-cell .day {
	font-size : 2.022rem;
}
#events-table.compact-layout > div > div.date-cell .year {
	font-size : 1rem;
}
#events-table.compact-layout > div > div.title-cell {
	padding-left : 2rem;
	font-size : 1rem;
}
#events-table.compact-layout > div > div.title-cell h2 {
	font-size : 1rem;
	line-height : 1em;
	font-weight : 500;
	color : #5f504d;
}
#events-table.compact-layout > div > div.title-cell .smaller {
	font-size : 0.75rem;
	font-weight : 500;
}
/*
single event view - the two column details table at the bottom of the single event page
*/
.table-layout.event-detail-table > .tr > .td:first-child {
	width : 500px;
	padding-right : 50px;
}

.mobile-add-to-cart {
	display : none;
}

@media all and (max-width: 1200px) {
	.table-layout.event-detail-table > .tr > .td:first-child {
		width : 50%;
	}
}
@media all and (min-width: 741px) {
	.table-layout.event-detail-table > .tr > .td.p-margin {
		margin-bottom : 0px !important;
	}
	.table-layout.event-detail-table.p-margin {
		margin-bottom : 0px !important;
	}
}
@media all and (max-width: 740px) {
	.table-layout.event-detail-table ,
	.table-layout.event-detail-table > .tr ,
	.table-layout.event-detail-table > .tr > .td {
		display : block;
		width : 100% !important;
	}
	.mobile-add-to-cart {
		display : block;
	}
	.desktop-add-to-cart {
		display : none;
	}
}
/*
single event view - the two column details table at the bottom of the single event page
*/
.table-layout.quantity-table > .tr > .td {
	vertical-align : middle;
}

.table-layout.quantity-table > .tr > .td:first-child {
	font-weight : 600;
	width : 125px;
}
.table-layout.quantity-table > .tr > .td:last-child {
	width : 150px;
	text-align : right;
}
@media all and (max-width: 900px) {
	.table-layout.quantity-table > .tr > .td:first-child {
		width : 100px;
	}
	.table-layout.quantity-table > .tr > .td:last-child {
		width : 110px;
		text-align : right;
	}
	#content .table-layout.quantity-table button {
		min-width : 100px;
		padding-left : 0px;
		padding-right : 0px;
	}
}
@media all and (max-width: 330px) {
	.table-layout.quantity-table > .tr > .td:first-child {
		width : 80px;
		text-align : center;
	}
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5rem;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075rem 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5rem;
}

.gallery-itrem {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-itrem {
	max-width: 50%;
}

.gallery-columns-3 .gallery-itrem {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-itrem {
	max-width: 25%;
}

.gallery-columns-5 .gallery-itrem {
	max-width: 20%;
}

.gallery-columns-6 .gallery-itrem {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-itrem {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-itrem {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-itrem {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Table-layout
--------------------------------------------------------------*/

.table-layout {
	width : 100%;
	display : table;
	table-layout:fixed;
}
.table-layout > .tr {
	display : table-row;
	width : 100%;
}
.table-layout > .tr > .td {
	display : table-cell;
}

.table-layout > .tr > .td img {
	max-width : 100%;
	height : auto !important;
}

.table-layout > .tr > .td {
	vertical-align : top;
}
.table-layout > .tr > .td.vertical-align-middle {
	vertical-align : middle;
}

/*--------------------------------------------------------------
# Alignment
--------------------------------------------------------------*/

.align-left ,
.align-left * ,
.align-center .align-left ,
.align-center .align-left * {
	text-align : left;
}
.align-right  ,
.align-right * ,
.align-center .align-right  ,
.align-center .align-right * {
	text-align : right;
}
.align-center ,
.align-center * {
	text-align : center;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

#masthead nav#utility_menu {
	top : 75px;
	right : 25px;
}

#masthead nav#primary_menu {
	right : 0px;
	bottom : 0px;
}
.members #masthead nav#primary_menu {
	top : 0;
	bottom : initial;
}

#masthead nav > div > ul > li > a {
	padding : 12px 32px;
	display : inline-block;
}
#masthead nav#utility_menu > div > ul > li
#masthead nav#utility_menu > div > ul > li > a {
	padding : 12px 23px;
}
#masthead nav#utility_menu > div > ul > li:last-child > a {
	padding : 0 0;
}
#masthead nav > div {
	display : table;
	margin : 0 auto;
	table-layout : fixed;
}
#masthead nav > div > ul {
	display : table-row;
}
#masthead nav > div > ul > li {
	display : table-cell;
	vertical-align : middle;
	text-align : center;
}

nav > div ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#masthead nav a {
	text-decoration: none;
	color : #ffffff !important;
	font-size : 20px;
}
#masthead nav .invert {
	background-color : #ffffff;
	border : 2px solid #a32035;
}
#masthead nav .invert a {
	color : #a32035 !important;
}
#masthead nav#utility_menu a {
	color : #5f504d !important;
}
#masthead nav ul a[href="#"] ,
#masthead nav ul a.not-a-link {
	text-decoration : none !important;
	cursor : default !important;
}
#masthead nav ul ul a {
	line-height : 1em;
}
nav > div > ul ul {
	display : none;
}
nav > div > ul > li {
	position : relative;
}
nav > div > ul > li > ul {
	position : absolute;
	top : 100%;
	margin-top : -1px;
	z-index : 10;
	list-style : none;
	padding : 0 8px;
	background-color : #a32035;
	min-width : 100%;
}
#masthead nav > div > ul > li > ul > li > ul {
	border-left : 1px solid #ffffff;
}
#masthead nav > div > ul > li > ul > li > ul > li+li ,
nav > div > ul > li > ul > li {
	display : block;
	border-top : 1px solid #ffffff;
}
nav > div > ul > li > a:focus+ul ,
nav > div > ul > li:hover > ul {
	display : block;
}
nav > div > ul > li > ul > li > a {
	padding : 0 0 0 0 !important;
}
#masthead nav li:hover > a,
#masthead nav li.focus > a {
	text-decoration : underline;
}
nav > div > ul > li > ul > li > ul {
	position : absolute;
	left : 100%;
	top : 0;
	margin-left : -8px;
	z-index : 10;
	list-style : none;
	padding : 0 8px 0 0;
	background-color : #a32035;
}
@media screen and ( min-width : 901px ){
	nav > div > ul > li > ul > li > ul {
		min-width : 150%;
	}
}

@media screen and ( max-width : 900px ){
	#masthead nav > div > ul > li > ul > li > ul {
		margin-left : 15px !important;
	}
}
nav > div > ul > li > ul > li > a:focus+ul ,
nav > div > ul > li > ul > li:hover > ul {
	display : block;
}

#masthead nav > div > ul > li > a:before {
	content : ' ';
	position : absolute;
	left : 0px;
	top : 50%;
	height : 60%;
	transform : translateY(-50%);
	width : 2px;
	background-color : #ffffff;
}
#masthead nav#utility_menu > div > ul > li > a:before {
	background-color : #a32035 !important;
}
#masthead nav > div > ul > li:first-child > a:before ,
#masthead nav#utility_menu > div > ul > li:last-child > a:before {
	display : none !important;
}
#masthead nav li li {
	width : 100%;
	padding : 15px 0;
	background-color : #a32035;
}
#masthead nav li li a{
	border-left : none;
}
nav#primary_menu li {	
	line-height : 1.25em;
}
#masthead nav li:first-child a {
	border-left : none;
}

nav#primary_menu a.mobile-trigger {
	display : none;
	margin-left: 20px;
	cursor : pointer !important;
}
nav#primary_menu a.mobile-trigger span {
  position: relative;
  padding-left: 40px;
}
nav#primary_menu a.mobile-trigger span:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 25px;
  width: 90px;
  height: 5px;
  background: white;
  box-shadow: 
    0 10px 0 0 white,
	0 20px 0 0 white;
}
nav#primary_menu > div > ul > li.current-menu-item:before ,
nav#primary_menu > div > ul > li.current-menu-ancestor:before {
	content : url(images/decoration/menu-decoration.png);
	width : 55px;
	height : 43px;
	position : absolute;
	top : -43px;
	left : 50%;
	margin-left : -27px;
}
nav#primary_menu > div > ul > li.current-menu-item:after ,
nav#primary_menu > div > ul > li.current-menu-ancestor:after {
  content: "";
  position: absolute;
  left: 0;
  
}

nav#primary_menu .triangle-up {
  height : 12px;
  width : 100%;
  position : absolute;
  top : -12px;
  transform : rotate(180deg);
}
nav#primary_menu .triangle-up svg {
  height : 100%;
  width : 100%;
  position : absolute;
  top : 0;
  left : 0;
}
nav#primary_menu svg .triangle-path {
  fill : #a32035;
}
@media all and (max-width: 1175px) {
	#masthead nav > div > ul > li > a {
		padding : 12px 15px;
	}
}
@media all and (max-width: 940px) and (min-width:901px) {
	#masthead nav > div > ul > li:nth-child(6) > a {
		max-width : 145px;
		padding : 4px 15px;
	}
}
@media all and (max-width: 900px) {
	#masthead {
		padding-bottom : 90px;
	}
	nav#primary_menu {
		height : auto !important;
		padding : 20px 0;
		width : 100%;
	}
	nav#primary_menu a.mobile-trigger {
		display : inline-block;
	}
	nav#primary_menu > div {
		position : absolute;
		top : 100%;
		left : 0;
		width : 100%;
		background-color : inherit;
	}
	nav#primary_menu > div * {
		display : block !important;
		width : 100% !important;
		padding : 0px !important;
		margin : 0px !important;
		position : relative !important;
		top : 0 !important;
		left : 0 !important;
		transform : none !important;
		max-width : 100% !important;
		line-height : 1 !important;
		text-align : left !important;
	}
	nav#primary_menu > div > ul {
		display : none !important;
	}
	nav#primary_menu.on > div > ul {
		display : block !important;
	}
	nav#primary_menu ul a {
		padding : 10px 5px !important;
	}
	nav > div > ul > li > ul > li:after,
	nav > div > ul > li > ul:before {
		display : none;
	}
	nav#primary_menu > div > ul ul li a ,
	nav#primary_menu > div > ul ul li ,
	nav#primary_menu > div > ul ul {
		background-color : #ac3e50 !important;
	}
	nav#primary_menu li, #masthead nav li {
		border-left : none !important;
	}
	nav#primary_menu > div > ul ul li {
		width : auto !important;
		min-width : 1px !important;
		max-width : 100% !important;
	}
	nav#primary_menu > div > ul ul a {
		border-left : 2px solid black;
		border-bottom : 0px !important;
	}
	
	nav#primary_menu > div > ul > li {
		padding-left : 10px !important;
	}
	nav#primary_menu > div > ul > li > ul {
		padding-left : 10px !important;
		margin-left : -10px !important;
	}
	nav#primary_menu > div {
		width : 100% !important;; 
	}
	nav#primary_menu > div > ul > li > ul {
		display : none !important;
	}
	nav#primary_menu > div > ul > li > a.on + ul {
		display : block !important;
	}
	#masthead nav#primary_menu > div > ul > li > a:before {
		display : none;
	}
	nav#primary_menu > div > ul > li > ul > li {
		border-top : none !important;
		border-bottom : 2px solid #ffffff !important;
	}
	nav#primary_menu > div > ul ul a {
		border-left : none !important;
	}
	nav#primary_menu > div > ul > li > ul {
		margin-right : -10px;
	}
}
@media all and (max-width: 780px) {
	nav#utility_menu a {
		font-size : 14px;
		padding : 12px 10px !important;
	}
}
@media all and (max-width: 640px) {
	#masthead nav#utility_menu {
		top : 0px;
	}
	#masthead {
		padding: 70px 20px 90px 20px;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5rem;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* search in menu stuff */
nav#utility_menu li.search a.not-a-link ,
nav#utility_menu li.search a[href="#"] {
	cursor : pointer !important;
}

li.search div.menu-search-form {
	display : none;
	width : 100%;
	position : absolute;
	right : 0;
	top : 100%;
	z-index : 10;
}
li.search div.menu-search-form form {
	display : flex;
	width : 100%;
	max-width : 100%;
}
li.search div.menu-search-form input[type="text"] {
	text-align : left;
	/* width : 230px; */
	font-size : 20px;
	background-color : #ffffff;
	color : #a32035;
	border : 2px solid #a32035 !important;
	padding-top : 0 !important;
	padding-bottom : 0 !important;
	line-height : 40px;
	flex-grow : 1;
}
li.search div.menu-search-form input[type="submit"] {
	padding-top : 0 !important;
	padding-bottom : 0 !important;
	line-height : 40px;
	border : 2px solid #a32035 !important;
	flex-grow : 0;
	padding : 15px 15px;
	background-color : 
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
	background-color : #a32035;
	padding : 75px 50px;
}
#footer > div {
	max-width : 1920px;
	margin : 0 auto;
}
#footer ,
#footer a {
	color : #ffffff !important;
	text-decoration : none;
}
#footer a:focus ,
#footer a:hover {
	text-decoration : underline;
}

#social_links a:nth-child(2) {
	padding : 0 .8rem;
}

div.footer-address.table-layout.mobile {
	display : none;
}
div.footer-address.table-layout.mobile .td {
	/*padding : 0 0 1.5rem 0;*/
	width : 50%;
}
.spaced-footer-element {
	font-size : 15px;
	display : inline-block;
	vertical-align : top;
}
.spaced-footer-element img {
	max-height : 27px;
	max-width : 27px;
}
.spaced-footer-element+.spaced-footer-element {
	margin-left : 1.75rem;
}
.table-layout.footer-table > .tr > .td {
	vertical-align : top;
	text-align : center;
}
.table-layout.footer-table > .tr > .td:last-child ,
.table-layout.footer-table > .tr > .td:first-child {
	width : 240px;
}
.table-layout.footer-table > .tr > .td:first-child {
	text-align : left;
}
.table-layout.footer-table > .tr > .td:last-child {
	text-align : right;
	vertical-align : middle;
}

#footer .y-spacer {
	height : 1rem;
}

#footer span.break-under {
	display : none;
}
#footer .mobile-footer {
	display : none;
}

@media all and ( min-width : 1471px ){
	div.footer-address.table-layout.desktop > .tr > .td:nth-child(2) {
		width : 920px;
	}
	div.footer-address.table-layout.desktop > .tr > .td:nth-child(2) br {
		display : none;
	}
}
@media all and ( max-width : 1470px ){
	div.footer-address.table-layout.desktop > .tr > .td:nth-child(2) {
		width : 500px;
	}
	div.footer-address.table-layout.desktop > .tr > .td:nth-child(2) br {
		display : inline;
	}
}

@media all and ( max-width : 1200px ){
	#footer {
		padding-left : 40px;
		padding-right : 40px;
		
	}
}
@media all and ( max-width : 1120px ){
	.table-layout.footer-table > .tr > .td:last-child ,
	.table-layout.footer-table > .tr > .td:first-child {
		width : 200px;
	}
	/* #footer :nth-child(2) .spaced-footer-element:last-child {
		display : block;
		margin-left : 0 !important;
	} */
}
@media all and ( max-width : 1024px ){
	div.footer-address.table-layout.desktop {
		display : none;
	}
	div.footer-address.table-layout.mobile {
		display : table;
	}
	div.footer-address.table-layout.desktop > .tr > .td:nth-child(2) {
		width : 100%;
	}
	#footer .table-layout.footer-table {
		display : none;
	}
	#footer .mobile-footer {
		display : block;
	}
}
/* @media all and ( max-width : 870px ){
	#footer span.break-under {
		display : inline;
	}
}
@media all and ( max-width : 740px ){
	#footer .mobile-footer {
		display : block;
		text-align : center;
		padding-top : 2rem;
	}
	.table-layout.footer-table > .tr > .td:last-child ,
	.table-layout.footer-table > .tr > .td:first-child {
		width : 50%;
	}
	.table-layout.footer-table > .tr > .td:nth-child(2) {
		display : none;
	}
}
@media all and ( max-width : 490px ){
	div.footer-address.table-layout.mobile > .tr > .td ,
	div.footer-address.table-layout.mobile > .tr ,
	div.footer-address.table-layout.mobile {
		display : block;
		width : 100%;
	}
}
@media all and ( max-width : 470px ){
	.table-layout.footer-table ,
	.table-layout.footer-table > .tr ,
	.table-layout.footer-table > .tr > .td:last-child ,
	.table-layout.footer-table > .tr > .td:first-child {
		display : block;
		width : 100%;
		text-align : center;
		padding-top : 0;
	}
	.table-layout.footer-table > .tr > .td:last-child {
		padding-top : 2rem;
	}
	#footer span.break-under {
		display : none;
	}
	#footer {
		padding : 25px 35px;
	}
	#footer .mobile-footer {
		padding-top : 0;
	}
	.spaced-footer-element+.spaced-footer-element {
		margin-left : 1rem;
	}
} */

.mobile-footer {
	text-align : center;
	text-transform : uppercase;
}

/*--------------------------------------------------------------
# Home page sections
--------------------------------------------------------------*/
body.inline-children section.content-section {
	margin : 0 0 0 0;
	text-align : center;
}

body.home section.content-section a.section-more-link {
	position : absolute;
	right : 0;
	bottom : 0;
	display : inline-block;
	line-height : 1.6em;
	padding : 0 0.5rem;
	color : #ffffff !important;
	text-align : center;
	text-decoration : none !important;
	background-color : rgb(163,32,53);
	font-size : 0.75em;
}
body.home section.content-section a.section-more-link:focus ,
body.home section.content-section a.section-more-link:hover {
	text-decoration : underline !important;
}
body.inline-children section.content-section .content-inner {
	position : relative;
	max-width : 1920px;
}
html body #page section.content-section.columns-container-events-and-news {
	padding-bottom : 4rem !important;
	display : block;
}
html body #page section.content-section.columns-container-events-and-news .section-title {
	position : relative;
	text-align : center;
}
html body #page section.content-section.columns-container-events-and-news .section-title::before {
	content : '';
	background-size : cover;
	bacground-position : center bottom;
	background-repeat : no-repeat;
	background-image : url(./images/2023/red-crown-decoration-large.png);
	width : 201px;
	height : 49px;
	position : absolute;
	top : -70px;
	left : 50%;
	transform : translateX(-50%);
}
section.content-section .content-inner {
	max-width : 1590px;
	margin : 0 auto !important;
}
body.home.inline-children section.content-section .content-inner ,
.home section.content-section .content-inner {
	max-width : 1440px;
}
/* html body #page section.content-section.columns-container-events-and-news section.content-section {
	padding-bottom : 0px !important;
} */
html body #page section.content-section.columns-container-events-and-news .section-title {
	position : relative;
	text-align : center;
}
@media all and ( min-width : 1921px ){
	body.inline-children section.content-section.half-padding .content-inner {
		padding : 0 40px 0 40px;
	}
}
body.home section.content-section.more-link-cover {
	position : relative;
}
body.home section.content-section.more-link-cover a.section-more-link {
	opacity : 0;
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : 2;
}

html body section.content-section.full-width {
	max-width : 1920px;
	margin : 0 auto !important;
	width : 100%;
	padding : 0 !important;
}
html body section.content-section.full-width.bar-padding {
	padding : 1rem 4vw !important;
}
html body section.content-section.full-width > .content-inner {
	width : 100%;
	max-width : 100%;
	padding : 0 !important;
	margin : 0 !important;
}
body.inline-children section.content-section.table-layout {
	display : table;
	table-layout : fixed;
}
body.inline-children section.content-section.table-layout:before ,
body.inline-children section.content-section.table-layout:after {
	display : none !important;
}
body.inline-children section.content-section.table-layout > div.content-inner {
	display : table-row;
	height : 100%;
}
body.inline-children section.content-section.table-layout > div.content-inner > .td {
	display : table-cell;
	height : 100%;
}
body.inline-children section.content-section.table-layout > div.content-inner > .td.h-center {
	text-align : center;
}
body.inline-children section.content-section.table-layout > div.content-inner > .td.v-center {
	vertical-align : middle;
}
body.inline-children section.content-section.table-layout.sub-banner > div.content-inner > .td {
	width : 100%;
}
body.inline-children section.content-section.sub-banner .td+p {
	display : none !important;
}
/* body.home section.content-section.sub-banner p ,
body.home section.content-section.sub-banner h2 {
	margin-bottom : 2rem;
} */
body.home section.content-section.sub-banner p:last-child {
	margin-bottom : 0;
}
/* body.home section.content-section.sub-banner a.slide-button {
	display : inline-block;
	vertical-align : middle;
} */
/* @media all and ( min-width : 1921px ){
	body.home section.content-section.sub-banner {
		min-height : 446px;
	}
}
@media all and ( max-width : 1920px ){
	body.home section.content-section.sub-banner {
		min-height : 23.229vw;
	}
} */

body.home section.content-section.sub-banner {
	height : auto;
}
body.home section.content-section.member-stats-2023 {
	padding-top : 0;
	padding-bottom : 0;
	text-transform : uppercase;
}
body.home section.content-section.member-stats-2023 .content-inner {
	max-width : 1920px;
	padding : 60px 100px;
}
body.home section.content-section.member-stats-2023 table {
	width : 100%;
}
body.home section.content-section.member-stats-2023 table td {
	width : 33%;
	vertical-align : top;
	text-align : center;
}
body.home section.content-section.member-stats-2023 table div {
	font-size : 29px;
}
body.home section.content-section.member-stats-2023 table div.giant {
	font-size : 100px;
	line-height : 0.8em;
	padding-bottom : 1.5rem;
	font-weight : bold;
}
body.home section.content-section.member-stats-2023 table div.giant + div {
	font-weight : bold;
}
body.home section.content-section.member-stats-2023 p {
	font-size : 29px;
	letter-spacing: 4px;
	line-height : 1.5;
	word-spacing: 4px;
	padding : 0 50px;
}


body.home section.content-section.meat-stats-2023 {
	padding-top : 0;
	padding-bottom : 0;
	text-transform : uppercase;
	font-size : 29px;
	letter-spacing: 2px;
	line-height : 1.5;
}
body.home section.content-section.meat-stats-2023 .content-inner {
	max-width : 1440px;
	/* padding : 60px 80px; */
}
ul.box-list {
	list-style : none;
	margin-bottom : 80px;
	padding : 0;
	display : flex;
	width : 100%;
	/* align-items : center; */
	justify-content : space-around;
	flex-wrap : wrap;
	max-width : 1440px;
	margin-left : auto;
	margin-right : auto;
	/* align-items: center; */
}
ul.box-list:last-child {
	margin-bottom : 0;
}
ul.box-list > li {
	border : 3px solid #a32035;
	border-radius : 50px;
	padding : 40px 40px;
	flex-basis : 28%; 
	margin : 0 0 !important;
	margin-bottom : 0 !important;
}
ul.box-list > li.fixed {
	display: flex;
	align-items : center;
}
ul.box-list > li.fixed > div.fixme {
	width : 100%;
	flex : 1;
}
ul.box-list > li a {
	color : #a32035 !important;
}
ul.box-list > li:nth-child(n+4) {
	margin-top : 50px !important;
}
ul.box-list > li p:last-child {
	margin-bottom : 0;
}
ul.deco-list {
	margin-bottom : 0;
	margin-left : 0;
	padding : 0;
	list-style : none;
}
ul.deco-list li {
	padding : 0 40px 55px 40px;
	position : relative;
	border-bottom : 3px solid #a32035;
	margin-bottom : 0 !important;
}
ul.deco-list li+li {
	padding-top : 30px;
}
ul.deco-list li::after {
	content : '';
	background-size : cover;
	bacground-position : center bottom;
	background-repeat : no-repeat;
	background-image : url(./images/2023/red-crown-decoration.png);
	position : absolute;
	left : 50%;
	bottom : 0;
	transform : translateX(-50%);
	width : 152px;
	height :36px;
}
ul.deco-list h3 {
	
}
@media screen and ( max-width : 1920px ){
	body.home section.content-section.member-stats-2023 .content-inner {
		padding : 3.125vw 5.208vw;
	}
	body.home section.content-section.member-stats-2023 p {
		padding : 0 2.604vw;
	}
	ul.box-list > li {
		padding: 4.167vw 2.083vw;
	}
}
@media screen and ( max-width : 1180px ){
	ul.box-list {
		display : block;
	}
	ul.box-list > li {
		display : block;
		width : 63.802vw;
		flex-basis : 100%;
		margin : 0 auto 60px auto !important;
		font-size : 4.049vw;
		padding : 6.51vw 6.51vw;
	}
	ul.deco-list li {
		font-size : 3.958vw;
	}
}
@media screen and ( max-width : 1024px ){
	ul.deco-list li:last-child {
		border-bottom : none;
	}
	ul.deco-list li:last-child::after {
		display : none;
	}
	#page_id_19932 ,
	#page_id_19935 {
		padding-left : 0 !important;
		padding-right : 0 !important;
	}
	#page_id_19932 {
		padding-bottom : 100px;
	}
	.more-link-wrapper {
		text-align : center !important;
	}
	.home-table-2023-b tr ,
	.home-table-2023-b tbody ,
	.home-table-2023-b td ,
	.home-table-2023-b {
		display : block;
		width : 100% !important;
		padding-left : 0px;
		padding-right : 0px;
		text-align : center;
	}
	.home-table-2023-b td+td {
		padding-top : 60px;
	}
}



/* MEMBERS */
.member-companies-grid {
	text-align : justify;
	text-align-last : left;
}
.member-companies-grid a {
	display : inline-block;
	vertical-align : middle;
	margin-bottom : 3rem;
	margin-right : 2rem;
	line-height : 1;
}
.member-companies-grid a img {
	display : inline-block;
	vertical-align : middle;
}

/*
# Team Members page
*/
.team-members {
	table-layout : auto;
}
.team-members > .tr > .td {
	vertical-align : top;
	padding-bottom : 50px;
}
.team-members > .tr > .td:first-child {
	padding-left : 90px;
	width : 60%;
}
.team-members > .tr > .td .td {
	vertical-align : middle;
}
.team-members > .tr > .td .td:first-child {
	width : 225px;
}
.headshot {
	display : block;
	width : 195px;
	height : 195px;
	overflow : hidden;
	position : relative;
}
.headshot.empty {
	background-color: #e7e8e8;
}
.headshot img {
	max-height : 100% !important;
	max-width : 100% !important;
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%,-50%);
}
.team-members h2 ,
.team-members p {
	margin-bottom : 10px;
}
.team-members h2 {
	white-space: nowrap;
	font-size : 40px;
	text-transform : none;
	color : #333333;
}
.team-members h2 ,
.team-members h2 a {
	color : #333333 !important;
	text-decoration : none;
}
.team-members h2 a:hover,
.team-members h2 a:focus,
.team-members h2 a:active {
	text-decoration : underline;
}
.team-members p {
	font-size : 20px;
}
.team-members > .tr.single-col p ,
.team-members > .tr.single-col h2 {
	white-space : nowrap;
}
.team-members > .tr.single-col > .td:last-child {
	display : none;
}
.team-members > .tr.single-col > .td .table-layout {
	transform : translateX(-75%);
}
span.single-headshot {
	float : left;
	display : inline-block;
	width : 195px;
	height : 195px;
	overflow : hidden;
	position : relative;
}
span.single-headshot img {
	min-height : 100% !important;
	min-width : 100% !important;
	position : absolute;
	top : 0px;
	left : 50%;
	transform : translateX(-50%);
}

a.team-linkedin-link {
	display : inline-block;
	width : 30px;
	height : 36px;
	background-image : url(images/icons/linkedin-outline.png);
	background-repeat : no-repeat;
	vertical-align : middle;
	text-decoration : none !important;
}
.single-profile-header {
	display : inline-block;
	text-align : left;
}
.table-layout.team-header {
	width : auto;
}
.table-layout.team-header > .tr > .td {
	text-align : left;
	vertical-align : top;
}
.table-layout.team-header > .tr > .td:first-child {
	width : 185px;
	padding-top : 1rem;
}

.team-members.member-companies .td {
	vertical-align : top !important;
}
.team-members.member-companies .td .td:last-child {
	padding-left : 1.5rem;
	padding-right : 1.5rem;
}
.team-members.member-companies h2 {
	white-space : normal;
}


@media all and ( max-width : 1920px ){
	.team-members > .tr > .td {
		vertical-align : top;
		padding-bottom : 2.604vw;
	}
	.team-members > .tr > .td:first-child {
		padding-left : 4vw;
	}
	.team-members > .tr > .td .td:first-child {
		width : 11.719vw;
	}	
	.team-members .headshot {
		width : 10.156vw;
		height : 10.156vw;
		overflow : hidden;
		position : relative;
	}
	.team-members h2 ,
	.team-members p {
		margin-bottom : 0.521vw;
	}
	.team-members h2 {
		font-size : 2.083vw;
	}
	.team-members p {
		font-size : 1.042vw;
	}
}

@media all and ( max-width : 1700px ){
	.team-members > .tr > .td:first-child {
		padding-left : 0;
	}
	.team-members > .tr > .td:first-child {
		width:58%;
	}
}
@media all and ( max-width : 1280px ){
	.team-members p {
		font-size : 1.563vw;
	}
	.team-members h2 {
		font-size : 2.5vw;
	}
	.team-members > .tr > .td:first-child {
		width:55%;
	}
	.team-members > .tr > .td .td {
		vertical-align : top;
	}	
	.team-members > .tr.single-col > .td .table-layout {
		transform : translateX(-65%);
	}
}

@media all and ( max-width : 1024px ){
	.team-members p {
		font-size : 1.758vw;
	}
	.team-members h2 {
		font-size : 2.734vw;
	}
	.team-members {
		margin-left : -1vw;
	}
}

@media all and ( max-width : 800px ){
	.team-members p {
		font-size : 2vw;
	}
	.team-members h2 {
		font-size : 2.75vw;
	}
}
@media all and ( max-width : 500px ){
	.team-members > .tr > .td ,
	.team-members > .tr ,
	.team-members {
		display : block;
		width : 100% !important;
	}
	.team-members > .tr > .td .td:first-child {
		width : 100px;
	}
	.team-members p {
		font-size : 14px;
	}
	.team-members h2 {
		font-size : 20px;
		white-space: normal;
	}
	.team-members .headshot {
		width : 90px;
		height : 90px;
	}
	.team-members > .tr.single-col > .td .table-layout {
		transform : translateX(0);
	}
	.team-members > .tr.single-col p ,
	.team-members > .tr.single-col h2 {
		white-space : normal;
	}
	span.single-headshot {
		width : 120px;
		height : 120px;
		border-radius : 120px;
	}
}
@media all and ( max-width : 380px ){
	.team-members > .tr > .td .td:first-child {
		width : 90px;
	}
	.team-members .headshot {
		width : 80px;
		height : 80px;
	}
}
/*--------------------------------------------------------------
# Contact page
--------------------------------------------------------------*/
p.contact-right {
	padding-left : 2rem;
	float:right;
	clear:none;
	width:auto;
	text-align:center;
	padding-top : 2.25rem;
}
p.contact-right.first {
	padding-left : 0px;
}
p.contact-left {
	float:left;
	clear:left;
	width:auto;
	text-align:left;
}
p.contact-left.contact-left-icon {
	text-align:center;
	margin-bottom:15px;
}
p.contact-left.contact-left-icon img {
	margin-bottom : 15px;
}
p.contact-right img {
	margin-bottom : 12px;
}

@media all and ( max-width : 1280px ){
	p.contact-left.contact-left-address {
		width : 350px;
	}
}
@media all and ( max-width : 1024px ){
	p.contact-left.contact-left-address {
		width : 300px;
	}
}
@media all and ( max-width : 980px ){
	p.contact-right {
		font-size : 15px;
		padding-left : 1rem;
		padding-top : 2rem;
	}
	p.contact-right.first {
		padding-left : 0px;
	}
}
@media all and ( max-width : 760px ){
	p.contact-right {
		float : left;
		padding-top : 1rem;
	}
	p.contact-right.first {
		padding-left : 1rem;
	}
	p.contact-right.last {
		padding-left : 0px;
	}
}
@media all and ( max-width : 460px ){
	p.contact-left ,
	p.contact-right {
		float : none;
		clear : both;
		text-align :center !important;
		width : 100% !important;
		padding-left : 0px !important;
		padding-top : 0;
	}

}


/*
.table-layout.contact-table > .tr > .td:last-child ,
.table-layout.contact-table > .tr > .td:first-child {
	width : 25%;
}
.table-layout.contact-table > .tr > .td:nth-child(2) {
	padding : 0 20px;
}
.google-maps {
	position: relative;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.wpcf7 textarea {
	max-height : 200px;
	width : 100%;
}
.wpcf7 textarea,
.wpcf7 input[type="number"] ,
.wpcf7 input[type="password"] ,
.wpcf7 input[type="text"] ,
.wpcf7 input[type="tel"] ,
.wpcf7 input[type="email"] {
	max-width : 100%;
	background-color : #c8e7dc;
	color : #333333;
}
.wpcf7 p {
	margin-bottom : 10px;
}
div.mobile-contact-form {
	display : none;
	width : 300px;
	padding-top : 20px;
}
*/
@media all and ( max-width : 1200px ){
	.table-layout.contact-table > .tr > .td:last-child {
		display : none;
	}
	div.mobile-contact-form {
		display : block;
	}
	.table-layout.contact-table > .tr > .td:first-child {
		width : 300px;
3.281vw	}
}

@media all and ( max-width : 740px ){
	div.mobile-contact-form {
		display : none;
	}
	.table-layout.contact-table ,
	.table-layout.contact-table > .tr ,
	.table-layout.contact-table > .tr > .td {
		display : block !important;
		width : 100% !important;
		margin-bottom : 20px;
	}
}
/*--------------------------------------------------------------
# Login page
--------------------------------------------------------------*/
.user-pass1-wrap p {
	margin-bottom : 0px;
}
.login-table.table-layout > .tr > .td {
	vertical-align : top;
	text-align : left;
}
.login-table.table-layout > .tr > .td.login-content {
	background-color : #eceded;
	padding : 3.75rem 3rem;
}
.login-table.table-layout > .tr > .td.login-content p {
	display : inline-block;
	width : 49%;
	position : relative;
	margin-bottom : 1.25rem;
	transition: background-image 400ms linear;
}
.login-table.table-layout > .tr > .td.login-content p span {
	position : absolute;
	width : 100%;
	padding-left : 4.75rem;
	left : 0;
	top : 50%;
	transform : translateY(-50%);
	font-size : .75em;
}
@media all and ( min-width : 1281px ){
	.login-table.table-layout > .tr > .td:first-child {
		width : 48%;
	}
	.login-table.table-layout > .tr > .td:last-child {
		width : 50%;
	}
}
@media all and ( max-width : 1280px ){
	.login-table.table-layout > .tr > .td:first-child {
		width : 300px;
	}
	.login-table.table-layout > .tr > .td:nth-child(2) {
		width : 7.813vw;
	}
}
@media all and ( max-width : 900px ){
	.login-table.table-layout > .tr > .td.login-content {
		background-color : #eceded;
		padding : 2rem 2rem 0 2rem;
	}
	.login-table.table-layout ,
	.login-table.table-layout > .tr ,
	.login-table.table-layout > .tr > .td {
		display : block;
		width : 100% !important;
	}
	.login-table.table-layout > .tr > .td:nth-child(2) {
		height : 20px;
	}
}
@media all and ( max-width : 590px ){
	.login-table.table-layout > .tr > .td.login-content p {
		width : 100%;
	}
}

.coming-soon-login-page .login-table.table-layout > .tr > .td.login-content {
	background-image : url(images/login-panel.png);
	background-size : cover;
	text-align : center;
	vertical-align : middle;
}
@media all and ( min-width : 901px ){
	.coming-soon-login-page .login-table.table-layout > .tr > .td.login-content {
		padding : 0 0 !important;
		height : 31.198vw;
	}
}




/*--------------------------------------------------------------
# Search bar , Date archive select
--------------------------------------------------------------*/
#search_bar {
	text-align : right;
	padding : 30px 0 0 0;
	float : right;
	display : inline-block;
	vertical-align : bottom;
}
.search-input-wrap {
	display : inline-block;
	max-width : 100%;
	width : 405px;
}
@media all and (max-width: 640px) {
	.search-input-wrap {
		width : 250px;
		max-width : 100%;
	}
	#search_bar {
		max-width : 100%;
	}
}

.search-input-wrap input[type="text"] , 
.search-input-wrap input[type="tel"] , 
.search-input-wrap input[type="text"]:focus ,
.search-input-wrap input[type="tel"]:focus {
	background-color : #fff !important;
	outline-style : none !important;
	text-align : left;
	width : 100%;
	border : 1px solid black !important;
}
h2.floated-title {
	float: left;
}
p.date-archive {
	width : 140px;
	float : right;
	/*margin-top : -1rem;*/
}
.title-section p ,
.title-section h1 ,
.title-section h2 {
	margin-bottom : 0px;
}
p.date-archive option {
	cursor : pointer;
}
@media all and ( max-width : 800px ){
	p.date-archive {
		width : 120px;
	}
}
@media all and ( max-width : 540px ){
	h2.floated-title {
		float: none;
	}
	p.date-archive {
		margin-top : 1rem;
	}
}
/*--------------------------------------------------------------
# Member subheader
# the row with the member headshot in the members-only section
# reused as the employee list table. (.profile-strip.employees.table-layout)
# also the member footer
--------------------------------------------------------------*/
#member_subheader.table-layout {
	table-layout : initial;
	
}
#member_subheader.table-layout > .tr > .td {
	vertical-align : middle;
}
#member_subheader.table-layout > .tr > .td:first-child {
	width : 105px;
}

#member_subheader.preferences.table-layout > .tr > .td:first-child {
	width : 152px;
}
.profile-strip.table-layout > .tr > .td .td ,
.profile-strip.table-layout > .tr > .td:first-child ,
#member_subheader.preferences.table-layout > .tr > .td:last-child ,
.profile-strip.employees.table-layout > .tr > .td:nth-child(2) ,
#member_subheader.default.table-layout > .tr > .td:nth-child(2) {
	padding-left : 25px;
}
#member_subheader p {
	font-size : 80%;
}
.profile-strip.table-layout .table-layout {
	table-layout : initial;
}
.profile-strip.employees.table-layout > .tr > .td:first-child {
	width : 80px;
	padding-left : 0;
}
.profile-strip.students.employees.table-layout > .tr > .td:first-child {
	display : none !important;
}
#member_subheader.table-layout > .tr > .td:last-child > * {
	margin-bottom : 1rem;
}
.profile-strip.employees.table-layout > .tr > .td:last-child {
	text-align : right;
	width : 105px;
}
#member_subheader.table-layout > .tr > .td:last-child {
	text-align : right;
}
#member_subheader.table-layout > .tr > .td:last-child {
	width : 105px;
	vertical-align : middle;
}
#member_subheader.table-layout > .tr > .td.wider:last-child {
	width : 400px;
}
.profile-strip.employees.table-layout p {
	margin-bottom : 10px;
}
.avatar-wrapper {
	overflow : hidden;
	width : 105px;
	height : 105px;
	border-radius : 105px;
	position : relative;
	border : 1px solid #b2b2b2;
	line-height : 1px;
	font-size : 1px;
}
#member_subheader .avatar-wrapper {
	display : inline-block;
}

#member_subheader.preferences .avatar-wrapper {
	width : 152px;
	height : 152px;
	border-radius : 152px;
}

.avatar-wrapper img {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
	width : 100%;
	height : auto !important;
}
#member_subheader h1 {
	color : #000000;
}
#member_subheader p a {
	color : #333333 !important;
}
#member_subheader p ,
#member_subheader h1 {
	margin-bottom : 15px;
}
#member_subheader p:last-child {
	margin-bottom : 0;
}

.profile-strip.table-layout {
	table-layout : initial;
	wdith : 100%;
}
.profile-strip.employees.table-layout > .tr > .td:nth-child(2) ,
.profile-strip.table-layout > .tr > .td:first-child {
	width : 33.33%;
	text-align : left;
}
.profile-strip.table-layout > .tr > .td .td {
	width : 50%;
}
#member_subheader p.mobile {
	display : none;
}
#member_subheader.table-layout > .tr > .td:last-child {
	text-align : right;
}
#member_subheader+div {
	display : none;
}
#member_subheader+div .button-style {
	display : block;
}
.member-footer a.button-style {
	margin-right : 1rem;
}
.member-footer a.button-style:last-child {
	margin-right : 0;
}

@media all and ( max-width : 1600px ){
	#member_subheader .spacer {
		display : block;
	}
	#member_subheader .button-style {
		display : inline-block;
	}
	#member_subheader .button-style:last-child {
		margin-bottom : 0;
	}
}

@media all and ( max-width : 1460px ){
	#member_subheader.table-layout > .tr > .td {
		vertical-align : top !important;
	}
	.profile-strip.table-layout > .tr > .td > .table-layout ,
	.profile-strip.table-layout > .tr > .td > .table-layout > .tr ,
	.profile-strip.table-layout > .tr > .td > .table-layout > .tr > .td {
		display : block !important;
		width : 100% !important;
	}
}
@media all and ( max-width : 1460px ){
	.profile-strip.table-layout > .tr > .td ,
	.profile-strip.table-layout > .tr > .td ,
	.profile-strip.table-layout > .tr > .td {
		display : block !important;
		width : 100% !important;
	}

}
@media all and ( max-width : 1024px ){
	#member_subheader.table-layout > .tr > .td:first-child {
		width : 15.82vw;
	}

	#member_subheader.preferences.table-layout > .tr > .td:first-child {
		width : 22.852vw;
	}
	.profile-strip.table-layout > .tr > .td .td ,
	.profile-strip.table-layout > .tr > .td:first-child ,
	#member_subheader.preferences.table-layout > .tr > .td:last-child ,
	#member_subheader.default.table-layout > .tr > .td:nth-child(2) {
		padding-left : 2.441vw;
	}

	#member_subheader.table-layout > .tr > .td:last-child {
		width : 15.82vw;
	}

	.avatar-wrapper {
		width : 15.82vw;
		height : 15.82vw;
		border-radius : 15.82vw;
	}


	#member_subheader.preferences .avatar-wrapper {
		width : 22.852vw;
		height : 22.852vw;
		border-radius : 22.852vw;
	}
	#member_subheader p ,
	#member_subheader h1 {
		margin-bottom : 1.953vw;
	}	
}
@media all and ( max-width : 720px ){
	.member-footer a.button-style {
		margin-bottom : 1rem;
	}
}
@media all and ( max-width : 660px ){
	#member_subheader.preferences.table-layout > .tr > .td:last-child {
		display : none;
	}
	#member_subheader+div {
		display : block;
	}
}
@media all and ( max-width : 540px ){
	#member_subheader.table-layout > .tr > .td:first-child ,
	#member_subheader.preferences.table-layout > .tr > .td:first-child {
		width : 90px;
	}
	.profile-strip.table-layout > .tr > .td .td ,
	.profile-strip.table-layout > .tr > .td:first-child ,
	#member_subheader.preferences.table-layout > .tr > .td:last-child ,
	#member_subheader.default.table-layout > .tr > .td:nth-child(2) {
		padding-left : 20px;
	}

	#member_subheader.table-layout.default > .tr > .td:last-child {
		display : none;
	}

	.avatar-wrapper ,
	#member_subheader.preferences .avatar-wrapper {
		width : 90px;
		height : 90px;
		border-radius : 90px;
	}
	#member_subheader p.mobile {
		display : block;
	}	
	#member_subheader p ,
	#member_subheader h1 {
		margin-bottom : 12px;
	}	
}
@media all and ( max-width : 440px ){
	#member_subheader.table-layout ,
	#member_subheader.table-layout > .tr ,
	#member_subheader.table-layout > .tr > .td:first-child ,
	#member_subheader.table-layout > .tr > .td:nth-child(2) {
		display : block !important;
		width : 100% !important;
	}
	#member_subheader.default .avatar-wrapper ,
	#member_subheader.preferences .avatar-wrapper {
		width : 200px;
		height : 200px;
		border-radius : 200px;
		margin : 0 auto;
	}
	#member_subheader.table-layout .td {
		padding-left : 0px !important;
	}
}
@media all and ( max-width : 400px ){
	.member-footer a.button-style {
		display : block;
		margin-right : 0;
	}
}

/*--------------------------------------------------------------
# Member Dashboard
--------------------------------------------------------------*/
.table-layout.dashboard-table {
	border-spacing : 25px;
	table-layout : initial;
	border-collapse : separate;
}
.table-layout.dashboard-table > .tr > .td {
	border : 4px solid #a32035;
	width : 50%;
	padding : 15px 20px 15px 20px;
}
.table-layout.dashboard-table> .tr > .td.no-border {
	border : none !important;
}
.table-layout.dashboard-table a.grey-text {
	font-weight : 600;
}
.table-layout.dashboard-table p ,
.table-layout.dashboard-table h1 ,
.table-layout.dashboard-table h2 {
	margin-bottom : 20px;
}
.table-layout.dashboard-table p:last-child {
	margin-bottom : 0px !important;
}
.dashboard-wrapper{
	margin:-25px;	
}
@media all and (min-width: 941px) {
	.table-layout.dashboard-table > .tr > .td.p-margin {
		margin-bottom : 0px !important;
	}
}
@media all and (max-width: 940px) {
	.table-layout.dashboard-table ,
	.table-layout.dashboard-table > .tr ,
	.table-layout.dashboard-table > .tr > .td {
		display : block;
		width : 100%;
		border-spacing : 0;
	}
	.table-layout.dashboard-table > .tr > .td.no-border {
		padding : 0;
	}
	.dashboard-wrapper{
		margin:0px;	
	}
}

@media all and ( max-width : 800px ){
	.table-layout.dashboard-table p ,
	.table-layout.dashboard-table h1 ,
	.table-layout.dashboard-table h2 {
		margin-bottom : 10px;
	}
}
/*--------------------------------------------------------------
# Post Thumbnails
--------------------------------------------------------------*/
.table-layout.post-table > .tr > .td:first-child {
	width : 350px;
}
.table-layout.post-table > .tr > .td:last-child {
	padding-left : 100px;
}
.table-layout.post-table img.mobile-thumbnail {
	display : none;
}
@media all and ( max-width : 1920px ){
	.table-layout.post-table > .tr > .td:first-child {
		width : 18.229vw;
	}
	.table-layout.post-table > .tr > .td:last-child {
		padding-left : 5.208vw;
	}
}
@media all and ( max-width : 800px ){
	.table-layout.post-table > .tr > .td:first-child {
		display : none;
	}
	.table-layout.post-table > .tr > .td:last-child {
		padding-left : 0px;
	}
	.table-layout.post-table img.mobile-thumbnail {
		display : inline;
		float : left;
		margin : 0 1rem .5rem 0;
	}
}

@media all and ( max-width : 520px ){
	img.responsive-post-thumbnail {
		float : none;
		display : block;
		margin : 0 auto .5rem auto
	}
}

/*--------------------------------------------------------------
# Advanced search
--------------------------------------------------------------*/
body.page-template-advanced_search-page #search_bar {
	display : none !important;
}

/*--------------------------------------------------------------
# governance org tree
--------------------------------------------------------------*/
.org-chart.org-cart-container {
	line-height : 0;
	font-size : 1px;
}
.table-layout.org-chart-table {
	width : 100%;
}
.org-chart .show-for-smallest ,
.org-chart .mobile {
	display : none;
}
.org-chart > span {
	display : table;
	position : relative;
	margin : 0 auto;
	overflow : hidden;
	border-style : solid;
	text-align : center;
	border-width : 3px;
	width : 100%;
}
.org-chart > span > span {
	display : table-row;
}
.org-chart > span > span > span {
	display : table-cell;
	vertical-align : middle;
	text-align : center;
}
.org-chart > span a {
	float : right;
	color : #000 !important;
	clear : left;
}
.org-chart > span a ,
.org-chart > span span.subtext {
	font-size : 60%;
	line-height : 1em;
	display : block;
	margin : 0 auto;
	text-align : center;
}
.org-chart div.line-full-down ,
.org-chart div.line-half-down {
	border-right : 2px solid #007770;
	width : 50%;
}
.org-chart .table-layout.lines-down {
	border-collapse : collapse;
}
.org-chart .table-layout.lines-down > .tr > .td {
	border-left : 2px solid #007770;
}
.org-chart .table-layout.lines-down > .tr > .td:last-child {
	border-right : 2px solid #007770;
}
.org-chart .table-layout.lines-down.line-atop > .tr > .td {
	border-top : 2px solid #007770;
}
.org-chart span.color-one  {
	border-color : #007770;
}
.org-chart span.color-two {
	border-color : #4ccdd0;
}
.org-chart span.color-three {
	border-color : #9fda8d;
}
.org-chart span.color-four {
	border-color : #4ba5a5;
}
.org-chart > span.with-more-link > span > span > span {
	display : block;
}
@media all and ( min-width : 1921px ){
	.table-layout.org-chart-table > .tr > .td {
		padding : 0px 10px;
	}

	.org-chart > span {
		font-size : 40px;
		line-height : 50px;
		min-height : 70px;
	}
	.org-chart > span > span > span {
		padding : 0 22px;
	}
	.org-chart > span.color-four > span > span {
		padding : 22px 22px;
	}
	.org-chart.org-chart-fixed-height > span.with-more-link > span > span {
		padding : 0 20px 0 45px;
	}
	.org-chart.org-chart-fixed-height > span.with-more-link > span > span > span {
		padding-top : 45px;
		padding-right : 25px;
	}
	.org-chart.org-chart-fixed-height > span > span > span {
		padding : 45px;
	}
	.org-chart > span {
		max-width : 475px;
	}
	.org-chart > span.narrow {
		max-width : 317px;
	}
	.org-chart.org-chart-fixed-height > span {
		min-height : 202px;
	}

	.org-chart div.line-full-down {
		height : 70px;
	}
	.org-chart div.line-half-down {
		height : 30px;
	}
	.org-chart .table-layout.lines-down > .tr > .td {
		height : 40px;
	}
	.org-chart .table-layout.lines-down.full-height > .tr > .td {
		height : 70px;
	}	
	.org-chart .table-layout.lines-down {
		max-width : 1420px;
		margin : 0 auto;
	}
}
@media all and ( max-width : 1920px ){
	.table-layout.org-chart-table > .tr > .td {
		padding : 0px 0.521vw;
	}
	.org-chart > span {
		font-size : 2.083vw;
		line-height : 2.604vw;
		min-height : 3.646vw;
	}
	.org-chart > span > span > span {
		padding : 0 1.146vw;
	}
	.org-chart > span.color-four > span > span {
		padding : 1.146vw 1.146vw;
	}
	.org-chart.org-chart-fixed-height > span > span > span {
		padding : 1vw;
	}
	.org-chart.org-chart-fixed-height > span.pinch-vertical > span > span {
		padding : .5vw 1vw;
	}
	.org-chart.org-chart-fixed-height > span.with-more-link > span > span {
		padding : 0 1.042vw 0 2.344vw;
	}
	.org-chart.org-chart-fixed-height > span.with-more-link > span > span > span {
		padding-top : 2.344vw;
		padding-right : 1.302vw;
	}
	.org-chart.org-chart-fixed-height > span.pinch-vertical.with-more-link > span > span {
		padding : 0 1.042vw 0 2.344vw;
	}
	.org-chart.org-chart-fixed-height > span.pinch-vertical.with-more-link > span > span > span {
		padding-top : .5vw;
		padding-right : 1.302vw;
	}
	.org-chart > span {
		max-width : 24.74vw;
	}
	.org-chart > span.narrow {
		max-width : 16.51vw;
	}
	.org-chart.org-chart-fixed-height > span {
		min-height : 10.521vw;
	}

	.org-chart div.line-full-down {
		height : 3.646vw;
	}
	.org-chart div.line-half-down {
		height : 1.563vw;
	}
	.org-chart .table-layout.lines-down > .tr > .td {
		height : 2.083vw;
	}
	.org-chart .table-layout.lines-down.full-height > .tr > .td {
		height : 3.646vw;
	}	
	.org-chart .table-layout.lines-down {
		width : 80%;
	}
}
@media all and ( min-width : 801px ){
	.org-chart .table-layout.lines-down {
		margin : 0 auto;
	}
	.org-chart > span.narrow {
		float : right;
	}

}
@media all and ( max-width : 800px ){
	.org-chart > span span.subtext,
	.org-chart > span a {
		font-size : 14px;
	}
	.org-chart .desktop {
		display : none !important;
	}
	.org-chart .mobile {
		display : block !important;
	}
	.org-chart > span {
		font-size : 16px;
		min-width : 150px;
		line-height : 1.25;
	}
	
	.table-layout.block-under-800px ,
	.table-layout.block-under-800px > .tr ,
	.table-layout.block-under-800px > .tr > .td {
		display : block;
		width : 100%;
	}
	.table-layout.block-under-800px > .tr > .td.desktop {
		display : none !important;
	}
	.table-layout.block-under-800px > .tr > .td {
		width : 49%;
		display : inline-block;
		vertical-align : top;
	}
	.table-layout.block-under-800px.lines-on-sides {
		padding-bottom : 15px;
		margin : 0px 0 0 0 !important;
		border-left : 2px solid #007770;
	}
	.org-chart div.line-half-down ,
	.org-chart div.line-full-down {
		height : 15px;
	}
	div.line-left {
		width : 50%;
		border-top : 2px solid #007770;
		border-left : 2px solid #007770;
	}
	.table-layout.lines-down.line-atop {
		margin : 0 0 0 0 !important;
		width : 100% !important;
	}
	/*
	.table-layout.lines-down.line-atop > .tr > .td:nth-child(2) {
		width : 50% !important;
	}
	.table-layout.lines-down.line-atop > .tr > .td:last-child {
		border-top : none !important;
		border-right : none !important;
		border-left : none !important;
	}
	.table-layout.lines-down.line-atop > .tr > .td:last-child {
	.table-layout.lines-down.line-atop > .tr > .td:nth-last-child(2) {
		border-top : none !important;
	}
	*/
	.table-layout.lines-down.line-atop > .tr > .td:nth-child(2) {
		width : 50% !important;
	}
	.table-layout.lines-down.line-atop > .tr > .td:last-child {
		display : none;
	}
	.table-layout.lines-down.line-atop.empty-ends + .table-layout.org-chart-table.block-under-800px + .table-layout.lines-down.line-atop.empty-ends > .tr > .td:nth-child(2) ,
	.table-layout.lines-down.line-atop > .tr > .td:nth-last-child(2) {
		border-top : none !important;
	}
	.table-layout.lines-down.line-atop.empty-ends + .table-layout.org-chart-table.block-under-800px + .table-layout.lines-down.line-atop.empty-ends > .tr > .td:first-child ,
	.table-layout.lines-down.line-atop.empty-ends + .table-layout.org-chart-table.block-under-800px + .table-layout.lines-down.line-atop.empty-ends > .tr > .td:nth-child(3) {
		border-left : none !important;
	}
/*	
	.table-layout.lines-down.line-atop.empty-ends > .tr > .td:first-child {
		border-left : none !important;
	}
*/
	.table-layout.lines-down.line-atop.empty-ends > .tr > .td:last-child {
		border-right : none !important;
	}
}
@media all and ( max-width : 400px ){

	.org-chart .mobile.hide-for-smallest {
		display : none !important;
	}
	.org-chart .show-for-smallest {
		display : block;
	}
	.table-layout.lines-down.line-atop {
		display : none !important;
	}
	.table-layout.block-under-800px > .tr > .td {
		width : 100%;
		padding-left : 0px !important;
		padding-right : 0px !important;
		padding-bottom : 15px;
	}
	.border-bottom-at-smallest {
		border-bottom : 2px solid #007770;
	}
	.border-top-at-smallest {
		border-top : 2px solid #007770;
	}
	.border-left-at-smallest {
		border-left : 2px solid #007770;
	}
	.org-chart .td div.line-full-down ,
	.org-chart .td div.line-half-down {
		margin-left : -1px;
	}

}
/*
# button strip (horizontal)
*/
.button-strip > * {
	margin-right : 0.5rem;
	margin-bottom : 0.5rem;
}

/*
# "question/comments?" popup when clicking the question mark icon in the members header view
*/
.info-popup-container {
	position : relative;
	cursor : pointer;
	display : block;
}
.info-popup-container .info-popup {
	display : none;
}
.info-popup-container.on .info-popup {
	display : block;
	position : absolute;
	top : 50% !important;
	right : 50% !important;
	right : 0;
	width : 320px;
	height : auto;
	padding : 1rem;
	background-color : #fff;
	border : 3px solid #a32035;
	z-index : 999;
	text-align :center;
}

#beanstream_cvv {
	box-sizing: content-box;
}

/**
# Facts grid (red grid of industry facts on the home page)
**/

.facts-grid {
	line-height : 0;
	font-size : 0;
}
.facts-grid > div {
	display : inline-block;
	width : 33.333%;
	position : relative;
	line-height : 1.5em;
	background-repeat : no-repeat;
	background-position : center center;
	color : #ffffff;
	background-size : contain;
	vertical-align : top;
	transition: background-color 400ms linear,background-image 400ms linear ;
}
.facts-grid > div .larger {
	display : inline-block;
	vertical-align : middle;
	padding : 5px 0;
	text-transform : uppercase;
	font-weight : 600;
}
.facts-grid > div:before{
	content: "";
	display: block;
	padding-top: 54.562%;
}
.facts-grid > div > div {
	width : 100%;
	top : 50%;
	transform : translateY(-50%);
	text-align : center;
	position : absolute;
}

.inverted-fact-colors  .facts-grid > div:nth-child(odd):hover ,
.facts-grid > div:nth-child(even):hover ,
.inverted-fact-colors  .facts-grid > div:nth-child(even) ,
.facts-grid > div:nth-child(odd) {
	background-color : rgb(163,32,53);
}
.inverted-fact-colors  .facts-grid > div:nth-child(even):hover ,
.facts-grid > div:nth-child(odd):hover ,
.inverted-fact-colors  .facts-grid > div:nth-child(odd) ,
.facts-grid > div:nth-child(even) {
	background-color : rgb(172,62,80);
}

/*
Pig
*/
.inverted-fact-colors .facts-grid > div.Pig:nth-child(odd):hover ,
.facts-grid > div.Pig:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Pig:nth-child(even) ,
.facts-grid > div.Pig:nth-child(odd) {
	background-image : url(images/facts-grid/light/Pig.png);
}
.inverted-fact-colors .facts-grid > div.Pig:nth-child(even):hover ,
.facts-grid > div.Pig:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Pig:nth-child(odd) ,
.facts-grid > div.Pig:nth-child(even) {
	background-image : url(images/facts-grid/dark/Pig.png);
}
/*
Cow
*/
.inverted-fact-colors .facts-grid > div.Cow:nth-child(odd):hover ,
.facts-grid > div.Cow:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Cow:nth-child(even) ,
.facts-grid > div.Cow:nth-child(odd) {
	background-image : url(images/facts-grid/light/Cow.png);
}
.inverted-fact-colors .facts-grid > div.Cow:nth-child(even):hover ,
.facts-grid > div.Cow:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Cow:nth-child(odd) ,
.facts-grid > div.Cow:nth-child(even) {
	background-image : url(images/facts-grid/dark/Cow.png);
}
/*
Hand
*/
.inverted-fact-colors .facts-grid > div.Hand:nth-child(odd):hover ,
.facts-grid > div.Hand:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Hand:nth-child(even) ,
.facts-grid > div.Hand:nth-child(odd) {
	background-image : url(images/facts-grid/light/Hand.png);
}
.inverted-fact-colors .facts-grid > div.Hand:nth-child(even):hover ,
.facts-grid > div.Hand:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Hand:nth-child(odd) ,
.facts-grid > div.Hand:nth-child(even) {
	background-image : url(images/facts-grid/dark/Hand.png);
}

/*
Dollar
*/
.inverted-fact-colors .facts-grid > div.Dollar:nth-child(odd):hover ,
.facts-grid > div.Dollar:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Dollar:nth-child(even) ,
.facts-grid > div.Dollar:nth-child(odd) {
	background-image : url(images/facts-grid/light/Dollar.png);
}
.inverted-fact-colors .facts-grid > div.Dollar:nth-child(even):hover ,
.facts-grid > div.Dollar:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Dollar:nth-child(odd) ,
.facts-grid > div.Dollar:nth-child(even) {
	background-image : url(images/facts-grid/dark/Dollar.png);
}

/*
Maple-Leaf
*/
.inverted-fact-colors .facts-grid > div.Maple-Leaf:nth-child(odd):hover ,
.facts-grid > div.Maple-Leaf:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Maple-Leaf:nth-child(even) ,
.facts-grid > div.Maple-Leaf:nth-child(odd) {
	background-image : url(images/facts-grid/light/Maple-Leaf.png);
}
.inverted-fact-colors .facts-grid > div.Maple-Leaf:nth-child(even):hover ,
.facts-grid > div.Maple-Leaf:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Maple-Leaf:nth-child(odd) ,
.facts-grid > div.Maple-Leaf:nth-child(even) {
	background-image : url(images/facts-grid/dark/Maple-Leaf.png);
}
/*
People
*/
.inverted-fact-colors .facts-grid > div.People:nth-child(odd):hover ,
.facts-grid > div.People:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.People:nth-child(even) ,
.facts-grid > div.People:nth-child(odd) {
	background-image : url(images/facts-grid/light/People.png);
}
.inverted-fact-colors .facts-grid > div.People:nth-child(even):hover ,
.facts-grid > div.People:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.People:nth-child(odd) ,
.facts-grid > div.People:nth-child(even) {
	background-image : url(images/facts-grid/dark/People.png);
}
/*
Person
*/
.inverted-fact-colors .facts-grid > div.Person:nth-child(odd):hover ,
.facts-grid > div.Person:nth-child(even):hover ,
.inverted-fact-colors .facts-grid > div.Person:nth-child(even) ,
.facts-grid > div.Person:nth-child(odd) {
	background-image : url(images/facts-grid/light/Person.png);
}
.inverted-fact-colors .facts-grid > div.Person:nth-child(even):hover ,
.facts-grid > div.Person:nth-child(odd):hover ,
.inverted-fact-colors .facts-grid > div.Person:nth-child(odd) ,
.facts-grid > div.Person:nth-child(even) {
	background-image : url(images/facts-grid/dark/Person.png);
}

.facts-grid > div {
	font-size : 1rem;
}
.facts-grid > div .larger {
	font-size : 2rem;
}
@media all and ( max-width : 1920px ) {
	.facts-grid > div {
		font-size : 1.042vw;
	}
	.facts-grid > div .larger {
		font-size : 2.083vw;
	}
}
@media all and ( max-width : 1024px ) {
	.facts-grid > div {
		font-size : 1.758vw;
	}
	.facts-grid > div .larger {
		font-size : 3.516vw;
	}
	.facts-grid > div {
		width : 50%;
	}
	.facts-grid > div:last-child:nth-child(odd) {
		margin : 0 auto !important;
		display : block;
	}
}
@media all and ( max-width : 640px ) {
	.facts-grid > div {
		font-size : 3.086vw;
	}
	.facts-grid > div .larger {
		font-size : 6.173vw;
	}
	.facts-grid > div {
		width : 100%;
		display : block;
	}
}
@media all and ( max-width : 420px ) {
	.facts-grid > div {
		font-size : 15px;
	}
	.facts-grid > div .larger {
		font-size : 25px;
	}
	
}
/*--------------------------------------------------------------
# flexslider tweaks (member slider, bottom of home page)
--------------------------------------------------------------*/
.nbs-flexisel-nav-right:before ,
.nbs-flexisel-nav-left:before {
	display : none;
}
.nbs-flexisel-nav-right ,
.nbs-flexisel-nav-left {
	width : 25px;
	height : 46px;
	padding : 0 !important;
	background-image : url(images/decoration/slider-nav.png);
}
.nbs-flexisel-nav-left {
	background-position : left;
	left : 0 !important;
}
.nbs-flexisel-nav-right {
	background-position : right;
	right : 0 !important;
}

/*--------------------------------------------------------------
# list with icon backgrounds on "who we are" page
--------------------------------------------------------------*/
.who-we-are-paragraph div.border-div {
	display : inline-block;
	vertical-align : top;
	/* border-bottom : 2px solid #a32035; */
	background-repeat : no-repeat;
	background-position : left bottom;
	/*background-size : contain;*/
	padding : 15px 15px 15px 125px;
	position : relative;
}
.who-we-are-paragraph div.border-div.background-member-services {
	background-image : url(images/icons/about-us/member-services.png);
}
.who-we-are-paragraph div.border-div.background-regulatory-content {
	background-image : url(images/icons/about-us/regulatory-content.png);
}
.who-we-are-paragraph div.border-div.background-international-trade {
	background-image : url(images/icons/about-us/international-trade.png);
}
.who-we-are-paragraph div.border-div.background-public-engagement {
	background-image : url(images/icons/about-us/public-engagement.png);
}

.who-we-are-paragraph div.border-div:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #a32035;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	transform-origin: top left;	
}
.who-we-are-paragraph div.border-div:hover:before {
	transform: scaleX(1);
}

/*--------------------------------------------------------------
# theme-my-login tweaks (login form, profile)
--------------------------------------------------------------*/

.tml-login .tml-submit-wrap {
	vertical-align : top;
}
.login-table #theme-my-login .tml-user-login-wrap {
	margin-bottom : 15px !important;
}
@media all and ( max-width : 500px ){
	.who-we-are-paragraph div.border-div {
		padding : 15px 15px 15px 90px;
	}
}
@media all and ( max-width : 365px ){
	.who-we-are-paragraph div.border-div {
		padding : 15px 0px 15px 90px;
	}
}

/*--------------------------------------------------------------
# tweaks for debugging etc
--------------------------------------------------------------*/

/*
hide this until we figure out how we want to use it
body.blog .content-section.title-section h2.floated-title {
	display : none !important;
}
*/


/*--------------------------------------------------------------
# generic toggle-able (drop-down) content 
--------------------------------------------------------------*/

.toggle-named-hidden-content:active ,
.toggle-named-hidden-content:focus ,
.toggle-named-hidden-content:hover ,
.toggle-named-hidden-content {
	text-decoration : none !important;
	outline : !important;
}
.toggle-named-hidden-content:before {
	content : "►";
	color: #000000;
}
.toggle-named-hidden-content.on:before {
	content : "▼";
}
.named-hidden-content {
	display : none;
}
/*--------------------------------------------------------------
# news section on home page
--------------------------------------------------------------*/
html body #page section.content-section.home-news-section .post-item {
	margin-bottom : 0.8rem;
}
html body #page section.content-section.home-news-section .post-item h2 {
	margin-bottom : 0;
	font-size : 1rem;
	font-weight : 500;
}
html body #page section.content-section.home-news-section .smaller p:nth-last-child(2) {
	margin-bottom : 0px;
}
html body #page section.content-section.home-news-section .readmorelink {
	margin-top : 0.3em;
}


/*--------------------------------------------------------------
# Board members page
--------------------------------------------------------------*/

html body #page section.content-section.our-board-page {
	margin-right : 0;
}

.fluid-board-grid {
	line-height : 0;
	font-size : 0;
}


.fluid-board-grid .fluid-board-grid-cell {
	text-align : left;
	text-align-last : left;
	display : inline-block;
	vertical-align : top;
	width : 11rem;
	margin-bottom : 0.5rem;
	width : 20%;
	font-size : 1rem;
	line-height: 1.25;
	padding-right : 1rem;
}

@media all and ( max-width : 1350px ){
	.fluid-board-grid .fluid-board-grid-cell {
		width : 25%;
	}
}
@media all and ( max-width : 1100px ){
	.fluid-board-grid .fluid-board-grid-cell {
		width : 33.333%;
	}
}

@media all and ( max-width : 770px ){
	.fluid-board-grid .fluid-board-grid-cell {
		width : 50%;
	}
}

@media all and ( max-width : 480px ){
	.fluid-board-grid .fluid-board-grid-cell {
		width : 100%;
	}
}

/*--------------------------------------------------------------
# Grid list (Member benefits)
--------------------------------------------------------------*/
.grid-list-table {
	max-width : 1462px;
	margin : 0 auto;
	text-align:left !important;
}
.grid-list-table h2 {
	margin-bottom : 0;
}
ul.grid-list {
	margin : 0 0 0 0 !important;
	padding : 0 0 0 0 !important;
}
ul.grid-list > li {
	width : 50%;
	vertical-align : top;
	display : table-cell;
	/* padding : 2.083vw 2.083vw 2.083vw 3.125vw; */
	padding : 2.083vw 2.083vw 2.083vw 2.083vw;
	margin : 0 0 0 0 !important;
}
/* .no-outdent ul.grid-list > li {
	padding : 2.083vw 2.083vw 2.083vw 2.083vw;
} */
ul.grid-list:nth-child(even) > li:nth-child(odd) ,
ul.grid-list:nth-child(odd) > li:nth-child(even) {
	background : rgba( 237 , 237 , 238 , 0.49 );
}
ul.grid-list:nth-child(even) > li:nth-child(even) ,
ul.grid-list:nth-child(odd) > li:nth-child(odd) {
	background : #ededee;
}
ul.grid-list > li > ul {
	padding-top : 1rem;
	margin-left : 0;
	/*margin-left : -1.5625vw;*/
}
/* .no-outdent ul.grid-list > li > ul {
	margin-left : 0;
} */
@media all and ( max-width : 768px ){
	.table-layout > ul.grid-list ,
	.table-layout > ul.grid-list > li {
		display : block;
		width : 100%;
	}
	ul.grid-list:nth-child(even) > li:nth-child(even) ,
	ul.grid-list:nth-child(odd) > li:nth-child(even) {
		background : rgba( 237 , 237 , 238 , 0.49 );
	}
	ul.grid-list:nth-child(even) > li:nth-child(odd) ,
	ul.grid-list:nth-child(odd) > li:nth-child(odd) {
		background : #ededee;
	}
}
/*--------------------------------------------------------------
# post list (striping)
--------------------------------------------------------------*/
.post-list-container {
	padding-top : 80px;
}
.post-list-container section.content-section {
	font-size : 16px;
	padding-top : 0px;
	padding-bottom : 0px;
}
.post-list-container section.content-section .content-inner {
	padding-top : 40px;
	padding-bottom : 40px;
	border-top : 3px solid #a32035;
}
.post-list-container section.content-section ,
.post-list-container section.content-section .content-inner {
	margin-bottom : 0 !important;
}
.post-list-container .entry-header h2 {
	font-size : 19.896px;
}
.post-list-container section.content-section:first-child {
	position : relative;
}
.post-list-container section.content-section:first-child::before {
	content : '';
	background-size : cover;
	bacground-position : center bottom;
	background-repeat : no-repeat;
	background-image : url(./images/2023/red-crown-decoration.png);
	position : absolute;
	left : 50%;
	bottom : 100%;
	transform : translateX(-50%);
	width : 152px;
	height :36px;
}
/*--------------------------------------------------------------
# justified large icons (nutrition page, superfoods section)
--------------------------------------------------------------*/
.justified-icon-wrap {
	line-height : 0;
	font-size : 0;
	text-align : center;
	display : flex;
	justify-content : space-between;
	letter-spacing : 0;
}
.justified-icon-wrap + .justified-icon-wrap {
	justify-content : space-around;
	width : 90%;
	margin : 0 auto;
}

.justified-icon-container {
	display : inline-block;
	vertical-align : top;
	width : 20%;
	text-align : center;
	flex : 0;
}

.justified-icon-circle {
	display : inline-block;
	width : 202px;
	height: 202px;
	border-radius: 100%;
	/* overflow: hidden; */
	background-color : #eff0f0;
	position : relative;
	text-align : center;
}
.smaller .justified-icon-circle {
	width : 175px;
	height: 175px;
}

.interactive-circle-overlay .justified-icon-circle {
	position : absolute;
	width : 441px;
	height : 441px;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
	opacity : 0;
	transition : opacity 1s;
	z-index : 2;
}
.interactive-circle-overlay .justified-icon-circle.active {
	opacity : 1;
	cursor : pointer;
	z-index : 3;
}

.interactive-circle-overlay {
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : 2;
	background-color : rgba( 109 , 110 , 113 , 0.7 );
	display : none;
	cursor : pointer;
}
html body #page section.content-section.did-you-know-section-arp .content-inner {
	position : initial;
}

.justified-icon-wrap.interactive .justified-icon-circle {
	cursor : pointer;
}
.justified-icon-circle-inner {
	position : absolute;
	top : 50%;
	left : 0;
	right : 0;
	transform : translateY(-50%);
	padding : 0 1.75rem;
}
html[lang="fr-CA"]  .interactive-circle-overlay .justified-icon-circle-inner {
	padding : 0 1.25rem;
}
.justified-icon-title {
	line-height : 1.4;
	font-size : 0.864rem;
	color : #a32035;
	padding-top : 1rem;
	font-weight : bold;
}
.interactive-circle-overlay .justified-icon-title {
	padding-top : 1rem;
	padding-bottom : 1rem;
	font-size : 1rem;
}
.interactive-circle-overlay .justified-icon-reference-toggle {
	fons-size : 80%;
	color : #a32035 !important;
	text-decoration : none;
}

html[lang="fr-CA"] .interactive-circle-overlay .justified-icon-title {
	padding-top : 1rem;
	padding-bottom : 1rem;
}
.interactive-circle-overlay .justified-icon-content {
	display : block;
	line-height : 1.25;
	font-size : 0.75rem;
	color : #5f504d;
	padding : 0 0.5rem;
}
.interactive-circle-overlay .justified-icon-reference {
	display : none;
}
.interactive-circle-overlay .justified-icon-reference a {
	color : #a32035 !important;
	text-decoration : underline;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;	
}
.interactive-circle-overlay .justified-icon-circle-inner.active .justified-icon-reference {
	display : block;
	position : absolute;
	top : 100%;
	background-color : #ffffff;
	color : #000000;
	font-size : 15px !important;
	padding : 20px;
}

@media all and ( max-width : 1280px ){
	.justified-icon-wrap {
		flex-wrap : wrap;
		justify-content : space-around;
	}
	.justified-icon-container {
		flex-basis : 25%;
		flex-grow : 0;
		flex-shrink : 0;
		margin-bottom : 50px;
	}
}
@media all and ( max-width : 1024px ){
	.justified-icon-container {
		flex-basis : 33%;
	}
}
@media all and ( max-width : 768px ){
	.justified-icon-container {
		flex-basis : 50%;
	}
}
@media all and ( max-width : 490px ){
	.justified-icon-container {
		flex-basis : 100%;
	}
}
/* 
@media all and ( min-width : 1201px ){
	.justified-icon-container:nth-child(6) ,
	.justified-icon-container:nth-child(2) ,
	.justified-icon-container:nth-child(1) {
		text-align : left;
	}
	.justified-icon-container:nth-child(9	) ,
	.justified-icon-container:nth-child(4) ,
	.justified-icon-container:nth-child(5) {
		text-align : right;
	}
	.justified-icon-container:nth-child(8) ,
	.justified-icon-container:nth-child(2) {
		padding-left : 2%;
	}
	.justified-icon-container:nth-child(4) ,
	.justified-icon-container:nth-child(7) {
		padding-right : 2%;
	}
}
@media all and ( max-width : 1600px ) and ( min-width : 1201px ) {
	.justified-icon-container:nth-child(8) ,
	.justified-icon-container:nth-child(2) {
		padding-left : 1.5%;
	}
	.justified-icon-container:nth-child(4) ,
	.justified-icon-container:nth-child(7) {
		padding-right : 1.5%;
	}
}
@media all and ( max-width : 1300px ) and ( min-width : 1201px ) {
	.justified-icon-container:nth-child(8) ,
	.justified-icon-container:nth-child(2) {
		padding-left : 0.5%;
	}
	.justified-icon-container:nth-child(4) ,
	.justified-icon-container:nth-child(7) {
		padding-right : 0.5%;
	}
}
@media all and ( max-width : 1200px ){
	.justified-icon-container {
		width : 25%;
		margin-bottom : 2rem;
	}
}
@media all and ( max-width : 940px ){
	.justified-icon-container {
		width : 33.333%;
	}
}
@media all and ( max-width : 720px ){
	.interactive-circle-overlay .justified-icon-circle {	
		position : fixed;
	}
	.justified-icon-container {
		width : 50%;
	}
} */
/* 
@media all and ( max-width : 490px ){
	.justified-icon-container {
		width : 100%;
	}
	html[lang="fr-CA"] .interactive-circle-overlay .justified-icon-image-wrap img {
		height : 50px !important;
		width : auto !important;
	}
	.interactive-circle-overlay .justified-icon-circle {
		width : 320px;
		height : 320px;
		left : 50%;
		top : 50%;
		transform : translate(-50%,-50%);
		opacity : 0;
		transition : opacity 1s;
	}	
	.interactive-circle-overlay .justified-icon-title {
		padding-top : 0.5rem;
		padding-bottom : 0.5rem;
		font-size : 1rem;
	}
	html[lang="fr-CA"] .interactive-circle-overlay .justified-icon-title {
		padding-top : 0.25rem;
		padding-bottom : 0.25rem;
	}
	.interactive-circle-overlay .justified-icon-content {
		padding : 0 0.9rem;
	}	
} */
.hidden-nutrition-fact {
	display : none;
}
.three-nutrition-facts span:nth-child(3) ,
.three-nutrition-facts span:nth-child(1) {
	vertical-align : top;
}
.three-nutrition-facts span:nth-child(2) {
	margin : 3rem 10% 0;
}
@media all and ( max-width : 1300px ){
	.three-nutrition-facts {
		text-align : justify;
		text-align-last : justify;
	}
	.three-nutrition-facts span:nth-child(2) {
		margin : 3rem 0 0 0;
	}
}
@media all and ( max-width : 1040px ){
	.three-nutrition-facts span:nth-child(2) {
		display : none;
	}
	.hidden-nutrition-fact {
		display : block;
		text-align : center;
	}
}
@media all and ( max-width : 720px ){
	.three-nutrition-facts {
		text-align : center;
		text-align-last : center;
	}
	.three-nutrition-facts span {
		margin-top : 1rem;
	}
	.hidden-nutrition-fact span ,
	.hidden-nutrition-fact img ,
	.three-nutrition-facts span ,
	.three-nutrition-facts img {
		max-width : 100%;
	}
}

/*--------------------------------------------------------------
# stuff for Meat vs Plants
--------------------------------------------------------------*/

.one-to-7.medium ,
.one-to-7.small {
	display : none;
}

@media all and ( max-width : 880px ){
	.one-to-7.full {
		display : none;
	}
	.one-to-7.medium {
		display : inline-block;
	}
}
@media all and ( max-width : 520px ){
	.one-to-7.medium {
		display : none;
	}
	.one-to-7.small {
		display : inline-block;
	}
}
.Meat-v-Plants-red-bar table.outer-table > tbody > tr > td {
	width : 48%;
}
.Meat-v-Plants-red-bar table.outer-table > tbody > tr > td:nth-child(2) {
	width : 4%;
}
.Meat-v-Plants-red-bar table.outer-table > tbody > tr > td:first-child ,
.Meat-v-Plants-red-bar table.outer-table > tbody > tr > td:last-child {
	background-color : #a32035;
}
	
.Meat-v-Plants-red-bar table table td {
	color : #ffffff;
	vertical-align: middle;
	padding : 1rem;
}
.Meat-v-Plants-red-bar table td:first-child table td:last-child {
	vertical-align : top;
	width : 100px;
}
.Meat-v-Plants-red-bar table td:last-child table td:last-child {
	vertical-align : top;
	width : 200px;
}
table.wacky-table {
	max-width : 1277px;
	margin : 0 auto 2rem auto;
}
table.wacky-table td {
	background-image : url(images/stuff/wacky-background.png);
	height : 125px;
	background-repeat : no-repeat;
}
table.wacky-table td:first-child {
	background-position : left center;
}
table.wacky-table td:last-child {
	background-position : right center;
}

table.wacky-table td:nth-child(2) {
	width : 80px;
	background-position : center center;
}

table.farm-to-fork td {
	vertical-align : center;
}
table.farm-to-fork td:first-child span:first-child {
	float : left;
}
table.farm-to-fork td:first-child span:nth-child(2) {
	float : right;
	transform : translateX(20px);
}
table.farm-to-fork td:last-child {
	width : 940px;
}
table.farm-to-fork .hover-fade-image img ,
table.farm-to-fork .hover-fade-image {
	max-width : 100%;
	z-index: 1;
}
@media all and ( max-width : 1720px ){
	table.farm-to-fork .hover-fade-image img ,
	table.farm-to-fork .hover-fade-image {
		width : 300px;
		height : 300px;
	}
	table.farm-to-fork td:last-child div {
		overflow : hidden;
		z-index: 0;
	}
	table.farm-to-fork td:last-child {
		text-align : right;
	}
	table.farm-to-fork td:last-child div ,
	table.farm-to-fork td:last-child {
		width : 690px;
	}
	table.farm-to-fork td:last-child img {
		width : 840px;
		max-width : 840px;
		transform : translateX(-150px);
	}
}
@media all and ( max-width : 1380px ){
	table.farm-to-fork ,
	table.farm-to-fork tbody ,
	table.farm-to-fork td,
	table.farm-to-fork tr,
	table.farm-to-fork div {
		display : block;
		width : 100% !important;
	}
	table.farm-to-fork td:first-child {
		margin-bottom : 1rem;
	}
	table.farm-to-fork td:last-child img {
		width : auto;
		max-width : 100%;
		transform : translateX(0px);
	}
	table.farm-to-fork td:last-child {
		text-align : center;
	}
	table.farm-to-fork td:first-child span:nth-child(2) {
		float : right;
		transform : translateX(0px);
	}
}

/*--------------------------------------------------------------
# lop-sided red bar above the second banner on the home page
--------------------------------------------------------------*/
table.lop-sided-table {
	float : right;
	max-width : 1480px;
	margin-bottom : 0px;
}
table.lop-sided-table td:first-child {
	text-align : center;
	vertical-align : top;
}
table.lop-sided-table td:last-child {
	text-align : right;
	width : 300px;
	vertical-align : middle;
}
@media all and ( max-width : 700px ){
	table.lop-sided-table td ,
	table.lop-sided-table tr ,
	table.lop-sided-table tbody ,
	table.lop-sided-table {
		display : block !important;
		width : 100% !important;
		text-align : center !important;
	}
	table.lop-sided-table td:first-child {
		margin-bottom : 1rem !important;
	}
}

/*--------------------------------------------------------------
# white striped columns in second banner of home page
--------------------------------------------------------------*/
table.white-striped-columns {
	width : 100%;
	margin : 0 0 0 0;
}

table.white-striped-columns td {
	width : 33.333%;
	text-align : center;
	vertical-align : top;
	padding : 3.75rem 1rem 3.5rem 1rem;
	color : #ffffff !important;
}

table.white-striped-columns td {
	background-color : rgba( 35 , 31 , 32 , 0.67 )
}

table.white-striped-columns td:nth-child(2) {
	background-color : rgba( 35 , 31 , 32 , 0.4 )
}

table.white-striped-columns div {
	font-size : 1.5rem;
}
table.white-striped-columns div.giant {
	font-size : 7.336rem;
	line-height : 0.8em;
	padding-bottom : 1.5rem;
}

@media screen and ( max-width : 590px ){
	table.white-striped-columns ,
	table.white-striped-columns tbody ,
	table.white-striped-columns tr ,
	table.white-striped-columns td {
		display : block;
		width : 100% !important;
	}
	table.white-striped-columns td {
		padding : 2rem 1rem 2rem 1rem;
	}
	table.white-striped-columns div.giant {
		font-size : 5rem;
		padding-bottom : 1rem;
	}
}

/*--------------------------------------------------------------
# grey hover circle and hover squares with fonts and icons changing to white on hover with red background (fact-and-figures page )
--------------------------------------------------------------*/
table.facts-three {
	width : 100%;
	margin-bottom : 0;
}
table.facts-three td {
	text-align : center;
	vertical-align : middle;
}
table.facts-three td:first-child {
	width : 400px;
	text-align : left;
}
table.facts-three td:last-child {
	width : 400px;
	text-align : right;
}
.hover-color .red-text {
	color : #a32035;
}
.hover-color ,
.hover-color .red-text {
	transition : color 0.2s, background-color 0.2s;
}
.hover-color:hover ,
.hover-color:hover .red-text {
	color : #ffffff !important;
}

.hover-color {
	background-color : #eff0f0;
}
.hover-color:hover {
	background-color : #a32035;
}
.grey-hover-circle {
	width : 346px;
	height : 346px;
}
.grey-hover-rectangle ,
.grey-hover-circle {
	position : relative;
	display : inline-block;
	background-color : #eff0f0;
}
.grey-hover-circle {
	border-radius : 100%;
}
.grey-hover-rectangle {
	padding : 1rem;
	text-align : center;
}
.grey-hover-circle .inner {
	position : absolute;
	left : 0;
	right : 0;
	top : 50%;
	transform : translateY(-50%);
	text-align : center;
	padding : 0 1rem;
}

@media screen and ( max-width : 1250px ){
	.grey-hover-circle {
		width : 230px;
		height : 230px;
	}
	.grey-hover-circle {
		font-size : .8rem;
	}
	.grey-hover-circle .h2-size {
		font-size : 1rem;
	}
	table.facts-three td:first-child ,
	table.facts-three td:last-child {
		width : 250px;
	}
}

@media screen and ( max-width : 810px ){
	table.facts-three td,
	table.facts-three tbody,
	table.facts-three tr,
	table.facts-three {
		display : block;
	}
	table.facts-three td {
		text-align : right;
	}
	table.facts-three td:first-child {
		text-align : left;
	}
	table.facts-three td ,
	table.facts-three td:first-child {
		width : 49%;
		display : inline-block;
	}
	table.facts-three td:last-child {
		width : 100%;
		text-align : center;
	}
}
@media screen and ( max-width : 540px ){
	table.facts-three td {
		display : block !important;
		width : 100% !important;
		text-align : center !important;
	}
	table.facts-three td:nth-child(2) {
		padding : 1.5rem 0;
	}
	.grey-hover-circle {
		width : 280px;
		height : 280px;
	}
	.grey-hover-circle {
		font-size : 1rem;
	}
	.grey-hover-circle .h2-size {
		font-size : 1.5rem;
	}
}
.inverted-hover-color strong ,
.inverted-hover-color * ,
.inverted-hover-color {
	color : #ffffff;
}
.inverted-hover-color ,
.inverted-hover-color .white-text {
	transition : color 0.2s, background-color 0.2s;
}

/* .inverted-hover-color:hover strong ,
.inverted-hover-color:hover ,
.inverted-hover-color:hover * {
	color : #a32035 !important;
} */

.inverted-hover-color {
	background-color : #a32035 !important;
}
/* .inverted-hover-color:hover {
	background-color : #eff0f0 !important;
} */

table.facts-red-bar {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto 0 auto;
}
table.facts-red-bar td {
	text-align : center;
	vertical-align : top;
}
table.facts-red-bar td:first-child {
	width : 118px;
	text-align : left;
}
table.facts-red-bar td:last-child {
	width : 118px;
	text-align : right;
}
@media screen and ( max-width : 500px ){
	table.facts-red-bar td,
	table.facts-red-bar tbody,
	table.facts-red-bar tr,
	table.facts-red-bar {
		display : block;
		width : 100% !important;
		text-align : center !important;
	}
	table.facts-red-bar td:nth-child(2) {
		padding : 1rem 0;
	}
}
table.facts-three-three {
	width : 100%;
}
table.facts-three-three td {
	text-align : center;	
	width : 33.333%;
	vertical-align : top;
}
html body #page section.content-section.facts-and-figures-last-part p {
	max-width : 400px;
	padding : 0 1rem;
	margin-left : auto;
	margin-right : auto;
}

@media screen and ( max-width : 940px ){
	table.facts-three-three td,
	table.facts-three-three tbody,
	table.facts-three-three tr,
	table.facts-three-three {
		display : block;
	}
	table.facts-three-three td ,
	table.facts-three-three td:first-child {
		width : 49%;
		display : inline-block;
	}
	table.facts-three-three td:last-child {
		width : 100%;
		padding-top : 1rem;
	}
}
@media screen and ( max-width : 500px ){
	table.facts-three-three td,
	table.facts-three-three tbody,
	table.facts-three-three tr,
	table.facts-three-three {
		display : block;
		width : 100% !important;
	}
	table.facts-three-three td:nth-child(2) {
		padding-top : 1rem;
	}
	html body #page section.content-section.facts-and-figures-last-part p {
		max-width : 100%;
		padding : 0 0;
	}
}

/*--------------------------------------------------------------
# staggered icon container second from the bottom of the member benefits page
--------------------------------------------------------------*/
.staggered-icon-wrap {
	line-height : 0;
	font-size : 0;
	text-align : center;
	max-width : 1450px;
	margin : 0 auto;
	
}
.staggered-icon-container {
	display : inline-block;
	vertical-align : top;
	width : 25%;
	text-align : left;
}
.staggered-icon-circle {
	display : inline-block;
	width : 175px;
	height: 175px;
	border-radius: 100%;
	overflow: hidden;
	background-color : #eff0f0;
	position : relative;
	text-align : center;
}
.staggered-icon-circle-inner {
	position : absolute;
	top : 50%;
	left : 0;
	right : 0;
	transform : translateY(-50%);
	padding : 0 0;
}
.staggered-icon-title {
	line-height : 1.25;
	font-size : 0.75rem;
	color : #5f504d;
	padding-top : 0.25rem;
	font-weight : 500;
}
@media screen and ( min-width : 881px ){
	.staggered-icon-container:nth-child(8) ,
	.staggered-icon-container:nth-child(7) ,
	.staggered-icon-container:nth-child(6) ,
	.staggered-icon-container:nth-child(5) {
		text-align : right;
	}
}
@media screen and ( max-width : 880px ){
	.staggered-icon-container {
		text-align : center;
		width : 33.333%;
		padding-bottom : 1rem;
	}
	.staggered-icon-container:nth-child(7) ,
	.staggered-icon-container:nth-child(8) {
		padding-bottom : 0;
	}
}
@media screen and ( max-width : 640px ){
	.staggered-icon-container {
		width : 50%;
	}
}
@media screen and ( max-width : 420px ){
	.staggered-icon-container {
		width : 100%;
	}
}

/*--------------------------------------------------------------
# another center-justified container of circles. this time for the Advocacy page.
		# in this case there will be 5 circles, they will be even bigger than the biggest ones above and on desktop the layout will be cetnered and justifdied with 3 circles ont he first row and 2 on the second
--------------------------------------------------------------*/
.five-large-circle-wrap {
	line-height : 0;
	font-size : 0;
	text-align : center;
	max-width : 1254px;
	margin : 0 auto;
	
}
.five-large-circle-container {
	display : inline-block;
	vertical-align : top;
	width : 33.333%;
	text-align : left;
	line-height : 1.25;
}

.five-large-circle-container .grey-hover-circle {
	font-size : 20px !important;
	width : 328px;
	height : 329px;
	overflow : hidden;
}
.five-large-circle-container .grey-hover-circle span.hover-fade-image {
	margin-bottom : 20px;
}
.five-large-circle-container .grey-hover-circle .inner {
	padding : 0 25px;
}
.five-large-circle-container .grey-hover-circle.clip-the-icon span.hover-fade-image {
	margin-top : -40px;
	margin-bottom : 15px;
}

@media all and ( max-width : 1120px ){
	.five-large-circle-container {
		width : 50%;
		text-align : center;
		padding-bottom : 2rem;
	}
}
@media all and ( max-width : 760px ){
	.five-large-circle-container {
		width : 100%;
	}
}
@media all and ( max-width : 370px ){
	.five-large-circle-container .grey-hover-circle {
		font-size : 16px !important;
		width : 262px;
		height : 262px;
		overflow : hidden;
	}
}

/*--------------------------------------------------------------
# hover-fade image - requires hover-fade-image.js
--------------------------------------------------------------*/
.hover-fade-image img {
	transition : opacity 0.2s;
}
.hover-fade-image img.hover-fade-image-overlay {
	opacity : 0;
}
.hover-fade-image img.default {
	opacity : 1;
}
.hover-fade-image:hover img.hover-fade-image-overlay ,
.hover-parent:hover .hover-fade-image img.hover-fade-image-overlay {
	opacity : 1;
}
.hover-fade-image:hover img.default ,
.hover-parent:hover .hover-fade-image img.default {
	opacity : 0;
}

/*--------------------------------------------------------------
# three uneven columns containing photos on the advocacy page.
--------------------------------------------------------------*/
.advocacy-three-images-with-caption > div > div {
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	text-align-last:center;
}
.advocacy-three-images-with-caption > div > div img {
	max-width : 100%;
}

.advocacy-three-images-with-caption > div > div:nth-child(1) {
	width:499px;
}
.advocacy-three-images-with-caption > div > div:nth-child(2) {
	width:631px;
}
.advocacy-three-images-with-caption > div > div:nth-child(3) {
	width:540px;
}

@media screen and ( max-width : 1920px ){
	.advocacy-three-images-with-caption > div > div:nth-child(2) {
		width:25.99vw;
	}
	.advocacy-three-images-with-caption > div > div:nth-child(3) {
		width:32.865vw;
	}
	.advocacy-three-images-with-caption > div > div:nth-child(4) {
		width:28.125vw;
	}
}

@media screen and ( max-width : 960px ){
	.advocacy-three-images-with-caption > div > div {
		width : 100% !important;
		display : block;
	}
	.advocacy-three-images-with-caption > div > div+div {
		padding-top : 1.5rem;
	}
	.advocacy-three-images-with-caption > div > div img {
		display : block;
		margin : 0 auto;
	}
}

/*--------------------------------------------------------------
# icons layout for geulatory page (3 then 4 columns at start)
--------------------------------------------------------------*/
.regulatory-icons {
	font-size : 0;
	line-height : 0;
}

.regulatory-icons > div {
	font-size : 1rem;
	line-height : 1.25em;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	margin : 0 0 2rem 0;
}

.regulatory-icons > div {
	width : 33.333%;
}
.regulatory-icons p {
	padding : 0 2rem;
}
@media screen and ( min-width : 1381px ){
	.regulatory-icons > div:nth-child(3) ~ div {
		width : 25%;
		margin : 0 0 0 0;
	}
	.regulatory-icons > div:nth-child(3) ~ div p {
		padding : 0 1rem;
	}
}
@media screen and ( max-width : 980px ){
	.regulatory-icons > div {
		width : 50%;
	}
}

@media screen and ( max-width : 530px ){
	.regulatory-icons > div {
		width : 100%;
	}
	.regulatory-icons > div > p {
		padding : 0 1rem;
	}
}
/*--------------------------------------------------------------
# food safety page
--------------------------------------------------------------*/

.food-safety-columns {
	margin-bottom : 2rem;
	font-size : 0;
	line-height : 0;
}
.food-safety-col {
	font-size : 1rem;
	line-height : 1.25;
	display : inline-block;
	width : 33.333%;
	text-align : center;
	vertical-align : top;
	padding : 2rem 0;
}
.food-safety-columns ul {
	text-align : left;
	margin : 0 auto 0 auto;
	display : inline-block;
}
.food-safety-columns ul li {
	margin-bottom : 0px !important;
}
@media screen and ( max-width : 810px ){
	.food-safety-col {
		width : 50%;
	}
	.food-safety-col:last-child {
		width : 100%;
	}
}
@media screen and ( max-width : 540px ){
	.food-safety-col {
		width : 100%
	}
}

/*--------------------------------------------------------------
# lists of drop-lists (industry resources)
--------------------------------------------------------------*/

ul.drop-list-container ,
ul.drop-list-container ul ,
ul.drop-list-container li {
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
ul.drop-list-container {
	text-align : justify;
	text-align-last : justify;
	margin-left : -0.125rem;
}
ul.drop-list-container > li {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	text-align-last : center;
	margin-left : .25rem;
	background-color : #ededee;
	transition : background-color .5s linear;
}
ul.drop-list-container > li.open {
	background-color : #a32035;
}
ul.drop-list-container > li span {
	line-height : 1;
	font-size : 1rem;
	padding : 1.5rem;	
	width : 242px;
	display : block;
	font-weight : bold;
	color : #a32035;
	transition : color .5s linear;
	cursor : pointer;
}
ul.drop-list-container > li.open span {
	color : #ffffff;
}

ul.drop-list-container > li ul {
	background-color : #ededee;
	padding : 1rem;
}
ul.drop-list-container > li ul a {
	text-decoration : none;
	color : #5f504d !important;
}
ul.drop-list-container > li ul a:active ,
ul.drop-list-container > li ul a:focus ,
ul.drop-list-container > li ul a:hover {
	text-decoration : underline;
}
ul.drop-list-container > li ul li {
	margin : 0 !important;
}

.drop-list-section-toggle span:after ,
ul.drop-list-container > li span:after {
	font-family: "Font Awesome 5 Free";
	content : "\f078";
	padding-left : 0.5rem;
}
.drop-list-section-toggle.open span:after ,
ul.drop-list-container > li.open span:after {
	font-family: "Font Awesome 5 Free";
	content : "\f077";
	padding-left : 0.5rem;
}

.drop-list-section-toggle {
	text-align : center;
	cursor : pointer;
	transition : color .5s linear, background-color .5s linear;
	font-weight : bold;
	color : #a32035 !important;
	background-color : #ededee !important;
	padding : 20px;
	margin-left : auto;
	margin-right : auto;
}
.drop-list-section-toggle.open {
	color : #ffffff !important;
	background-color : #a32035 !important;
	margin-bottom : 0 !important;
}
.drop-list-section+.drop-list-section-toggle {
	margin-top : 30px;
}

.drop-list-section {
	padding-bottom : 30px;
}
.industry-resource-callouts {
	max-width : 1360px;
	margin : 0 auto;
}
.industry-resource-callouts > .tr > .td {
	text-align : center;
	vertical-align : middle;
}
.industry-resource-callouts > .tr > .td:first-child ,
.industry-resource-callouts > .tr > .td:last-child {
	width : 557px;
	height : 453px;
	padding : 2rem;
}
.industry-resource-callouts a {
   text-decoration: none !important;
}	
.industry-resource-callouts a:focus span,
.industry-resource-callouts a:hover span {
   text-decoration: underline !important;
}	
@media all and ( max-width : 1280px ){
	.industry-resource-callouts > .tr > .td:first-child ,
	.industry-resource-callouts > .tr > .td:last-child {
		width : 39.063vw;
	}
}
@media all and ( max-width : 768px ){
	.industry-resource-callouts > .tr > .td:first-child ,
	.industry-resource-callouts > .tr > .td:last-child {
		width : 44.063vw;
	}
}

@media all and ( max-width : 570px ){
	.industry-resource-callouts > .tr > .td ,
	.industry-resource-callouts > .tr ,
	.industry-resource-callouts {
		display : block;
		width : 100% !important;
		height : auto !important;
	}
	ul.drop-list-container > li span ,
	ul.drop-list-container > li {
		width : 100%;
	}
}

/*--------------------------------------------------------------
# events
--------------------------------------------------------------*/
#event_map {
	width : 100%;
	height : 400px;
}
.table-layout.event-detail-and-map > .tr > .td:first-child {
	padding-right : 2rem;
}
@media all and ( min-width : 1601px ){
	.table-layout.event-detail-and-map > .tr > .td:last-child {
		width : 1024px;
	}
}
@media all and ( max-width : 1600px ) and ( min-width : 991px ){
	.table-layout.event-detail-and-map > .tr > .td:first-child {
		width : 450px;
	}
}
@media all and ( max-width : 990px ) and ( min-width : 661px ){
	.table-layout.event-detail-and-map > .tr > .td:first-child {
		width : 300px;
	}
}
@media all and ( max-width : 660px ){
	.table-layout.event-detail-and-map ,
	.table-layout.event-detail-and-map > .tr ,
	.table-layout.event-detail-and-map > .tr > .td {
		display : block;
	}
	.table-layout.event-detail-and-map > .tr > .td:first-child {
		padding-bottom : 2rem;
	}
}
/*--------------------------------------------------------------
# newsletter signup (footer)
--------------------------------------------------------------*/
#newsletter_signup_wrapper {
	display : inline-block;
	position : relative;
}
#newsletter_signup_form {
	background-color : #ffffff;
	padding : 10px;
	position : absolute;
	z-index : 10;
	top : 100%;
	right : 0;
	width : 100%;
	border-top : 2px solid #a32035;
	display : none;
}
#newsletter_signup_form ,
#newsletter_signup_form input {
	font-size : 15px;
}
#newsletter_signup_form input[type="email"] ,
#newsletter_signup_form input[type="text"] {
	display : block;
	margin-bottom : 10px;
	line-height : 20px;
	padding : 0 6px;
	color : #ffffff !important;
	background-color : #a32035;
	border : none;
}
#newsletter_signup_form input[type="text"]:-webkit-autofill ,
#newsletter_signup_form input[type="text"]:focus:-webkit-autofill ,
#newsletter_signup_form input[type="email"]:-webkit-autofill ,
#newsletter_signup_form input[type="email"]:focus:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #a32035 inset;
	color : #ffffff !important;
}

#newsletter_signup_form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1; /* Firefox */
}

#newsletter_signup_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

#newsletter_signup_form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
}
#newsletter_signup_form a ,
#newsletter_signup_form span ,
#newsletter_signup_form label {
	display : none;
}
.ctct-form-wrapper .ctct-form-field {
	margin-bottom : 10px;
}

/*
move the icon to the right of the element
*/
.ctct-form-wrapper input[type='text']:required:valid, .ctct-form-wrapper input[type='email']:required:valid, .ctct-form-wrapper input[type='password']:required:valid, .ctct-form-wrapper input[type='tel']:required:valid, .ctct-form-wrapper input[type='number']:required:valid {
	background-position : right center;
}

/*--------------------------------------------------------------
# Supplier Directory
# Note: most of the styles for the supplier directory are in the plugin folder "/contact-list/dist/css/"
--------------------------------------------------------------*/
.contact-list-container button.filter-contacts,.contact-list-simple-container button.filter-contacts{position : absolute;left:-9999%;}

html #main .contact-list-ajax-form select {
	float : none !important;
	margin-right : 0 !important;
	margin-bottom : 0 !important;
	margin-left : 0 !important;
	transform: scale(1) !important;
	height : 48px !important;
	max-height : 48px !important;
}
.contact-list-ajax-form .button-style ,
html #main  .contact-list-ajax-form select {
	display : inline-block;
	vertical-align : top;
}
.contact-list-ajax-form .button-style ,
html #main .contact-list-ajax-form select + select {
	margin-left : 40px !important;
}
html #main .contact-list-ajax-form {
	padding-bottom : 30px !important;
}
/* #main .contact-list-ajax-form {
	display : flex;
	width : 100%;
	flex-wrap : wrap;
	justify-content : space-between;
	max-width : 1200px;
}
*/
.contact-list-ajax-form *,
.contact-list-ajax-form {
	box-sizing: border-box;
}

.contact-list-ajax-form *  {
	flex-grow : 0;
}
/* 
.contact-list-container #contact-list-search ul#all-contacts > li > div > div,
.contact-list-container #contact-list-search ul#all-contacts > li > div,
#page #content #primary #main .content-section .content-inner .contact-list-2-cards-on-the-same-row .contact-list-ajax-results #contact-list-search #all-contacts li .contact-list-contact-container {
	width : 100% !important;
}
.contact-list-container #contact-list-search ul#all-contacts {
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.contact-list-container #contact-list-search ul#all-contacts > li {
	width : 800px;
	max-width : 49%;
}
.contact-list-address *,
.contact-list-address {
	word-wrap: break-word;	
}
 */



/************
	Members section Nov 2019
***************/
.members #masthead {
	padding-bottom : 20px;
}

.members section.content-section.title-section {
	padding-bottom : 20px;
	border-bottom : 2px solid #a32035;
}

.mail-list-working ,
.mail-list-buttons {
	display : none;
}

/* ***************************************************************************

	CMC has requested we reduce the whitespace on the dashboard of the members site. 
	They’ve asked that we reduce the logo, which would bring the users name up, 
	reduce the size of the question mark and bring everything up.

*****************************************************************************/
body.members #logo_header img {
	width : 150px;
}

.info-popup-container img ,
.info-popup-container {
	width : 80px;
	height : 80px;
}
body.members.page-template-member_dashboard-page #logo_header img {
	width : 200px;
	height : auto;
}
.page-template-member_dashboard-page #masthead {
	padding: 50px 0 40px 50px;
}
.page-template-member_dashboard-page #search_bar {
	float : right;
	width : auto;
	display : inline-block;
	padding-top : 40px;
	padding-bottom : 0;
}
.page-template-member_dashboard-page #main section:first-child {
	padding-top : 0px;
}
.page-template-member_dashboard-page #content > section {
	margin-bottom : 0px !important;
}
@media screen and ( max-width : 1280px ){
	.page-template-member_dashboard-page #masthead {
		padding: 68px 0 30px 50px;
	}
}

@media screen and ( max-width : 720px ){
	.page-template-member_dashboard-page #search_bar {	
		float : none;
		display : block;
		padding-top : 20px;
	}
}

/*****************
	new three-column industry resources layout
******************/

.industry-resources-table .tr:first-child .td {
	padding-bottom : 40px;
}
.industry-resources-table .td {
	width : 33.333%;
	vertical-align : top;
	text-align : center;
}
.industry-resources-table li ,
.industry-resources-table ul {
	list-style : none;
}
.industry-resources-table ul {
	margin : 0;
	padding : 0;
	margin : 0 auto 0 auto;
}
.industry-resources-table .drop-list-section-toggle ,
.industry-resources-table ul {
	max-width : 410px;
}
.industry-resources-table li {
	padding : 15px;
	margin : 0 !important;
}
.industry-resources-table li a {
	display : inline-block;
	padding : 10px;
	color : #000000 !important;
	text-decoration : none;
}
.industry-resources-table li a:hover {
	text-decoration : underline;
}
.industry-resources-table li+li.first-of-month {
	border-top : 6px solid #a41e34;
}

.industry-resources-table li:nth-child(odd) {
	background-color : #e4e5e6;
}
.industry-resources-table li:nth-child(even) {
	background-color : #ededee;
}
.industry-resources-table+p {
	margin-top : 40px !important;
}
.industry-resources-table+p a {
	width : 100% !important;
	max-width : 750px !important;
}
@media screen and ( max-width : 1480px ){
	.industry-resources-table .drop-list-section-toggle ,
	.industry-resources-table h2 ,
	.industry-resources-table ul {
		max-width : 90%;
		margin-left : auto;
		margin-right : auto;
	}
}
div.table-layout.industry-resources-table h2 {
	display : none;
}
div.table-layout.industry-resources-table > div.tr:first-child h2 {
	display : block;
}
@media screen and ( max-width : 815px ){
	div.table-layout.industry-resources-table h2 {
		display : block;
		margin-top : 40px;
	}
	div.table-layout.industry-resources-table > div.tr:nth-child(2) .td:first-child h2 {
		margin-top : 0px;
	}
	div.table-layout.industry-resources-table > div.tr > div.td ,
	div.table-layout.industry-resources-table > div.tr ,
	div.table-layout.industry-resources-table {
		display : block;
		width : 100% !important;
	}
	div.table-layout.industry-resources-table > div.tr:first-child {
		display : none;
	}
}


.agenda-table {
	width : 100%;
	max-width : 1000px;
}
.agenda-table td:first-child {
	width : 200px;
}
.agenda-table tr:nth-child(odd) {
	background-color : lightgrey;
}
.agenda-table tr:nth-child(odd) td {
	color : #000000;
}
.agenda-table td {
	vertical-align : top;
	padding : 7px 10px;
}

/* responsive embedded videos
--------------------------------------------- */
.outer-video-container {
	max-width : 100%;
}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* responsive show/hide
--------------------------------------------- */
@media screen and ( max-width : 820px ){
	.hide-under-820px {
		display : none !important;
	}
}
@media screen and ( min-width : 1281px ){
	.hide-over-1280px {
		display : none !important;
	}
}
@media screen and ( max-width : 1280px ){
	.hide-under-1280px {
		display : none !important;
	}
}
@media screen and ( min-width : 1025px ){
	.hide-over-1024px {
		display : none !important;
	}
}
@media screen and ( max-width : 1024px ){
	.hide-under-1024px {
		display : none !important;
	}
}


/* contact list "filter" button was "hidden" by making it white on white background. 
This hides it and also removes it from the layout so that I can put a differnt button in the same physical location. */
.contact-list-container button.filter-contacts,.contact-list-simple-container button.filter-contacts{position : absolute;left:-9999%;opacity:0;}

.image-on-left-table td:first-child {
	width : 500px;
}
.image-on-left-table td:last-child {
	padding-left : 100px;
}
@media all and ( max-width : 1400px ){
	.image-on-left-table td:first-child {
		width : 30%;
	}
}

@media all and ( max-width : 1024px ){
	.image-on-left-table td:last-child ,
	.image-on-left-table td:first-child {
		display : block;
		width : 100%;
		padding-left : 0;
	}
	.image-on-left-table td:first-child {
		text-align : center;
		padding-bottom : 60px;
	}
}

html body li.lang-item-fr {
	display : none !important;
}