/*
Theme Name: ggstyle
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, fluid-layout, responsive-layout, two-columns
Text Domain: ggstyle
*/

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

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Utilities, Misc                              */
/*!        ii - Customize plugins                                             */
/*!       iii - Body                                                          */
/*!      iiii - Fonts                                                         */

/*!     STRUCTURE:                                                            */
/*!         1. - Head                                                         */
/*!         2. - Main                                                         */
/*!         3. - Content                                                      */
/*!         4. - Sidebar                                                      */
/*!         5. - Footer                                                       */
/*!         6. - Responsive                                                   */
/*!         7. - Front Page                                                   */

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

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

/*!     i - Imports, Resets, Utilities, Misc                                  */

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

/* Normalize 4.0.0 */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
progress {
	vertical-align: baseline;
}
template,
[hidden] {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: inherit;
}
b,
strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
button,
input,
select,
textarea {
	font: inherit;
	margin: 0;
}
optgroup {
	font-weight: bold;
}
button,
input,
select {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
}
[disabled] {
	cursor: default;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* Custom Resets */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
path {
	box-sizing: content-box;
}
p {
	line-height: 1.5;
	margin: 0 0 1em 0;
	word-wrap: initial;
	word-break: break-word;
}

p.empty,
p:empty {
	line-height: 0;
	margin: 0;
	padding: 0;
}
a {
	word-wrap: initial;
	word-break: break-word;
}
ul,
ol {
	margin: 16px 0;
	padding: 0 0 0 24px;
}
li,
dt,
dd {
	margin: 0 0 .8em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	margin: 0 0 16px;
}
sub,
sup {
	line-height: 1.2;
}
dt {
	clear: left;
	float: left;
	font-weight: 700;
	max-width: 65px;
	width: 20%;
}
dd {
	float: left;
	width: 80%;
}
:active,
:focus {
	outline: none;
}
img {
	border: none;
	height: auto;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}
iframe {
	max-width: 100%;
}
svg {
	width: 100%;
}

/* Wordpress Defaults */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: none;
	padding: 10px;
	margin: 0 0 30px 0;
}
.wp-caption-text {
	font-size: 90%;
	color: #333;
	font-style: italic;
	margin: 10px 0;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	margin: 0;
	padding: 0 4px 5px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.sticky,
.bypostauthor,
.gallery-caption {
	font-size: 12px;
	font-weight: 700;
}

/* Basic form styling */
input,
textarea {
	border: 1px solid black;
	border-radius: 3px;
	color: black;
	font-size: 14px;
	padding: 8px 14px;
}
input:focus,
input:active,
textarea:focus,
textarea:active {
	border-color: #379d37;
}
input[type="submit"] {
	background: #225975;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	color: white;
	cursor: pointer;
	font-size: 12px;
	padding: 4px 6px;
	transition: background 0.3s ease;
}
input[type="submit"]:hover {
	background: #225975;
	color: white;
	text-decoration: none;
	text-shadow: 0 0 5px black;
}

.main .gform_wrapper input[type="email"],
.main .gform_wrapper input[type="number"],
.main .gform_wrapper input[type="password"],
.main .gform_wrapper input[type="tel"],
.main .gform_wrapper input[type="text"],
.main .gform_wrapper input[type="url"],
.main .gform_wrapper textarea {
	font-size: 14px;
	padding: 6px 8px;
}

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

/* Tables */
table {
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-spacing: 0;
	font-size: 90%;
}

tr {
}
tr:nth-of-type(odd) {
	background: #f1f2f3;
}

td {
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 4px 8px;
}

thead td {
	background: #cd5d1c;
	color: white;
	font-weight: 700;
	text-align: right;
}

.container {
	margin: 0 auto;
	max-width: 1080px;
	position: relative;
}
.container:before,
.container:after {
	clear: both;
	content: "";
	display: table;
}

.search-form {
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 16px;
	margin: 16px 0;
	max-width: 600px;
	position: relative;
	/* width: 48%; */
	display: flex;
}

.search-form label {
	order: 2;
	flex: 1 auto;
}

.search-form input {
	background: none;
	border: none;
	border-radius: 0;
	cursor: text;
	/* height: 35px; */
	vertical-align: top;
}
.search-form input::-webkit-input-placeholder {
	font-weight: 700;
}

.search-form .search-field {
	/* min-width: 236px; */
}

.search-form .search-submit {
	border: none;
	background: none;
	box-shadow: none;
	cursor: pointer;
	order: 1;
	width: 2rem;
	line-height: 1;
	margin-left: 1rem;
	margin-top: 3px;
	flex: 0 0 auto;
}
.search-form .search-submit:hover {
	background: none;
}

.search-form .search-submit svg {
	height: 1rem;
}

@media (min-width: 680px) {
	.search-form {
		width: 27%;
	}
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important; /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important; /* 3 */
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links 
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
}

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

/*!     ii - Customize plugins                                                */

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

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

/*!     iii - Body                                                            */

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

body {
	background: white;
	color: black;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
}

body.logged-in {
	padding-top: 32px;
}
@media (max-width: 768px) {
	body.logged-in {
		padding-top: 46px;
	}
}

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

/*!    iiii - Fonts                                                           */

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

h1,
h2,
h3,
h4,
h5 {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

h1 {
	color: #225975;
	font-size: 36px;
	font-weight: 400;
	margin: 0 0 34px;
}
h2,
h2 a {
	color: #6dbae6;
	font-size: 28px;
	font-weight: 400;
}
h3 {
	color: #225975;
	font-size: 24px;
	font-weight: 400;
}
h4 {
	color: #225975;
	font-size: 19px;
	font-weight: 400;
}
h5 {
	color: #225975;
}
h6 {
	color: #225975;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

a {
	color: #a3262e;
	text-decoration: none;
}
a:hover {
	color: #cd5d1c;
	text-decoration: underline;
}

hr {
	margin: 32px 0px;
}

.notes {
	font-size: 14px;
}

/* Local Links */

.localLink-list {
	list-style-type: none;
	margin-top: 0;
	padding: 0;
}

.localLink {
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 0 16px;
	position: relative;
	text-decoration: none;
}
.localLink:before {
	content: "\25BC";
	display: block;
	font-size: 14px;
	position: absolute;
	top: 2px;
	left: 0;
}

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

/*!     STRUCTURE START                                                       */

/*!     1. - Head                                                             */

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

.top-bar {
}

.top > .container {
	display: flex;
	align-items: center;
	padding: 1rem;
}

.siteTitle {
	max-width: 460px;
	margin: 0;
	width: 50%;
}

@media (min-width: 768px) {
	.top > .container {
		align-items: flex-end;
		padding: 2rem 1rem;
	}
}

@media (min-width: 1120px) {
	.top > .container {
		padding: 2rem 0;
	}
}

.logo {
	display: block;
}

.logo__img {
	display: block;
}

.mobileToggle {
	display: none;
	position: relative;
	float: right;
	width: 30px;
	height: 24px;
	z-index: 4;
	perspective: 80px;
}
.mobileToggle-inner,
.mobileToggle-inner:after,
.mobileToggle-inner:before {
	background: black;
}
.mobileToggle-inner {
	transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobileToggle-inner,
.mobileToggle-inner:after,
.mobileToggle-inner:before {
	position: absolute;
	width: 30px;
	height: 4px;
	transition-timing-function: ease;
	transition-duration: 0.15s;
	transition-property: transform;
	border-radius: 4px;
}
.mobileToggle-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
}
.mobileToggle-inner:after,
.mobileToggle-inner:before {
	display: block;
	content: "";
}
.mobileToggle-inner:before {
	top: -10px;
}
.mobileToggle-inner:after {
	bottom: -10px;
}
.mobileToggle-active .mobileToggle-inner {
	transform: rotateX(-180deg);
	background: transparent;
}
.mobileToggle-active .mobileToggle-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}
.mobileToggle-active .mobileToggle-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* ! Top menu */

.top-menu {
}

.top-menu .menu {
	display: flex;
	justify-content: center;
	max-width: 1080px;
}

.top-menu li {
	border-right: 1px solid white;
	margin: 8px 0;
}

.top-menu li:last-child {
	border-right: none;
}

.top-menu li a {
	color: #225975;
	padding: 0 14px;
	font-size: 14px;
	font-weight: 700;
	border-right: 2px solid #225975;
}

.top-menu li:last-child a {
	border-right: none;
}

@media (min-width: 680px) {
	.top-menu .menu {
		display: flex;
		justify-content: flex-end;
	}
}

.topMenu {
	margin-left: auto;
	position: relative;
}

.menu > ul,
nav > .menu {
	list-style-type: none;
	margin: 0 auto;
	max-width: 960px;
	padding: 0;
}

.page_item,
.menu-item {
	display: inline-block;
	margin: 0;
	position: relative;
}

.page_item a,
.menu-item a {
	color: black;
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.page_item:hover > a,
.menu-item:hover > a,
.current_page_item > a,
.current-menu-item > a,
.current-page-ancestor > a,
.current_page_parent > a {
	color: #cd5d1c;
}

/* Submenu */
.topMenu ul ul {
	background: white;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
	display: none;
	margin: 0;
	padding: 4px;
	position: absolute;
	top: 100%;
	left: -8px;
	width: 260px;
	z-index: 999;
}
.topMenu li:hover > ul {
	display: block;
}

.topMenu ul ul li {
	display: block;
	margin: 0;
}

.topMenu ul ul a {
	border-left: 3px solid transparent;
	font-size: 16px;
	font-weight: 400;
	padding: 7px 12px;
	text-transform: none;
}

.topMenu ul ul .page_item:hover > a,
.topMenu ul ul .menu-item:hover > a,
.topMenu ul ul .current_page_item > a,
.topMenu ul ul .current-menu-item > a,
.topMenu ul ul .current-page-ancestor > a {
	border-left: 3px solid #cd5d1c;
	color: #cd5d1c;
	text-decoration: underline;
}

.topMenu > ul > li > a {
	background-color: #a3262e;
	background-color: #cd5d1c;
	background-color: #225975;
	color: white;
	border-radius: 6px;
	padding: 10px 14px;
	transition: background 0.3s ease;
}

.topMenu > ul > li > a:hover {
	color: white;
	background-color: #a3262e;
}

.banner .container {
	display: flex;
	justify-content: flex-end;
}

.banner .search-form {
	border: none;
}

.banner .search-form input {
	color: white;
}
.banner .search-form input::-webkit-input-placeholder {
	color: white;
}
.banner .search-form .search-submit svg {
	fill: white;
}

.banner {
	overflow: hidden;
	position: relative;
	background: linear-gradient(to right, #c41e28, #de5f10);
}

.banner-img {
	display: block;
	max-width: none;
}

.banner-img-left {
	float: left;
}
.banner-img-right {
	float: right;
}
.banner-img-centre {
	position: relative;
	left: 50%;
}

.banner-text {
	color: white;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: 300;
	margin: auto;
	max-width: 1080px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 64px;
	text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.75);
}
.banner-text span {
	display: block;
}

.banner-textHighlight {
	color: #23bbe8;
	font-weight: 400;
}

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

/*!     3. - Content                                                          */

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

.main {
	padding: 46px 0;
	position: relative;
}
.main--what-we-do {
	padding: 0 0 46px;
}
.main--news {
	background: #d8ecfa;
}
.main--news h1 {
	color: #225975;
}

.content {
	float: left;
	padding: 0 6% 0 32px;
    width: 70%;
    text-align: justify;
}
.content-full {
	float: none;
	padding: 0;
	width: 100%;
}

.postDetails {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 32px;
}

.postDetails a {
	color: #cd5d1c;
}

.postImg {
}

.postImg-caption {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 32px;
}

.post {
	float: left;
	margin-right: 32px;
	width: 50%;
	width: calc(50% - 32px);
}

.post-imgLink,
.post-img {
	display: block;
	width: 100%;
}

.post-content {
	padding: 16px;
	position: relative;
}

.post-title {
	color: #225975;
	font-size: 17px;
}

.post-details {
	background: rgba(255, 255, 255, 0.65);
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}
.post-cats {
	font-size: 14px;
	font-weight: 400;
}
.post-tags {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 16px;
}
.post-cats a,
.post-tags a {
	color: #cd5d1c;
}

.sidebar {
	float: left;
	padding: 8px 0;
	width: 27%;
	margin-left: 3%;
}

a.quicklink {
	display: block;
	padding: 12px 16px;
	margin-bottom: 14px;
	width: 100%;
	background-color: #225975;
	color: white;
	transition: 0.3s ease;
	border-radius: 6px;
}

a.quicklink:hover {
	background-color: #a3262e;
	color: white;
	text-decoration: none;
}

a.quicklink.annualreports {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 160px;
	height: 200px;
	margin-right: 20px;
}

.guide {
	position: relative;
}

.guide__img {
	display: block;
	width: 100%;
}

.btn {
	background: #225975;
	color: white;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 30px 8px 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.btn:after {
	border-color: transparent transparent transparent white;
	border-style: solid;
	border-width: 6px;
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.btn:hover {
	background: #a3262e;
	color: white;
	text-decoration: none;
}
.btn > input {
	background: transparent;
	border: none;
	box-shadow: none;
	color: white;
	font-size: 15px;
	margin: -10px -30px -8px -20px;
	padding: 10px 30px 8px 20px;
	text-transform: uppercase;
	-webkit-appearance: none;
}
.btn:hover > input {
	background: #a3262e;
}

.btn--orange {
	background: #cd5d1c;
}

.btn--guide {
	background: #cd5d1c;
	font-size: 17px;
	padding: 16px 32px;
	position: absolute;
	top: 16px;
	right: 10px;
	left: 10px;
	text-align: center;
	text-transform: none;
}
.btn--guide span {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
}

.sectionTitle {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 400;
}

.box {
	margin: 0 0 32px;
	width: 30%;
}

.box__link {
	display: block;
}

.box__img {
	display: block;
	width: 100%;
}

.box__title,
.box__title a {
	color: #225975;
	font-size: 17px;
}

.box__content {
	background: white;
	padding: 16px;
	position: relative;
}
.search .box__content {
	background: #efefef;
}

.box__content .btn {
	margin-top: 16px;
}

.box__date {
	background: rgba(255, 255, 255, 0.65);
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}

.box__excerpt {
	font-size: 15px;
}

.sub-box-overlay {
	background: rgba(255, 255, 255, 0.5);
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.subscribe {
	background: #efc69e;
	margin: 0 0 16px;
	padding: 28px;
	position: relative;
	top: 0%;
	left: 0%;
	transform: translate3d(0%, 0%, 0);
	transition: all 0.3s ease-in-out;
}
.subscribe-pop {
	background: white;
	border: 2px solid #cd5d1c;
	box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.65);
	font-size: 15px;
	font-weight: 400;
	padding: 36px 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-font-smoothing: subpixel-antialiased;
}
.subscribe-pop:before,
.subscribe-pop:after {
	clear: both;
	content: "";
	display: table;
}

.subscribe-title {
	color: #cd5d1c;
	font-size: 26px;
}

.subscribe-text {
	font-size: 15px;
}

.subscribe-link-dummy {
}
.subscribe-link {
	float: right;
}

.subscribe-close {
	font-size: 16px;
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	text-align: center;
	height: 20px;
	width: 20px;
}

.indicates-required {
	color: #cd5d1c;
	float: right;
	margin: -16px 0 16px;
}

.mc-field-group {
	position: relative;
}
.mc-field-group:before,
.mc-field-group:after {
	clear: both;
	content: "";
	display: table;
}
.mc-field-group label {
	float: left;
	margin: 0 0 16px;
	padding: 6px 0;
	width: 30%;
}
.mc-field-group input {
	border: 1px solid #cd5d1c;
	border-radius: 0;
	float: left;
	margin: 0 0 16px;
	width: 70%;
}

.subscribe-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.subscribe-list label {
	padding: 0;
	width: 90%;
}
.subscribe-list input {
	margin-top: 3px;
	width: 10%;
}

.subscribe #mc_embed_signup div.mce_inline_error {
	background: #cd5d1c;
	color: white;
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	padding: 10px 0 0 64px;
	position: absolute;
	top: -6px;
	right: -64px;
	bottom: 10px;
	left: -64px;
	text-align: center;
	z-index: -1;
}

.response {
	color: #cd5d1c;
	margin: 0 0 16px;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.members {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.members:before,
.members:after {
	clear: both;
	content: "";
	display: table;
}

.members-item {
	float: left;
	margin: 0;
	padding: 3px;
}

.members-link {
	display: -moz-flex;
	display: flex;
	height: 150px;
	width: 150px;
	-moz-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	align-items: center;
}

.members-img {
	display: block;
}

.paginate {
	clear: both;
	padding: 16px 0;
	text-align: center;
	width: 100%;
}

.page-numbers {
	background: #efefef;
	border-radius: 4px;
	display: inline-block;
	margin: 0 2px;
	padding: 4px 8px;
}

.current,
.next,
.prev {
	background: white;
}

.subpages {
	border-left: 4px solid #225975;
	margin: 0 0 40px;
	padding: 6px 14px;
}

.subpages-title,
.subpages-title a {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.subpages-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.subpages-item {
	border-left: 4px solid transparent;
	margin: 0 0 16px;
	position: relative;
}
.subpages-item:last-child {
	margin: 0;
}

.subpages-item--current {
	border-left-color: #cd5d1c;
}

.subpages-item--postIsIn {
	border-left-color: #6dbae6;
}

.subpages-item .subpages-item--current {
	border-left-color: white;
}

.subpages-link {
	color: black;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
}
.subpages-link:hover {
	color: #cd5d1c;
	text-decoration: underline;
}

.subpages-item--postIsIn > .subpages-link {
	color: #6dbae6;
	font-weight: 600;
}

.subpages-item--current > .subpages-link {
	color: #cd5d1c;
	font-weight: 600;
}

.subpages-item--hasChildren > .subpages-link {
	position: relative;
}
/*
            .subpages-item--hasChildren > .subpages-link:after {
                border-color: transparent transparent transparent #225975;
                border-style: solid;
                border-width: 6px;
                content: '';
                display: inline-block;
                margin: 0 0 0 6px;
            }
            .subpages-item--current.subpages-item--hasChildren > .subpages-link:after {
                border-color: #cd5d1c transparent transparent transparent;
                vertical-align: middle;
            }
*/

.subpages-item .subpages-item {
	margin-bottom: 0;
}

.resources {
}

.resources-item {
}

.resources-head {
	background: #d8ecfa;
	cursor: pointer;
	padding: 8px 28px;
	position: relative;
	font-weight: 400;
}
.resources-head:hover {
	background: #225975;
	color: white;
}
.resources-head--active {
	background: #cd5d1c;
	color: white;
	font-weight: 400;
}

.resources-head:after {
	border-color: transparent #225975 transparent transparent;
	border-style: solid;
	border-width: 8px;
	content: "";
	display: block;
	position: absolute;
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	right: 16px;
}
.resources-head:hover:after {
	border-color: transparent white transparent transparent;
}

.resources-head--active:after,
.resources-head--active:hover:after {
	border-color: white transparent transparent transparent;
	margin-top: 6px;
	right: 10px;
}

/* Hidden ready for js to show/hide */
.resources-content {
	display: none;
}

.resources-subItem {
	border-bottom: 1px solid #999;
	padding: 20px 28px 4px;
}
.resources-subItem:last-child {
	border-bottom: none;
}

.resources-subItem a {
	color: #cd5d1c;
}

.footer {
	background: #225975;
	color: white;
	font-size: 16px;
	padding: 48px 16px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43);
}
.footer:before,
.footer:after {
	clear: both;
	content: " ";
	display: table;
}

.footer p {
	margin: 0;
}

.footer .alignleft {
	margin-right: 32px;
}

.footer a {
	color: white;
	text-decoration: none;
}
.footer a:hover {
	color: white;
	text-decoration: underline;
}

.scrollToTop {
	background: #a3262e;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	display: block;
	padding: 4px;
	position: fixed;
	bottom: 16px;
	right: 16px;
	text-align: center;
	text-decoration: none;
	height: 32px;
	width: 32px;
}
.scrollToTop:hover {
	background: #cd5d1c;
	color: white;
}

.wsp-container li.page-item-2 {
	display: block;
}

.wsp-container ul {
	margin: 0 0 20px 0;
}

.block-slider {
	padding-top: 0 !important;
}

.block-slider .slide {
	height: auto !important;
}

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

/*!     6. - Responsive                                                       */

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

@media (max-width: 1148px) {
	.container,
	.banner-text {
		padding: 0 32px;
	}
}

@media (max-width: 970px) {
	.banner-text {
		font-size: 46px;
	}
}

@media (max-width: 768px) {
	.container,
	.banner-text {
		padding: 0 16px;
	}

	.siteTitle {
		width: auto;
	}

	.topMenu {
		padding: 14px 0;
	}

	.mobileToggle {
		display: block;
	}

	.topMenu-menu {
		/* background: white; */
		display: none;
		padding: 8px;
		position: absolute;
		top: 100%;
		right: 0;
		width: 220px;
		z-index: 10;
	}
	.topMenu-menu-active {
		display: block;
	}

	.menu-item {
		display: block;
		margin-bottom: 4px;
	}

	.topMenu li:hover > ul {
		display: none;
	}

	body:not(.home) .banner {
		max-height: 275px;
	}
	.home .banner {
		max-height: 450px;
	}

	.banner-text {
		font-size: 36px;
	}

	.content {
		float: none;
		padding: 0;
		margin-bottom: 32px;
		order: 1;
		width: 100%;
	}

	.sidebar {
		float: none;
		margin: 0;
		order: 2;
		width: auto;
	}

	body:not(.home) .main .container {
		display: flex;
		flex-wrap: wrap;
	}

	.home .content {
		float: left;
		padding: 0 16px 0 0;
		width: 52%;
	}

	.home .sidebar {
		float: right;
		width: 48%;
	}

	.flex {
		flex-wrap: wrap;
	}

	.box {
		width: 48%;
	}
}

@media (max-width: 690px) {
	.content,
	.sidebar,
	.home .content,
	.home .sidebar {
		float: none;
	}

	.home .content {
		float: none;
		padding: 0;
		width: auto;
	}

	.footer p {
		float: left;
		margin: 0 32px 16px 0;
	}
}

@media (max-width: 560px) {
	body:not(.home) .banner {
		max-height: 200px;
	}
	.home .banner {
		max-height: 350px;
	}

	.banner-text {
		font-size: 26px;
	}
	.banner-text span {
		display: inline;
	}

	.home .sidebar {
		float: none;
		margin: 0 auto;
		width: auto;
	}

	.post {
		float: none;
		margin: 16px auto;
		max-width: 330px;
		width: auto;
	}
}

@media (max-width: 500px) {
	.box {
		margin: 16px auto;
		max-width: 330px;
		width: auto;
	}

	.sub-box {
		display: none;
	}

	.content .gform_wrapper .top_label input.medium,
	.content .gform_wrapper .top_label select.medium,
	.content .gform_wrapper textarea.medium {
		width: 100%;
	}
}