@font-face {
	font-family: "acreme";
	src: url("acreme.eot");
	src: url("acreme.eot?#iefix") format("embedded-opentype"), url("acreme.woff") format("woff"), url("acreme.ttf") format("truetype"), url("acreme.svg#acreme") format("svg");
	font-weight: normal;
	font-style: normal
}

[data-icon]:before {
	font-family: "acreme" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.footer-expanded .footer-sitemap .footer-sitemap-menu>li>a:before,
.infopanel ul.linklist li:before,
.people-grid h2:before,
.overview-grid h2:after,
.year-month-archive h3:before,
.mobile-menu ul li a:after,
.publication-listing .item:before,
.project-listing .item:before {
	font-family: "acreme" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-bars:before {
	content: "\61"
}

.icon-arrow-left:before {
	content: "\62"
}

.icon-arrow-right:before,
.infopanel ul.linklist li:before,
.footer-expanded .footer-sitemap .footer-sitemap-menu>li>a:before,
.people-grid h2:before {
	content: "\63"
}

.icon-arrow-up:before {
	content: "\64"
}

.icon-arrow-down:before {
	content: "\65"
}

.icon-dbl-chevron-left:before {
	content: "\66"
}

.icon-dbl-chevron-right:before,
.overview-grid h2:after,
.mobile-menu ul li a:after {
	content: "\67"
}

.icon-dbl-chevron-up:before {
	content: "\68"
}

.icon-dbl-chevron-down:before {
	content: "\69"
}

.icon-minus:before {
	content: "\6a"
}

.icon-plus:before {
	content: "\6b"
}

.icon-facebook:before {
	content: "\6c"
}

.icon-linkedin:before {
	content: "\6d"
}

.icon-twitter:before {
	content: "\6e"
}

.icon-reply:before {
	content: "\6f"
}

.icon-retweet:before {
	content: "\70"
}

.icon-favourite:before {
	content: "\71"
}

.icon-twitter-pin:before {
	content: "\72"
}

.icon-news-pin:before {
	content: "\73"
}

.icon-publications-pin:before {
	content: "\74"
}

.icon-description:before {
	content: "\75"
}

.icon-staff:before {
	content: "\76"
}

.icon-citation:before {
	content: "\77"
}

.icon-acr-theme:before {
	content: "\78"
}

.icon-projects:before,
.project-listing .item:before {
	content: "\79"
}

.icon-publications:before,
.publication-listing .item:before {
	content: "\7a"
}

.icon-search:before {
	content: "\41"
}

.icon-times:before {
	content: "\42"
}

.icon-tags:before {
	content: "\43"
}

.icon-category:before {
	content: "\44"
}

body {
	background: #fff;
	font-size: 115%;
	line-height: 1.5;
	font-family: Roboto, arial, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #38473c
}

a {
	font-size: 1em;
	outline: none
}

a:link {
	color: #f58335;
	text-decoration: underline
}

a:visited {
	color: #f58335;
	text-decoration: underline
}

a:hover {
	color: #f58335;
	text-decoration: none
}

a:active {
	color: #f58335;
	text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #6c7942;
	font-family: Montserrat, arial, sans-serif;
	font-weight: 600;
	line-height: 1.3
}

h1 {
	font-size: 1.7em
}

h2 {
	font-size: 1.5em
}

h3 {
	font-size: 1.3em
}

h4 {
	font-size: 1.2em
}

h5 {
	font-size: 1.1em
}

h6 {
	font-size: 1em
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p,
pre,
table,
fieldset,
hr {
	margin: 0 0 1.5rem 0
}

a.button {
	display: inline-block;
	background: #f58335;
	color: #fff;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	line-height: 34px;
	font-size: 1em;
	padding: 0 15px;
	font-size: 1em;
	border: none;
	position: relative;
	transition: all .2s ease-in-out
}

a.button:hover {
	cursor: pointer;
	background: #a12221
}

p,
table,
td,
p a,
li a,
table a,
dl a {
	font-size: 1em
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-bottom: 0
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	background-color: #fff
}

img {
	max-width: 100%;
	height: auto;
	border: none
}

strong {
	font-family: Roboto, arial, sans-serif;
	font-weight: 700
}

.floatleft {
	float: left
}

.floatright {
	float: right
}

.container {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.container:before {
	content: "";
	display: table;
	clear: both
}

.container:after {
	content: "";
	display: table;
	clear: both
}

.page-title {
	background: #6c7942;
	border-bottom: 2px solid #fff;
	padding: 2.5rem 0
}

.page-title .date {
	font-size: .9em;
	margin: 10px 0 0 0;
	color: #9bac66
}

.page-title h1 {
	color: #fff;
	margin: 0;
	font-size: 2em
}

.internal-masthead,
.home-masthead {
	width: 100%;
	height: 390px;
	position: relative;
	background-color: #38473c;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 2px solid #fff
}

.internal-masthead .masthead-title,
.home-masthead .masthead-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	padding: 2.5rem 0
}

.internal-masthead .masthead-title h1,
.home-masthead .masthead-title h1 {
	margin: 0;
	color: #fff;
	font-size: 2em
}

.internal-masthead .image-credit,
.home-masthead .image-credit {
	position: absolute;
	bottom: 8px;
	right: 8px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: .75em;
	line-height: 1
}

.home-masthead {
	height: 500px
}

.home-masthead .image-credit {
	bottom: 8px;
	right: 8px;
	top: auto
}

.main {
	padding: 2.5rem 0 1rem 0;
	background: url(../images/bgrounds/main.png) no-repeat 50% 0
}

.content:before {
	content: "";
	display: table;
	clear: both
}

.content:after {
	content: "";
	display: table;
	clear: both
}

.primary {
	display: block;
	width: 70%
}

.secondary {
	width: 25%
}

.equal {
	width: 48%
}

.header {
	padding: 36px 0
}

.header .logo {
	width: 320px;
	float: left
}

.header .logo img {
	width: 100%;
	display: block
}

.header .icon-bars {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	cursor: pointer;
	right: 10px;
	width: 36px;
	height: 36px;
	color: #89af3f;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.header .icon-bars:before {
	position: absolute;
	font-size: 28px;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -14px
}

.header .search-donate {
	position: absolute;
	top: 18px;
	right: 10px
}

.header .search-donate .searchform {
	display: inline-block;
	width: 200px;
	vertical-align: top
}

.header .search-donate .searchform form {
	position: relative;
	width: 100%;
	background: orange
}

.header .search-donate .searchform form:before {
	content: "";
	display: table;
	clear: both
}

.header .search-donate .searchform form:after {
	content: "";
	display: table;
	clear: both
}

.header .search-donate .searchform input[type="search"] {
	width: 100%;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e9e9e9;
	padding: 5px 30px 5px 5px;
	font-size: .8em;
	border: none;
	font-family: Roboto, arial, sans-serif;
	font-weight: 400;
	color: #38473c;
	height: 28px
}

.header .search-donate .searchform button {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border: none;
	background: none
}

.header .search-donate .searchform button:hover {
	cursor: pointer;
	opacity: .8
}

.header .search-donate .searchform button:before {
	color: #38473c;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px
}

.header .search-donate .button {
	margin-left: 5px;
	line-height: 28px;
	vertical-align: top;
	font-size: .85em
}

.nav {
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 88000;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.nav li {
	position: relative;
	float: left;
	text-align: center;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.nav li a {
	display: block;
	line-height: 40px;
	padding: 0 10px;
	font-size: .9em;
	color: #666e68;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	position: relative
}

.nav li a:hover {
	color: #2d3830
}

.nav li.current-menu-item>a {
	color: #2d3830
}

.nav li.current-menu-ancestor>a {
	color: #2d3830
}

.nav li li.current-menu-item>a {
	color: #fff
}

.nav li ul {
	position: absolute;
	top: 40px;
	left: -999em;
	right: auto;
	z-index: 100;
	background: #f58335;
	border-radius: 7px;
	width: 200px;
	padding: 10px 0
}

.nav li ul:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #f58335;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -7px
}

.nav li ul li {
	display: block;
	float: none;
	text-align: left;
	position: relative;
	z-index: 10
}

.nav li ul li a {
	padding: 7px 10px;
	line-height: 1.3em;
	font-size: .8em;
	font-family: Roboto, arial, sans-serif;
	font-weight: 400;
	display: block;
	text-transform: none;
	color: #fff
}

.nav li ul li a:before {
	display: none
}

.nav li ul li a:hover {
	color: #fff;
	background: #a12221
}

.nav li ul ul {
	position: absolute;
	top: 0;
	right: -200px
}

.nav li ul ul:before {
	display: none
}

.nav li:hover ul ul,
.nav li:hover ul ul ul {
	left: -999em
}

.nav li:hover ul {
	left: 50%;
	margin-left: -100px
}

.nav li li:hover ul {
	left: 200px;
	margin-left: 0
}

.nav>li:hover>a {
	color: #2d3830
}

#menu-panel {
	display: none;
	background: #fff;
	font-size: 1.1em
}

#menu-panel .mobile-menu ul {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#menu-panel .mobile-menu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#menu-panel .mobile-menu ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0 10px 0px;
	border-bottom: 1px solid #e9e9e9;
	color: #666e68;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	position: relative
}

#menu-panel .mobile-menu ul li a:hover {
	color: #2d3830;
	text-decoration: none
}

#menu-panel .mobile-menu ul li a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	font-size: 14px;
	margin-top: -7px;
	color: black
}

#menu-panel .mobile-menu ul li.current-menu-item a {
	color: #2d3830
}

#menu-panel .mobile-menu ul li ul {
	display: none;
	padding: 0
}

#menu-panel .mobile-menu ul li ul li {
	padding-left: 15px;
	position: relative
}

#menu-panel .mobile-menu ul li ul li:before {
	position: absolute;
	font-size: 10px;
	top: 16px;
	left: 0px
}

#menu-panel .mobile-menu ul li ul li a {
	text-transform: none
}

#menu-panel .searchform {
	margin: 10px
}

#menu-panel .searchform form {
	position: relative;
	width: 100%;
	background: orange
}

#menu-panel .searchform form:before {
	content: "";
	display: table;
	clear: both
}

#menu-panel .searchform form:after {
	content: "";
	display: table;
	clear: both
}

#menu-panel .searchform input[type="search"] {
	width: 100%;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e9e9e9;
	padding: 5px 30px 5px 5px;
	font-size: .8em;
	border: none;
	font-family: Roboto, arial, sans-serif;
	font-weight: 400;
	color: #38473c;
	height: 28px
}

#menu-panel .searchform button {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border: none;
	background: none
}

#menu-panel .searchform button:hover {
	cursor: pointer;
	opacity: .8
}

#menu-panel .searchform button:before {
	color: #38473c;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px
}

#menu-panel .donate-button {
	margin: 10px
}

#menu-panel .donate-button .button {
	display: block;
	text-align: center;
	line-height: 28px
}

.scotch-is-showing #menu-panel {
	display: block
}

.overlay {
	position: fixed;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999999;
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	cursor: pointer
}

.scotch-is-showing .overlay {
	display: block
}

div.sub-menu {
	margin-bottom: 1em;
	background: #e9e9e9;
	padding: 0 0 15px 0
}

div.sub-menu h2 {
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	font-size: 1em;
	padding: 15px;
	margin: 0 0 10px 0
}

div.sub-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

div.sub-menu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

div.sub-menu ul li a {
	display: block;
	padding: 4px 10px 4px 33px;
	text-decoration: none
}

div.sub-menu ul li a:hover {
	text-decoration: underline
}

div.sub-menu ul li.current-menu-item a,
div.sub-menu ul li.current-cat>a {
	font-family: Roboto, arial, sans-serif;
	font-weight: 700
}

.year-month-archive h3 {
	padding: 6px 12px 6px 33px;
	margin: 0;
	position: relative;
	outline: none;
	font-size: 1em
}

.year-month-archive h3:hover {
	cursor: pointer;
	text-decoration: underline
}

.year-month-archive h3:before {
	content: "\6b";
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5px;
	font-size: 10px
}

.year-month-archive h3.ui-state-active:before {
	content: "\6a"
}

.year-month-archive ul li a {
	padding: 6px 18px
}

.year-month-archive ul li.current-menu-item a {
	font-family: Roboto, arial, sans-serif;
	font-weight: 700
}

.accordion ul {
	display: none
}

.view-all {
	margin-bottom: 2.5rem
}

.results-listing .result-item {
	padding: 0 0 1.5rem 0;
	margin: 0 0 1.5rem 0;
	border-bottom: 1px solid #e9e9e9
}

.post-listing:before {
	content: "";
	display: table;
	clear: both
}

.post-listing:after {
	content: "";
	display: table;
	clear: both
}

.post-listing .post-item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 2.5rem 0px;
	margin: 0 0 2.5rem 0;
	border-bottom: 1px solid #e9e9e9
}

.post-listing .post-item:before {
	content: "";
	display: table;
	clear: both
}

.post-listing .post-item:after {
	content: "";
	display: table;
	clear: both
}

.post-listing .post-item .post-r {
	width: 65%
}

.post-listing .post-item .post-r .post-title {
	margin-bottom: 5px
}

.post-listing .post-item .post-r .post-title a {
	text-decoration: none;
	color: #38473c
}

.post-listing .post-item .post-r .post-title a:hover {
	text-decoration: underline
}

.post-listing .post-item .post-l {
	width: 30%
}

.post-listing .post-item .post-l img {
	width: 100%;
	height: auto;
	display: block
}

.post-listing .post-item .date {
	font-size: .9em;
	color: #6e7a71
}

.post-listing .post-item .icon-tags,
.post-listing .post-item .icon-category {
	padding: 6px 0 6px 20px;
	margin-bottom: 0;
	position: relative
}

.post-listing .post-item .icon-tags:before,
.post-listing .post-item .icon-category:before {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 14px
}

.post-listing .single-post-item {
	border-bottom: none
}

.post-listing .single-post-item .date {
	margin-bottom: 1.4em
}

.publication-listing .item,
.project-listing .item,
.results-listing .item {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 2.5rem 0;
	padding: 0 0 2.5rem 50px;
	position: relative
}

.publication-listing .item:before,
.project-listing .item:before,
.results-listing .item:before {
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 35px
}

.publication-listing .item .date,
.publication-listing .item .post-type-identity,
.project-listing .item .date,
.project-listing .item .post-type-identity,
.results-listing .item .date,
.results-listing .item .post-type-identity {
	font-size: .9em;
	color: #6e7a71
}

.publication-listing .item .read-more,
.project-listing .item .read-more,
.results-listing .item .read-more {
	margin-bottom: 0
}

.publication-listing .item h2,
.project-listing .item h2,
.results-listing .item h2 {
	margin-bottom: 5px
}

.publication-listing .item h2 a,
.project-listing .item h2 a,
.results-listing .item h2 a {
	text-decoration: none;
	color: #38473c
}

.publication-listing .item h2 a:hover,
.project-listing .item h2 a:hover,
.results-listing .item h2 a:hover {
	text-decoration: underline
}

.results-listing .item {
	padding-left: 0
}

.results-listing .item .post-type-identity {
	text-transform: uppercase
}

.pagination {
	text-align: center;
	font-size: .8em
}

.pagination * {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pagination a {
	text-decoration: none;
	margin: 0 2px 3px;
	color: #fff;
	background: #f58335
}

.pagination a:hover {
	background: #a12221;
	color: #fff
}

.pagination span {
	border: none;
	background: none;
	margin: 0 2px 3px
}

.pagination span.current {
	color: #fff;
	background: #a12221
}

.various-feeds {
	padding: 2.5rem 0 0 0;
	background: #e9e9e9
}

.various-feeds:before {
	content: "";
	display: table;
	clear: both
}

.various-feeds:after {
	content: "";
	display: table;
	clear: both
}

.various-feeds .feed {
	float: left;
	width: 31%;
	margin-left: 1.75%;
	margin-right: 1.75%;
	margin-bottom: 2.5rem
}

.various-feeds .feed:nth-child(3n+1) {
	clear: both;
	margin-left: 0
}

.various-feeds .feed:nth-child(3n+3) {
	margin-right: 0
}

.various-feeds .feed h2 {
	text-transform: uppercase;
	font-size: .9em;
	position: relative;
	padding: 0 0 0 52px;
	margin: 0 0 2.5rem 0;
	color: #89af3f
}

.various-feeds .feed h2:before {
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 40px;
	margin-top: -20px
}

.various-feeds .feed ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.various-feeds .feed ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1.5rem
}

.various-feeds .feed ul li h3 {
	font-size: .9em;
	margin-bottom: 3px
}

.various-feeds .feed ul li a {
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	color: #38473c;
	text-decoration: none
}

.various-feeds .feed ul li a:hover {
	text-decoration: underline
}

.various-feeds .feed ul li .date {
	font-size: .8em;
	margin-bottom: 0;
	color: #6e7a71
}

.feed-twitter .thetweet {
	font-size: .9em;
	color: #38473c;
	margin-bottom: 3px
}

.feed-twitter .thetweet a {
	color: #38473c
}

.feed-twitter .timestamp {
	font-size: .8em;
	color: #6e7a71
}

.feed-twitter .timestamp a {
	text-decoration: none;
	color: #6e7a71
}

.feed-twitter .timestamp a:hover {
	text-decoration: underline
}

.grid:before {
	content: "";
	display: table;
	clear: both
}

.grid:after {
	content: "";
	display: table;
	clear: both
}

.grid .item {
	float: left;
	padding: 0;
	margin-bottom: 2.5rem
}

.overview-grid .item {
	width: 30%;
	margin-left: 2.5%;
	margin-right: 2.5%
}

.overview-grid .item a {
	text-decoration: none;
	display: block
}

.overview-grid .item a img {
	margin: 0 auto 0 auto;
	border-bottom: 2px solid #fff;
	display: block;
	width: 100%
}

.overview-grid .item a h2 {
	color: #fff;
	background: #f58335;
	text-align: center;
	padding: 10px 5px;
	font-family: Montserrat, arial, sans-serif;
	font-weight: 600;
	font-size: .95em;
	text-transform: uppercase;
	margin-bottom: 0;
	position: relative
}

.overview-grid .item a h2:after {
	display: inline-block;
	font-size: 17px;
	margin-left: 10px;
	vertical-align: middle
}

.overview-grid .item a:hover img {
	opacity: .9
}

.overview-grid .item a:hover h2 {
	background: #a12221
}

.overview-grid .item:nth-child(3n+1) {
	clear: both;
	margin-left: 0
}

.overview-grid .item:nth-child(3n+3) {
	margin-right: 0
}

.people-grid .item {
	width: 20%;
	margin-left: 3.33333%;
	margin-right: 3.33333%
}

.people-grid .item a {
	text-decoration: none;
	display: block
}

.people-grid .item a img {
	margin: 0 auto .75rem auto;
	display: block;
	width: 100%
}

.people-grid .item a h2 {
	color: #6c7942;
	font-family: Montserrat, arial, sans-serif;
	font-weight: 600;
	font-size: .9em;
	padding: 0 0 0 17px;
	margin-bottom: 0;
	position: relative
}

.people-grid .item a h2:before {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 0;
	font-size: 10px;
	color: #f58335
}

.people-grid .item a:hover h2 {
	text-decoration: underline
}

.people-grid .item:nth-child(4n+1) {
	clear: both;
	margin-left: 0
}

.people-grid .item:nth-child(4n+4) {
	margin-right: 0
}

.loop {
	margin: 0 0 2.5rem 0
}

.loop:before {
	content: "";
	display: table;
	clear: both
}

.loop:after {
	content: "";
	display: table;
	clear: both
}

.loop.icon-description {
	padding-left: 45px;
	position: relative
}

.loop.icon-description:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 35px
}

.loop.welcome {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

.related-heading {
	text-transform: uppercase;
	font-size: .85em;
	color: #38473c;
	margin-bottom: 1rem
}

.related-heading:before {
	color: #38473c
}

.infopanel {
	padding-left: 45px;
	position: relative;
	margin-bottom: 2.5rem
}

.infopanel:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 35px
}

.infopanel ul.linklist {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.infopanel ul.linklist li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 5px 0 5px 18px;
	position: relative
}

.infopanel ul.linklist li:before {
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 12px;
	color: #f58335
}

.infopanel .panel-title {
	text-transform: uppercase;
	font-size: .85em;
	color: #38473c;
	margin-bottom: 1rem
}

.infopanel .panel-title:before {
	color: #38473c
}

.bgcolourpanel {
	padding: 2.5rem 0 1rem 0;
	border-bottom: 2px solid #fff
}

.bgcolourpanel .panel-content {
	color: #fff
}

.bgcolourpanel .panel-content * {
	color: #fff
}

.bgcolourpanel.bggreen {
	background: #89af3f
}

.bgcolourpanel.bggreen .infopanel .panel-title {
	color: #b8cf8c
}

.bgcolourpanel.bggreen .infopanel:before {
	color: #b8cf8c
}

.bgcolourpanel.bggrey {
	background: #d3d3d3
}

.bgcolourpanel.bggrey .panel-content * {
	color: #727a74
}

.associations {
	text-align: center;
	padding: 2.8em 0
}

.associations .container {
	max-width: 1600px
}

.associations img {
	display: inline-block;
	vertical-align: middle;
	margin: 15px 30px;
/* Custom for image size */
/* 	max-height: 180px; */
/* 	max-height: 80px; */
	max-width: 180px;
}

.footer-expanded {
	background: url(../images/bgrounds/footer-expanded.png) no-repeat 50% 0;
	padding: 3rem 0 2.2rem 0;
	font-size: .8em
}

.footer-expanded .footer-sitemap ul,
.footer-expanded .footer-sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.footer-expanded .footer-sitemap .footer-sitemap-menu a {
	text-decoration: none
}

.footer-expanded .footer-sitemap .footer-sitemap-menu a:hover {
	text-decoration: underline
}

.footer-expanded .footer-sitemap .footer-sitemap-menu>li {
	width: 25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 0 0;
	float: left
}

.footer-expanded .footer-sitemap .footer-sitemap-menu>li>a {
	color: #89af3f;
	padding: 0 0 0 20px;
	position: relative;
	font-family: Montserrat, arial, sans-serif;
	font-weight: 600
}

.footer-expanded .footer-sitemap .footer-sitemap-menu>li>a:hover {
	color: #6c7942
}

.footer-expanded .footer-sitemap .footer-sitemap-menu>li>a:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	color: #6c7942;
	font-size: 10px
}

.footer-expanded .footer-sitemap .footer-sitemap-menu ul {
	margin: 10px 0
}

.footer-expanded .footer-sitemap .footer-sitemap-menu ul>li {
	padding: 3px 0
}

.footer-expanded .footer-sitemap .footer-sitemap-menu ul>li a {
	color: #6e7a71;
	text-decoration: none
}

.footer-expanded .footer-sitemap .footer-sitemap-menu ul>li a:hover {
	color: #89af3f;
	text-decoration: underline
}

footer {
	background: #38473c;
	color: #fff;
	padding: 22px;
	text-transform: uppercase;
	font-size: .8em
}

footer .footermark {
	text-align: right
}

footer .footermark a {
	text-decoration: none;
	color: #fff
}

footer .footermark a:hover {
	text-decoration: underline;
	color: #fff
}

.gform_wrapper {
	margin-bottom: 1.5rem
}

.gform_wrapper form {
	margin: 0
}

.gform_wrapper form ul,
.gform_wrapper form li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.gform_wrapper form li {
	margin-bottom: 1em
}

.gform_wrapper form label {
	margin-bottom: 4px;
	font-size: 1em;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	display: block
}

.gform_wrapper form .gform_heading {
	margin-bottom: 1.2rem
}

.gform_wrapper form .gfield_required {
	display: inline-block;
	color: #a12221;
	margin-left: 4px
}

.gform_wrapper form .gfield_checkbox label,
.gform_wrapper form .gfield_radio label {
	display: inline;
	margin-left: 5px;
	line-height: 1;
	font-family: Roboto, arial, sans-serif;
	font-weight: 400
}

.gform_wrapper form .gfield_checkbox li,
.gform_wrapper form .gfield_radio li {
	margin-bottom: 5px
}

.gform_wrapper form textarea,
.gform_wrapper form input[type="text"],
.gform_wrapper form input[type="button"],
.gform_wrapper form input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0
}

.gform_wrapper form input[type="text"],
.gform_wrapper form input[type="email"],
.gform_wrapper form textarea,
.gform_wrapper form input[type="password"] {
	font-family: Roboto, arial, sans-serif;
	font-weight: 400;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 7px 7px;
	font-size: 1em;
	color: #38473c;
	background: #e9e9e9;
	outline: none
}

.gform_wrapper form input[type="submit"] {
	display: inline-block;
	background: #f58335;
	color: #fff;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	line-height: 34px;
	font-size: 1em;
	padding: 0 15px;
	font-size: 1em;
	border: none;
	position: relative;
	transition: all .2s ease-in-out
}

.gform_wrapper form input[type="submit"]:hover {
	cursor: pointer;
	background: #a12221
}

.gform_wrapper form .validation_error {
	color: #a12221;
	margin-bottom: 1em;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700
}

.gform_wrapper form .validation_message {
	color: #a12221;
	font-family: Roboto, arial, sans-serif;
	font-weight: 700;
	margin-top: 2px
}

.gform_wrapper form .gf_clear {
	clear: both
}

.gform_wrapper form .gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9000px
}

.gform_wrapper .gf-subscribe label {
	display: none
}

.acf-map {
	width: 100%;
	box-shadow: 0 0 5px #999;
	border: 1px solid #bcbcbc;
	margin: 0 0 2em 0;
	position: relative;
	padding-bottom: 85%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto
}

.acf-map iframe,
.acf-map object,
.acf-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.gm-style img {
	max-width: none
}

.gm-style label {
	width: auto;
	display: inline
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
div.alignleft img,
div.alignright img,
div.aligncenter img,
div.alignnone img {
	max-width: 100%;
	height: auto
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0
}

.alignright {
	float: right;
	margin: 0 0 1em 1em
}

.aligncenter {
	display: block;
	margin: 0 auto 1em auto;
	max-width: 100%;
	height: auto
}

.alignnone {
	margin: 0 0 .5em 0
}

.wp-caption {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	padding: 5px 5px 5px;
	text-align: center
}

.wp-caption img {
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: auto
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	line-height: 1.4;
	margin: 0
}

.gallery-item img {
	border: none !important;
	max-width: 100%;
	height: auto;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto
}

.gallery-item .gallery-caption {
	font-size: .9em;
	padding: 5px;
	line-height: 1.4
}

blockquote {
	max-width: 90%;
	font-style: italic
}

@media only screen and (min-width: 1024px) {
	.scotch-panel-canvas {
		-o-transform: translate3d(0px, 0px, 0px) !important;
		-ms-transform: translate3d(0px, 0px, 0px) !important;
		-moz-transform: translate3d(0px, 0px, 0px) !important;
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important
	}

	.overlay {
		display: none !important
	}
}

@media (min-width: 0px) and (max-width: 1150px) {
	.header .logo {
		width: 250px
	}

	.header .search-donate {
		top: 8px
	}

	.header .nav {
		top: 45px
	}

	.header .nav>li>a {
		font-size: .8em
	}
}

@media (min-width: 0px) and (max-width: 1023px) {
	body {
		font-size: 100%
	}

	.nav {
		display: none
	}

	.header {
		padding: 25px 0
	}

	.header .icon-bars {
		display: block
	}

	.header .logo {
		width: 250px
	}

	.header .search-donate {
		display: none
	}

	.internal-masthead,
	.home-masthead {
		height: 300px
	}
}

@media (min-width: 0px) and (max-width: 767px) {
	body {
		font-size: 90%
	}

	.primary,
	.secondary,
	.equal {
		float: none;
		width: 100%
	}

	.header {
		padding: 15px 0
	}

	.header .logo {
		width: 150px
	}

	.internal-masthead,
	.home-masthead {
		height: 200px
	}

	.associations img {
		max-height: 60px;
		margin: 5px 12px
	}

	.footer-expanded {
		display: none
	}

	footer .copyright,
	footer .footermark {
		text-align: center
	}
}

@media (min-width: 0px) and (max-width: 480px) {

	.alignleft,
	.alignright,
	.aligncenter,
	.alignnone,
	a img.alignleft,
	a img.alignright,
	a img.aligncenter,
	a img.alignnone {
		float: none !important;
		margin: 0 auto 1em auto !important;
		display: block !important;
		max-width: 100%;
		height: auto
	}

	.post-listing .post-item .post-r,
	.post-listing .post-item .post-l {
		width: 100%;
		float: none
	}

	.post-listing .post-item .post-l {
		margin: 0 0 1.5rem 0
	}

	.view-all .button {
		display: block;
		text-align: center
	}

	.wp-caption p.wp-caption-text,
	.gallery-item .gallery-caption {
		font-size: .7em
	}

	.various-feeds .feed {
		float: none;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.various-feeds .feed h2 {
		margin-bottom: 1.5rem
	}

	.various-feeds .feed h2 span {
		display: inline
	}

	.people-grid .item {
		width: 45%;
		margin-left: 5%;
		margin-right: 5%
	}

	.people-grid .item:nth-child(2n+1) {
		clear: both;
		margin-left: 0
	}

	.people-grid .item:nth-child(2n+2) {
		margin-right: 0 !important
	}

	.overview-grid .item {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	.associations img {
		max-height: 40px
	}
}