/* @override 
	http://yellowbridgeqld.com.au/themes/yellowbridgeqld/styles/default.css
*/

/* @group Normalize */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* @end */

/* @group HTML5 */

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.2857142857 /*18/14*/;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}
/* @end */
/* @group YellowBridge QLD - Master */

/* ==========================================================================
   YellowBridge QLD. Date: 19 Feb 2026
   ========================================================================== */
 
* { box-sizing: border-box; }
  
body {
 	position: relative;
 	width: 100%;
 	height: 100%;
	font-family: 'Poppins', sans-serif;
	color: #58585a;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
}

p, .article ul, .article ol {
	font-size: 0.875em /*14*/;
	margin: 1.2857142857em 0;
}

img {
	max-width: 100%;
}

a:link, a:visited,
a:hover, a:active  {
	text-decoration: none;
}

ul ul, ol ol, ul ol, ol ul {
	font-size: 1em;
}

h1 {
	margin: 0.45em 0;
	font-size: 3.875em /*62*/;
	text-transform: uppercase;
	font-weight: 800;
/*	color: #FFF;*/
}

h2 {
	margin: 0.45em 0;
	font-size: 2.5em /*40*/;
	text-transform: uppercase;
	font-weight: 800;	
}

h3 {
	margin: 0.9em 0;
	font-size: 1.25em /*20*/;
	font-weight: 500;
}

/* @group Main layout */

.wrapper {
	position: relative;
}

.container {
	margin: 0 auto;
	max-width: 1024px;
	max-width: 1536px;
	min-width: 320px;
	margin: 0 auto;
	padding: 30px; /*fallback*/
	padding: clamp(15px, 2.9296875%, 45px); /*45/1536*/ /* NOTE: changing L/R padding will require generating new image sizes*/
/*	padding: clamp(15px, 3.90625%, 60px); /*60/1536*!/*/
}

.panel {
	position: relative;
	z-index: 1;
}

.panel .container {
	padding-top: clamp(15px, 3.90625%, 60px) /*60/1536*/;
	padding-bottom: clamp(15px, 3.90625%, 60px) /*60/1536*/;
}

.body-article:not(:last-child):not(.zebra) .container {
	padding-bottom: 0;
}

/* @end */
/* @group Common elements */

.yellow {
	background: #ffde17;
}

.yellow a:link, .yellow a:visited {
	color: #58585a;
}

.yellow a:hover, .yellow a:active {
	color: #797a7c;
}

.yellow-text {
	color: #ffde17;
}

.grey {
	color: #FFF;
	background: #58595b;
}

.grey h1 {
	color: #ffde17;
}

.grey a:link, .grey a:visited,
.main-article.grey a:link, .main-article.grey a:visited {
	color: #FFF;
	border-bottom: transparent 1px solid;
}

.grey a:hover, .grey a:active,
.main-article.grey a:hover, .main-article.grey a:active  {
	color: #dedede;
	border-bottom: 1px solid #ffde17;
}

.light-grey {
	background: #f1ede9;
}

.btn a,
.btn input {
	display: inline-block!important;
	white-space: nowrap;
/*	margin: 0 .75em;*/
	padding: .35em 1.5em;
	border: none!important;
	border-radius: 1.5em;
	font-size: 0.9285714286em;
	font-weight: 600!important;
	cursor: pointer;
	line-height: inherit; /*todo: fix button height*/
	color: #58595b;
	background: #ffde17;
	opacity: 1!important;
}

.btn a:hover,
.btn input:hover {
	background: #ffe85d;
	border: none!important;
}

.yellow .btn a, .btn-grey a {
	background: #58595b;
	color: #fff!important;
}

.yellow .btn a:hover, .btn-grey a:hover {
	background: #828283;
}

.light-grey .btn a,
.light-grey .btn input,
.btn-grey-yellow a {
	color: #ffde17;
	background: #58595b;
}

.light-grey .btn a:hover,
.light-grey .btn input:hover,
.btn-grey-yellow a:hover {
	background: #828283;
}

.grey .btn-grey-yellow a {
	color: #58595b;
	background: #ffde17;
}

.grey .btn-grey-yellow a:hover {
	background: #ffe85d;
	border: none!important;
}

.main-article.grey .btn a {
	color: #58595b;
}

.donate-buttons {
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

#main-content button.btn-donate {
	-webkit-appearance: none!important;
	display: inline-block!important;
	white-space: nowrap!important;
	margin: 0!important;
	padding: .35em 1.5em!important;
	border: none!important;
	border-radius: 1.5em!important;
	font-size: 0.9285714286em!important;
	font-weight: 600!important;
	cursor: pointer!important;
	line-height: inherit!important;
	color: #58595b!important;
	background: #ffde17!important;
	opacity: 1!important;
}

#main-content button.btn-donate:hover  {
	background: #ffe85d!important;
	border: none!important;
}

/* @end */
/* @group Header / Menu */

/*Allow for Apple devices with notches*/
.site-header,
.panel {
	margin-left: env(safe-area-inset-left);
    margin-right: env(safe-area-inset-right);
	padding: 0;
}

.site-header > .container {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0;
	padding-bottom: 0;
}

.site-header .logo  {
	align-self: center;
}

.site-header .logo p {
	font-size: 1em;
	margin: 0;
}

.site-header .logo a {
	display: block;
}

.site-header .logo a:hover {
	opacity: .8;
	cursor: pointer;
}


.site-header .logo img {
	width: 90px;
	height: 90px;
}

.main-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap-reverse; /*Allow submenu to work on mobile (first three menu items only)*/
	list-style: none;
	margin: 0;
	padding: 0;
	height: 90px;
}

.main-nav > li {
	display: flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
}

.main-nav > li > a {
	padding: 1em .75em;
	font-size: 0.875em /*14*/;
	font-weight: 700;
}

.main-nav a:link, .main-nav a:visited {
	color: #58585a;
}

.main-nav li i {
	font-style: normal;
	padding: 5px 0 1px 0;
	border-bottom: 3px solid transparent;
/*	transition: border 250ms;*/
}

.main-nav li:hover i, .main-nav li:active i,  .main-nav li.active i {
	border-bottom: 3px solid #ffde17;
/*	color: #828283;*/
}

.main-nav .btn { /*todo: change to .btn*/
	margin-top: 0;
/*	line-height: 1.2857142857em;*/
}

.main-nav .btn a {
	margin: .65em .75em;
	padding: 5px 1.5em;
	border-radius: 1.5em;
}

.n-help {
	z-index: 10000;
}

.n-help .active {
	position: fixed;
	top: 3.5%;
	right: 3.5%;
	color: #ffde17;
	background: #FFF;
}

.n-help .active span {
	display: none;
}

.n-help .active:before {
    content: "\2715"; /*\2573*/
}

.n-help a.active:hover {
/*	color: #FFF;*/
	background: #fff8d1;
}

p.search_input {
	margin: 0;
}
.btn-search input {
	color: #58585a;
	width: 25px;
	min-height: 25px;
	padding-left: 25px;
	background-color: transparent;
/*	background: transparent url('../img/search.svg') no-repeat 0 50%;*/
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 25px 25px;
	transition: width 0.4s ease-in-out, padding 0.4s ease-in-out;
	border: none;
	outline: none;
	cursor: pointer;
}

.btn-search input {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 103 103' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M36.5 10.36a26.13 26.13 0 0 0-25.2 32.97 26.13 26.13 0 0 0 32.04 18.33 26.08 26.08 0 0 0 19.24-25.67 26.13 26.13 0 0 0-3.36-12.33 26.08 26.08 0 0 0-22.72-13.3m-.01 55.22a29.16 29.16 0 0 1-28.1-21.46A29.14 29.14 0 0 1 28.84 8.39a29.07 29.07 0 0 1 33 13.8 29.1 29.1 0 0 1 3.75 13.75 29.07 29.07 0 0 1-21.45 28.61 29.02 29.02 0 0 1-7.64 1.03m21.49.36 28.59 31.82a5.32 5.32 0 0 0 3.94 1.79c2.2.1 4.47-.94 6.29-2.75a8.71 8.71 0 0 0 2.75-6.3 5.31 5.31 0 0 0-1.78-3.93L65.93 57.96a36.15 36.15 0 0 1-7.95 7.98m32.74 36.61h-.3a8.36 8.36 0 0 1-6.1-2.8l-29.7-33.07a1.5 1.5 0 0 1 .29-2.26 33.29 33.29 0 0 0 9.51-9.54 1.5 1.5 0 0 1 2.26-.3l33.1 29.75a8.34 8.34 0 0 1 2.78 6.08c.1 3-1.23 6.1-3.63 8.5a11.8 11.8 0 0 1-8.2 3.64' style='fill:%2358595b;fill-rule:nonzero'/%3E%3Cpath d='M36.5 10.36a26.13 26.13 0 0 0-25.2 32.97 26.13 26.13 0 0 0 32.04 18.33A26.18 26.18 0 0 0 58.8 49.93 26.08 26.08 0 0 0 62.58 36a26.13 26.13 0 0 0-3.36-12.34 26.08 26.08 0 0 0-22.72-13.3m-.01 55.22a29.16 29.16 0 0 1-28.1-21.46A29.14 29.14 0 0 1 28.84 8.39a29.07 29.07 0 0 1 33 13.8 29.1 29.1 0 0 1 3.75 13.75 29.08 29.08 0 0 1-4.2 15.54 29.2 29.2 0 0 1-9.89 9.9 29.05 29.05 0 0 1-7.36 3.17 29.02 29.02 0 0 1-7.64 1.03m-8.8-61.4A33.51 33.51 0 0 0 4.17 45.26a33.51 33.51 0 0 0 41.1 23.5A33.34 33.34 0 0 0 64.4 54.88a33.66 33.66 0 0 0 5.46-20.8 34.56 34.56 0 0 0-.22-2.06 33.5 33.5 0 0 0-.87-4.34 33.32 33.32 0 0 0-1.46-4.19 33.55 33.55 0 0 0-.85-1.89A33.54 33.54 0 0 0 27.68 4.17m8.8 68.78a36.54 36.54 0 0 1-35.2-26.9A36.52 36.52 0 0 1 26.9 1.29a36.54 36.54 0 0 1 43.2 21.05 36.62 36.62 0 0 1 1.58 4.56 36.37 36.37 0 0 1 1.19 6.98 36.68 36.68 0 0 1-5.94 22.66 36.34 36.34 0 0 1-20.86 15.14 36.4 36.4 0 0 1-9.57 1.28' style='fill:%2358595b;fill-rule:nonzero'/%3E%3C/svg%3E");
}

.btn-search input:hover {
	opacity: .5;
}

.search-page .btn-search input,
.btn-search input:focus	{
	width: 135px;
	padding-left: 35px;
	opacity: 1!important;
	cursor: auto;
}

/*.main-nav .btn-search a {
	box-sizing: content-box;
	display: block;
	width: 25px;
	height: 25px;
	padding-right: 0;
	border: none;
}

.btn-search a i {
	display: block;
	padding: 0;
	width: 25px;
	height: 25px;
	background: transparent url('../img/search.svg') no-repeat 50% 50%;
	background-size: 25px;
	text-indent: -999em;
	overflow: hidden;
	border: none!important;
}

.btn-search a:hover {
	opacity: .5;
	border: none;
}*/

/* @end */

/* @group Submenu */

.dropdown {
  width: 100%;
  float: left;
  overflow: hidden;
  z-index: 750;
}

.dropdown-content {
	display: none;
	position: absolute;	
	left: 0;
	top: 99%;
	width: 100%;
	overflow: hidden;
}

.main-nav li:hover .dropdown-content {
	display: block;
}

.submenu {
	background: #FFF;
	padding-bottom: 30px;
	padding-bottom: clamp(30px, 5.859375%, 45px)!important;
	overflow: hidden;
	font-size: 0.875em;
/*	background-image: linear-gradient(180deg, #ffffff 0%, #fffadc 100%);*/
}

.submenu-groups {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	gap: clamp(15px, 2.9296875%, 30px);
	flex-wrap: wrap;
}

.submenu-group {
	flex-grow: 1;
}

.submenu-group:first-child {
	flex-grow: 1.1;
}


.submenu h2 {
	font-size: 1.5625rem /*25*/;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
}

.submenu h3 {
	font-size: 1rem /*16*/;
	font-weight: 600;
	margin-bottom: .1em;
}

.submenu h3 a {
	border-bottom: 2px solid transparent;
}

.submenu h3 a:hover,
.submenu h3 a.active {
	border-bottom: 2px solid #ffde17;
}

.submenu ul {
	list-style: none;
	padding: 0;
	font-size: 1em;
	font-weight: 400;
}

.submenu li a {
	display: inline-block;
	margin: 0.3333333333em 0;
	border-bottom: 1px solid transparent;
}

.submenu ul a:hover {
	color: #828283;
	border-bottom: 1px solid #ffde17;
}

.submenu ul a.active {
		border-bottom: 1px solid #ffde17;
}


/* @end */

/* @group Help overlay */

.help {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #ffde17;
	z-index: 1000;
}

.help.open {
	display: block;
}

.help .bg-w {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 120%;
	background-position: 20% 50%;
	opacity: .3;
}

.help .container {
	position: relative;
	z-index: 1000;
}

.help .logo img {
	min-width: 112px;
	max-width: 112px;
}

/*.help .logo:hover {
	opacity: .8;
}*/

.help .content {
	text-align: left;
	padding-top: 45px;
	padding-top: clamp(30px, 5.859375%, 60px);
}

.help h2 {
	color: #fff;
	font-size: 3.875em /*62*/;
	font-weight: 800;
}

.help label {
	margin: 0.9em 0.93em 0 0;
	font-size: 1.625em /*26*/;
	font-weight: 500;
}

.help select {
	color: #58585a;
	margin: 0.9em 0;
	padding: .5em;
	font-size: 1.625em /*26*/;
	 -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		border-radius: 0;
		border: none;
		width: 300px;
		background-color: #FFF;
		outline: none;
}

/* @end */

/* @group Main image / Slideshow */

.main-image {
	padding: 0;
/*	max-width: 2048px;*/ /*01/06/22: remove max-width to fill width even with browser zoom*/
	margin: 0 auto;
}

.slideshow {
	background: #ffde17;
}

.slideshow  img {
	width: 100vw!important; /*01/06/22: fill width, even with browser zoom*/
}

.category-page .slideshow {
	background: #58595b;
}

.slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(88,89,91,.5);
	mix-blend-mode: multiply;
}

.slide {
	position: relative;
}

.slide .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 150px;
	overflow: hidden;
}

.slide .inner .text h2 {
	font-size: 1.75em /*28*/;
	margin: 0;
	font-weight: 800;
	text-transform: uppercase;
}

.slide .inner .text h3 {
	font-size: 1em;
	font-weight: 400;
	color: #FFF;
	margin: 0;
}


.cycle-pager {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		color: #FFF;
		z-index: 999;
		font-size: 42px;
		margin: 0;
}

.cycle-pager span {
		cursor: pointer;
		padding: 0 5px;
		opacity: .25;
}

.cycle-pager span.cycle-pager-active {
	color: #FFF!important;
	opacity: 1;
}

.cycle-pager span:hover {
	color: #ffde17;
	opacity: 1;
}

/*.cycle-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cycle-nav li {
	position: absolute;
	top: 50%;
	z-index: 1000;
	list-style: none;
	padding: 0;
}

.cycle-nav li.cycle-next {
	right: clamp(15px, 2.9296875%, 45px); 
}*/

/* @end */

/* @group Grids */

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

.grid-columns-3 {
	grid-template-columns: 1fr 1fr 1fr;	
}

.grid .cell {
	background: #FFF;
}

.grid .latest-news {
	text-align: left;
}

.grid a.img-link {
	display: block;	
	display: grid;
	align-items: end;
	height: 100%;
	color: #58585a;
	background: #a7acb9;
/*	background: radial-gradient(#a7acb9, #858994);*/
	border-bottom: none; /*TODO: needed?*/
	overflow: hidden;
}

.services .grid a { color: #FFF; }

.grid a:hover {
	opacity: .75;
}

.grid img {
	max-width: 100%;
}

.grid .title {
	display: block;
	font-size: 1.5em /*24*/;
	font-weight: 600;
	margin: 0;
	padding: 0.375em 0;
	background: #ffde17;
	overflow: hidden;
}

.grid-columns-3 .title {
	font-size: 1.25em;
	padding: 0.45em 0;
}


.round-grid {
	text-align: left;
	grid-gap: 86px;
}

.round-grid img {
	width: 66%;
	border-radius: 50% 50%;
}

.round-grid h3 {
	color: #808285;
	font-weight: 400!important;
	margin-top: 0.72em!important;
	margin-bottom: 0!important;
}

.round-grid h4 {
	margin-top: 0!important;
	color: #ffde16;
	font-weight: 700!important;
	font-size: 1.5625em!important;
	text-transform: uppercase;
	padding-bottom: 0.36em;
	border-bottom: 2px solid #ffde16;
}

.round-grid p:last-child {
	margin-bottom: 0;
}

/* @end */

/* @group Panels */

.content {
	text-align: center;
	overflow: hidden;
}

.panel h2 {
	margin-top: 0;
}

/* @group Panel: Welcome / Main Article */

.main-article h1 {
	margin: 0;
}

.main-article.yellow h1 {
	color: #FFF;
}

.main-article .article h3 {
	margin-top: 0.45em;
}

.main-article-excerpt h2,
.article h3 {
	font-size: 1.5625em ; /*25*/
	margin: 0.45em 0;
	text-transform: none;
	font-weight: 700;
}

.article h4 {
	margin: 0.9em 0;
	font-size: 1.25em /*20*/;
	font-weight: 400;
}

/* @end */
/* @group Panel: Impact */


.impact-panel h2 {
	color: #818284;
}

.impact-panel .stats {
	display: flex;
	justify-content: space-around;
	gap: 25px;
	gap: clamp(15px, 3.4578146611%, 50px);
	text-align: left;
	margin-bottom: 10px;
}

.impact-panel .stats h3 {
	font-size: 0.9375em /*15*/;
	font-weight: 500;
}

.impact-panel .stats h3 i {
	font-size: 2.6em /*39/15*/;
	font-weight: 800;
	display: block;
	color: #FFF;
	font-style: normal;
}

.bg-w {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 65' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M129.5 64.8a4.2 4.2 0 0 1-1.9-.4c-3.2-1.7-2.7-5.8-2-11.5v-1l-.1.3c-2.6 4.8-4.5 8.3-8 7.3-3.8-1-3.8-5.6-3.7-9.5-3-21.6-14-35.8-31.7-40.8C58 2.2 24 13.7 6.3 34.8a3.6 3.6 0 0 1-5.5-4.6A88.2 88.2 0 0 1 38.6 5c16-5.7 32-6.6 45.5-2.8 14 4 31.4 15 36.4 44.1 2.2-3.8 4-6.2 6.4-6.9a4.7 4.7 0 0 1 3.7.6c3.3 2 2.9 6.9 2.2 12.5C146 38 158.4 38 163.5 38.8a19.9 19.9 0 0 1 16.1 13.4 3.6 3.6 0 1 1-6.8 2.3 12.7 12.7 0 0 0-10.4-8.6c-9-1.5-19.7 4.8-28.4 16.6l-.2.2-.2.3c-1.6 1.4-3 1.8-4 1.8' style='fill:%23fff;fill-rule:nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: auto 400px;
	background-position: 50% 120%;
	opacity: .3;
}

/* @end */
/* @group Panel: Partners */

.partners .container {
	padding-bottom: clamp(15px, 5.859375%, 60px);
}

.partners h3 {
	font-size: 1.1875em /*19*/;
	margin: 1.4210526317em 0 0.9473684211em 0;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffde17;
	padding-bottom: 2px;
	border-bottom:  1px solid #a7a9ac;
}

.partners .logos {
	display: flex;
	justify-content: center;
	gap: 30px;
	gap: clamp(15px, 5.859375%, 60px);
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
	margin-bottom: clamp(15px, 2.9296875%, 60px);
}

.partners .logos li {
/*height: 40vh;*/
/*  flex-grow: 1;*/
}

.partners .logos a:hover {
	opacity: .8;
}

.partners .logos-funders img {
  max-height: 95px;
}

.partners .logos-major-partners img {
  max-height: 83px;
}

.partners .logos-continuing-partners img {
  max-height: 64px;
}

.individual-logos {
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0!important;
}

.individual-logos img {
	max-height: 105px;
}

/* @end */
/* @group Panel: What's On */

.whats-on-subscribe {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 3 3' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath style='fill:%23fff' d='M0 0h3v3H0z'/%3E%3C/svg%3E");
	background-repeat: repeat-y;
	background-size: 3px 3px;
	background-position: 50%;
}

.whats-on-subscribe .grid {
	grid-gap: 93px;
}

.whats-on-subscribe .container {
	padding-top: clamp(15px, 2.9296875%, 30px);
	padding-bottom: clamp(15px, 2.9296875%, 30px);
}

.whats-on-subscribe .content {
	text-align: left;
}

.whats-on-subscribe h2 {
	margin-bottom: 0;
}

.whats-on img {
	max-width: 100%;
}

.flexbox-edges,
.flexbox-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px
}

.whats-on-subscribe .flexbox-edges {
	justify-content: space-between;
	align-items: flex-end;
}

.whats-on-subscribe img {
	padding-right: 15%;
	max-height: 129px;
}

.subscribe form p.text-input {
	width: 85%;
}

.subscribe input:not([type=submit]) {
	width: 100%;
	border: 0;
	padding: .65em; /*todo: calculate*/
}

.subscribe .col_2 {
	display: flex;
	justify-content: space-between;
	gap: 3.5%;
}

.subscribe .col_2 input {

	
}

/* @end */

/* @group Panel: Donate */

.donate .container {
	padding: clamp(30px, 2.9296875%, 35px) clamp(20px, 2.9296875%, 45px);
}

.donate h3 {
	font-size: 1.1875em /*19*/;
	font-weight: 400;
	margin: 0.9473684211em 0;
	margin: 0;
}

.donate .btn {
	font-size: 1em;
	font-weight: 700;
	margin: 1.125em 0;
	margin: 0;
	text-transform: uppercase;
}

/* @end */

/* @group Panel: Footer */

.footer .container {
	padding-top: clamp(15px, 2.9296875%, 45px);
	padding-bottom: clamp(15px, 2.9296875%, 45px);
}

footer .flexbox-edges {
	align-items: flex-start;
}

footer .flexbox-inner {
	align-items: flex-start;
	flex-basis: 50%;
}

footer .baseline {
	margin-top: .5%;
}

footer .social {
	order: 2;
}

footer ul {
	list-style: none;
	font-size: 0.875em /*14*/;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

footer li a {
	display: inline-block;
	padding: .1em 0;
}

footer ul.contact {
	text-align: right;
}

footer ul .phone {
	font-size: 1.59375rem /*25.5/16*/;
	font-weight: 800;
}

footer ul .phone a {
	color: #ffde17!important;
	padding: 0;
	border:none!important;
}

footer ul .phone a:hover {
	color: #ffe85d!important;
}

.social {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	gap: 5px;
	margin: 0;
}

.social a {
	display: block;
	width: 32px;
	height: 32px;
/*	text-indent: -999em;*/
/*	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 56%;*/
	overflow: hidden;
	border: 1px solid #ffde17!important;
	border-radius: 100%;
}


.social a:hover {
	background-color: #ffde17;
}

.social svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: #FFF;
	padding: 6px;
}
.social svg:hover {
	fill: #58585a;
}

/*.social .soc-fb a {
	background-image: url('../img/social-facebook-white.svg');
}*/

/*.social .soc-in a {
	background-image: url('../img/social-linkedin-white.svg');
}

.social .soc-yt a {
	background-image: url('../img/social-youtube-white.svg');
}*/

footer .copy {
	font-size: 0.75em /*12*/;
	margin: 1.5em 0 0 0;
	margin: 0;
	align-self: flex-end;
}

/* @end */

/* @end */

/* @group Contact form */

.comConnectForm {
	margin: 0 auto;
	width: 65%;
}

.comConnectForm label {
	display: none!important;
}

#main-content article input:not([type=submit]),
#main-content article select,
.comConnectForm input.comText,
.comConnectForm input.comEmail,
.comConnectForm textarea {
	width: 100%;
	border: 1px #a7a9ac solid;
	text-align: center;
	padding: 0.65em 0;
}

/* @end */

/* @group Articles (default styles) */

.grey .article a {
	color: #FFF;
}

.article a:link, .article a:visited {
	color: #58595b;
}

.article a:hover, .article a:active {
	color: #58595b;
	border-bottom: 1px solid #ffde17;
}

.article p a, .article ul a, .article ol a, 
.article strong,
.article h4 a {
	font-weight: 600;
}

.article ul, .article ol {
	list-style-position: inside;
}


.individual-article .article-body {
	text-align: left;
}

.individual-article h1 {
	margin-top: 0;
}

.individual-article h2 {
	color: #ffde17;
}

.single-article h2 {
	text-align: center;
}

.individual-article ul, .individual-article ol {
	list-style-position: outside;
}

.secondary-article .container,
.excerpt-article .container,
.further-info .container,
.news-events .container {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: clamp(15px, 3.90625%, 60px) /*60/1536*/;
	margin-bottom: clamp(15px, 3.90625%, 60px) /*60/1536*/;
}

.news-events h1 {
	margin-top: 0;
}

.main-article.grey h3,
.category-article h3 {
	color: #ffde17;
}

.secondary-article .container {
	margin-bottom: 0;
}

.secondary-article h2 {
	font-size: 2.5em; /*40*/
	margin-bottom: 0;
}

.zebra .content {
	text-align: left;
}

.zebra:nth-child(2n+1) {
	background: #f1ede9;
}

.zebra .content .article ul, .zebra .content .article ol { 
	list-style-position: outside;
}

.special-article .article-body {
	text-align: left;
}

.excerpt-article .with-image {
	display: grid;
	grid-template-columns: 1.75fr 1fr;
	grid-gap: 0;
}

.square-image .container {
	margin-top: clamp(15px, 3.5%, 50px) /*60/1536*/;
	margin-bottom: clamp(15px, 3.5%, 50px) /*60/1536*/;
}

.square-image .with-image {
	grid-template-columns: .65fr 3fr;
	padding: 0 9%;
}

.excerpt-article h3 {
	margin-top: 0;
	color: #ffde17;
}

.square-image h3 {
	margin-top: 0.45em;
}


.excerpt-article .category-article {
/*		color: #58595b;*/
		background-color: #ffde17;
}

.square-image .category-article {
	background: #FFF;
}

.excerpt-article .category-article h3 {
	color: #58595b;
}

.article-images {
	margin-top: clamp(20px, 5.859375%, 30px); /*45/1536*/ /* NOTE: changing L/R padding will require generating new image sizes*/;
	margin-bottom: 	clamp(20px, 5.859375%, 30px); /*45/1536*/ /* NOTE: changing L/R padding will require generating new image sizes*/;
	display: flex;
	gap: 30px;
	justify-content: center;
	flex-wrap: wrap;
}

.article-images .image-box {
	max-width: 330px;
	margin: 0;
}

.article-images.main .image-box {
	max-width: 1536px;
}

.article-images.medium .image-box {
	max-width: 708px;
}

.article-images figcaption {
	font-style: italic;
	font-size: 0.875em /*14*/;
	margin: 0.6428571429em 0 0 0;
}


.excerpt-article .article-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
	color: #58595b;
	padding: clamp(15px, 5.859375%, 60px); /*45/1536*/ /* NOTE: changing L/R padding will require generating new image sizes*/
}

.square-image .article-text {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
		justify-content: center;
}


.excerpt-article .article-image {
	grid-row-start: 1;
	grid-column-start: 2;
	background: #58595b;
}

.square-image .article-image {
	background: #FFF;
	grid-column-start: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.excerpt-article .article-text .btm p {
	margin: 0;
}

.linklist {
	padding: 0	;
	list-style: none;
}

.baseplate-article .article h3 {
	color: #ffde17;
	margin: 0;
}

.baseplate-article .article h3 b {
	font-weight: 700;
}

.baseplate-article .article *:last-child {
	margin-bottom: 0;
}

.further-info .article h3,
.baseplate-excerpt .article h3 {
	color: #58595b!important;
}

.search-header q {
	font-weight: 600;
}

.search-results ul.article-list {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.search-results li {
	padding: clamp(15px, 2.9296875%, 45px);
}

.search-results li:nth-child(2n+1) {
	background: #f1ede9;
}

.paginator {
	padding-top: clamp(15px, 2.9296875%, 30px);
}

/* @end */

/* @group Categories (override) */

/* @group Category - Collectables */

.excerpt-collectables {
	background-color: #ffde17;
	background-image: url("../forms/svg/collectables-tile.svg");
	background-size: 400px auto;
	background-position: 50% 50%;
}

.excerpt-collectables h2 {
	margin: 0.45em 0;
	font-size: 2.5em /*40*/;
	text-transform: uppercase;
	font-weight: 800;	
}

.excerpt-collectables ul {
	width: 90%;
	margin: 0 auto;
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 5%;
}

.excerpt-collectables li {
	width: 163px;
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

.excerpt-collectables li:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.excerpt-collectables li:nth-child(1) { background-image: url("../forms/svg/badge-01.svg"); }
.excerpt-collectables li:nth-child(2) { background-image: url("../forms/svg/badge-02.svg"); }
.excerpt-collectables li:nth-child(3) { background-image: url("../forms/svg/badge-03.svg"); }
.excerpt-collectables li:nth-child(4) { background-image: url("../forms/svg/badge-04.svg"); }

.cat-collectables .baseplate-article:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 	background-image: url("../forms/svg/collectables-tile.svg");
	background-size: 400px auto;
	background-position: 50% 50%;
  opacity: 0.2;
}

.cat-collectables .social {
	padding: 0;
	justify-content: center;
}

.cat-collectables .social a {
	width: 40px;
	height: 40px;
	border: 1px solid #fff!important;
	background: #58595b;
}

.cat-collectables .social a:hover {
	border-color: #ffde17!important;
	background: #ffde17;
}

/* @end */
/* @group Category - Posey of Kindness */

.excerpt-posey-of-kindness {
	background: #ededed;
}

.excerpt-posey-of-kindness .container {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.excerpt-posey-of-kindness .article {
	display: grid;
	grid-template-columns: .75fr 1fr;
	grid-gap: 50px;
} 

.excerpt-posey-of-kindness img {
	align-self: center;
	height: auto;
	width: auto;
	min-width: 100px;
}

.excerpt-posey-of-kindness img:first-child {
	justify-self: end;
	max-height: 310px;
}

.excerpt-posey-of-kindness img:last-child {
	justify-self: start;
	max-height: 118px;
}

.cat-posey-of-kindness .excerpt-article .article-text {
	color: #58595b;
	background: #ffde17;
	text-align: center;
	align-self: center;
}

#yellow-posey-testimonial,
#yellow-posey-testimonial article {
	background: #ffde17;
}

#yellow-posey-testimonial .container {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#yellow-posey-testimonial .with-image {
	grid-template-columns: 1fr 1fr;
}

#yellow-posey-testimonial h3 {
	display: none;
}

.cat-posey-of-kindness .excerpt-article .article-text p {
	text-transform: uppercase;
}

/* @end */
/* @group Category - Yellow Bucket Appeal */

.cat-yellow-bucket-appeal .main-article-excerpt,
.cat-yellow-bucket-appeal .baseplate-article {
	background: #81cfcf;
}

.cat-yellow-bucket-appeal .main-article-excerpt .container,
.cat-yellow-bucket-appeal .baseplate-article .container {
	color: #FFF;
	background-image: url("../forms/svg/stars-30-opt-1.svg");
	background-position: 50% 33%;
	background-repeat: no-repeat;
	background-size: 650px;
}

.cat-yellow-bucket-appeal .main-article-excerpt .container {
	background-position: 0 50%;
	background-size: 750px;
	padding: clamp(15px, 5.859375%, 45px); /*45/1536*/ /* NOTE: changing L/R padding will require generating new image sizes*/
}

.cat-yellow-bucket-appeal .article h3,
.cat-yellow-bucket-appeal .article a {
	color: #81cfcf;
}

.cat-yellow-bucket-appeal .baseplate-article h3 {
	color: #58595b;
/*	font-family: 'Norican', cursive;
	font-size: 1.9375em;*/
}

.cat-yellow-bucket-appeal .baseplate-article h3 b {
	color: #FFF;
}

.cat-yellow-bucket-appeal .main-article-excerpt .article {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	text-align: left;
	align-items: center;
	gap: 5.859375%;
}

.cat-yellow-bucket-appeal .main-article-excerpt .article div:last-child {
	padding-right: 20%;
}

.cat-yellow-bucket-appeal .bucket {
	padding-left: 25%;
}

.cat-yellow-bucket-appeal .bucket img {
	width: 100%;
	max-height: 300px;
}

/* @group Category - Purpose */

.cat-purpose .main-article h2 {
	color: #a7a9ac;
}

.cat-purpose .category-article h3 {
	color: #808285;
}

/* @end */

/* @end */

/* @end */

/* @group Services - colours */

.submenu .nav-cat-housing h3 a { color: #46c0e5; }
.submenu .nav-cat-home-services h3 a { color: #6fbfa2;	}
.submenu .nav-cat-disability-support h3 a { color: #a18bb9;	 }
.submenu .nav-cat-youth-services h3 a { color: #ed987c;	 }


.grid .housing a .title { background: #46c0e5; }
.grid .home-services a .title { background: #6fbfa2; }
.grid .disability-support a .title { background: #a18bb9; }
.grid .youth-services a .title { background: #ed987c; }

.cat-housing .article a,
.cat-housing .category-article h3,
.cat-housing .baseplate-article h3 b,
.cat-housing .main-article h1,
.cat-housing .main-article-excerpt h2 {
	color: #46c0e5;
}
.cat-housing .main-article-excerpt {
	background: #daf2fa;
}

.cat-home-services .article a,
.cat-home-services .category-article h3,
.cat-home-services .baseplate-article h3 b,
.cat-home-services .main-article h1,
.cat-home-services .main-article-excerpt h2 {
	color: #6fbfa2;
}
.cat-home-services .main-article-excerpt {
	background: #e2f2ec;
}
.cat-home-services .excerpt-article .article-text {
	color: #FFF;
	background: #6fbfa2;
}


.cat-disability-support .article a,
.cat-disability-support .category-article h3,
.cat-disability-support .baseplate-article h3 b,
.cat-disability-support .main-article h1,
.cat-disability-support .main-article-excerpt h2 {
	color: #a18bb9;
}
.cat-disability-support .main-article-excerpt {
	background: #ece8f1;
}
.cat-disability-support .excerpt-article .article-text {
	color: #FFF;
	background: #a18bb9;
}

.cat-youth-services .article a,
.cat-youth-services .category-article h3,
.cat-youth-services .baseplate-article h3 b,
.cat-youth-services .main-article h1,
.cat-youth-services .main-article-excerpt h2 {
	color: #ed987c;
}
.cat-youth-services .main-article-excerpt {
	background: #fbeae5;
}
.cat-youth-services .excerpt-article .article-text {
	color: #FFF;
	background: #ed987c;
}


.cat-home-services .excerpt-article h3,
.cat-disability-support .excerpt-article h3,
.cat-youth-services .excerpt-article h3 {
	color: #ffde17
}

/* @end */

/* @group Doante forms */

.donate-form .step-one {
	margin: 0 auto;
	max-width: 260px;
}

/*.donate-form input[type="number"] {
	text-align: left!important;
	padding-left: 0.6428571429em!important;
}*/

#main-content article label {
	display: block;
	margin-bottom: 0.6428571429em;
}

.donate-form .disabled {
	opacity: .5!important;
}


.donate-form .disabled .btn input {
	color: #FFF;
	background: #58595b;
	cursor: default;
}

.donate-payment {
	background: url('../../../img/spinner-02.gif') no-repeat 50% 50%;
	background-size: 32px;
}

#simplify-checkout-embed-frame {
	border: none;
	height: 500px;
/*	width: 100%;
	max-width: 300px;*/
	background: white;
	overflow: hidden;
}


/* @end */

/* @end */

/* @group Responsive */
/* ==========================================================================
   These override the primary styles.
   ========================================================================== */
   
@media only screen and (min-width: 1201px) {
   	
   	html {
	  font-size: 1.1428571429em; /*16*/
	  }
	  
}
   
@media only screen and (max-width: 1200px) {

	html {
	  font-size: 1em;
	  }

 	
	.whats-on-subscribe img {
		padding-right: 0!important;
	}
	
	.subscribe form p {
		width: 100%;
	}
	
	.excerpt-article .category-article {
		grid-template-columns: 1fr 1fr;
	}
	
	.square-image .with-image {
		grid-template-columns: .65fr 3fr;
	}

}

@media only screen and (max-width: 1024px) {
  
   
   .container {
		padding: clamp(15px, 2.9296875%, 30px);
	}

   .submenu {
   		font-size: .75em;
   }
   
   .grid {
		grid-gap: 20px;
	}
	
	.round-grid {
		grid-gap: 50px;
	}	
	
	.whats-on-subscribe .grid {
		grid-gap: 63px;
	}

   
}

@media only screen and (max-width: 1023px) {

/*Stack main menu vertically */
	.site-header > .container {
		justify-content: center;
	}
	.nav {
		flex-basis: 100%;
		height: auto;
	}
	.main-nav {
		height: auto;
	}
	
	.btn-search input:focus	{
		width: 150px;
	}
	
	
	.main-image {
		padding-top: clamp(15px, 1.46484375%, 30px);
	}


	.whats-on-subscribe .flexbox-edges {
		flex-wrap: wrap-reverse;
	}
	
	.whats-on-subscribe .flexbox-edges h2 {
		flex-basis: 100%;
	}
	
	/*Avoid zooming mobile screen on input*/
	.search_input input,
	#main-content article input:not([type=submit]),
	.comConnectForm input.comText,
	.comConnectForm input.comEmail,
	.comConnectForm textarea,
	.subscribe input:not([type=submit]) {
		font-size: 1.1428571429em /*16/14*/;
	}

}
   
@media only screen and (max-width: 926px) {
/*916px + 10px more to allow for iPhone notch*/



	
/*	.with-overlay  {
	height: 60vh;
	}*/
   

}

@media only screen and (max-width: 916px) {
   	
	.main-nav .break {
	  flex-basis: 100%;
	  height: 0;
	}
	
	.impact-panel .stats {
		flex-wrap: wrap;
		gap: 30px;
		row-gap: 0;
	}

	.impact-panel .stats h3 {
		flex-basis: 30%;
	}
	

	
}

@media only screen and (max-width: 840px) {
	
	.excerpt-article .category-article {
		grid-template-columns: .75fr 1fr;
	}
	
	.square-image .with-image {
		grid-template-columns: .65fr 2.5fr;
	}
	
	#yellow-posey-testimonial .with-image {
		grid-template-columns: .70fr 1fr;
	}
	
	.cat-yellow-bucket-appeal .main-article-excerpt .article div:last-child {
		padding-right: 10%;
	}
	
	.cat-yellow-bucket-appeal .bucket {
		padding-left: 15%;
	}
	
	.latest-news .grid-columns-3,
	.news-events .grid-columns-3 {
		grid-template-columns: 1fr 1fr;	
	}
	
	.round-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}	
	
}

@media only screen and (max-width: 740px) {
	
	.excerpt-article .category-article {
		grid-template-columns: 1fr;
	}
	
	.excerpt-article .article-image {
		grid-row-start: 1;
		grid-column-start: 1;
	}
	
	.square-image .with-image {
		grid-template-columns: .5fr 2fr;
		padding: 0 5%;
	}
	
	#yellow-posey-testimonial .with-image {
		grid-template-columns: 1fr;
	}
	
	#yellow-posey-testimonial .with-image .article-image {
		grid-row-start: 1;
		grid-column-start: 1;
	}
	
	.excerpt-posey-of-kindness .article {
		display: grid;
		grid-template-columns: .75fr 1fr;
		grid-gap: 0;
	}
	
}
 
/*single column*/   
@media only screen and (max-width: 666px) {

	.site-header > .container {
		padding-left: 0;
		padding-right: 0;
	}

	.submenu-group {
		flex-basis: 100%;
	}
	
	.flexbox-edges {
		flex-basis: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.latest-news .grid-columns-3,
	.news-events .grid-columns-3 {
		grid-template-columns: 1fr;
	}
	
	.partners h3 {
		margin-top: 1.8947368422em;
	}
	
	.partners .logos {
		flex-wrap: wrap;
	}
	
	.whats-on-subscribe .grid  {
		display: block;
	}
	
	.whats-on-subscribe .subscribe {
		padding-top: 30px;
		margin-top: 40px;
		border-top: 3px solid #FFF;
	}
	
	.whats-on-subscribe {
		background-image: none;
	}
	
	.whats-on-subscribe .flexbox-edges {
		justify-content: space-between;
		flex-wrap: wrap-reverse;
	}
	
	footer .flexbox-edges {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	footer .flexbox-edges ul,
	footer .flexbox-edges div {
		flex-basis: 100%;
		text-align: left;
	}
	
	footer .social {
	margin-top: 1em;
	justify-content: flex-start;
	flex-basis: 100%;
	order: 0;
}


}

@media only screen and (max-width: 616px) {
	
	.main-nav .break-2 {
	  flex-basis: 100%;
	  height: 0;
	}
	.main-nav li:nth-last-child(-n+5):hover .dropdown-content {
		display: none!important;
	}
	
	.content h1 {
		font-size: 3em /*48*/;
	}

	.content h2 {
		font-size: 2.625em /*42*/;
	}
	
	/*Slideshow: Remove overlay and move text below from*/
	.slide-overlay {
		background: transparent;
	}
	
	.slide .inner {
/*		position: relative;*/
		background: #58595b;
		opacity: .95;
	}
	
	.grid .title {
		font-size: 1.25em;
	}
	
	
	.excerpt-collectables ul {
		flex-wrap: wrap;
	}

	.cat-yellow-bucket-appeal .main-article-excerpt .article div:last-child {
		padding-right: 0;
	}
	
	.cat-yellow-bucket-appeal .bucket {
		padding-left: 0;
	}

	
			
	.whats-on-subscribe .flexbox-edges {
		justify-content: space-between;
		flex-wrap: wrap-reverse;
	}
	
	.whats-on-subscribe .flexbox-edges h2 {
		flex-basis: 100%;	
	}
	
	.comConnectForm {
		width: 100%;
	}

}

@media only screen and (max-width: 500px) {

	.extra-special 	.grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.flexbox-inner {
		flex-wrap: wrap;
		flex-basis: 100%;	
	}
	
	.excerpt-posey-of-kindness .article {
		grid-template-columns: 1fr;
	}
	
	.excerpt-posey-of-kindness .article img {
		justify-self: center	;
	}
	
	.excerpt-posey-of-kindness .article img:first-child {
		width: 75%;
	}
	
	.excerpt-posey-of-kindness .article img:last-child {
		grid-row-start: 1;
		grid-column-start: 1;
		margin-top: 30px;
	}
	
			
	.cat-yellow-bucket-appeal .main-article-excerpt .container {
		background-position: 50% 0;
	}
	
	.cat-yellow-bucket-appeal .main-article-excerpt .article {
		grid-template-columns: 1fr;
		grid-gap: 0;
		}
		
	.round-grid {
		grid-template-columns: 1fr;
		grid-gap: 30px
		}	
	
	.round-grid img {
		width: 50%;
		}
	.round-grid .article:first-child img {
		margin-top: 0.6428571429em;
		}
	.round-grid p:last-child {
		margin-bottom: 1.2857142857em;
	}
	
	.square-image .category-article {
		grid-template-columns: 1fr;
		padding: 0;
	}
	
	.square-image .article-image {
		grid-row-start: 1;
		grid-column-start: 1;
	}
	
	.square-image .article-image img {
		max-width: 40%;
		margin: 0 auto;
	}
	
	.square-image .category-article .article-text {
		text-align: center;
	}

}

@media only screen and (max-width: 424px) {

	.grid {
		grid-template-columns: 1fr!important;
	}
	
	.excerpt-collectables ul {
		width: 100%;
	}
	
	.excerpt-collectables ul li {
	width: 47.5%;

}

	.slide .inner .text .btn {
		margin: 1.5em 0 .5em 0;
	}
	.cycle-pager {
		display: none;
	}

}

@media only screen and (max-width: 374px) {
	
	.content h1 {
		font-size: 2.625em /*42*/;
	}
	
	.content h2 {
		font-size: 2.25em /*36*/;
	}
	
	.main-nav .break-2 {
		flex-basis: auto;
		height: 0;
	}
	.main-nav li:nth-last-child(-n+7):hover .dropdown-content {
		display: none!important;
	}
	
	.round-grid {
		grid-gap: 30px
	}	
	
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* @end */

/* @group Helper */
/* ==========================================================================
  Helper classes
  ========================================================================== */

/*
* Hide visually and from screen readers
*/

.hidden,
[hidden] {
 display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
 border: 0;
 clip: rect(0, 0, 0, 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 white-space: nowrap;
 width: 1px;
 /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
 clip: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 position: static;
 white-space: inherit;
 width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
 visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix::before,
.clearfix::after {
 content: " ";
 display: table;
}

.clearfix::after {
 clear: both;
}
/* @end */
/* @group Print */
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after,
  .logo a[href]::after,
  .contact a[href]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  
  .site-header > .container {
  	justify-content:  center;
  }

.grid-columns-3 {
  	width: 90%!important;
  	grid-gap: 5%!important;
  }
  
  h1 {
  	font-size: 2.5em /*40*/!important;
  	margin: 0.45em 0!important;
  }
  
  h2 {
  	font-size: 1.875em /*30*/!important;
  	margin: 0.6em 0!important;
  }
  
  footer .flexbox-edges {
  	 justify-content:  center;
  }
  
  footer ul.contact {
  	text-align: center;
  }
  
  footer ul .phone a {
  	color: #000!important;
  }
  
  .nav, .main-image, .complementary-content .whats-on-subscribe, .complementary-content .donate, .impact-panel, .footer-links, .social, .comConnectForm {
  	display: none!important;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* @end */