/*GLOBAL*/
.site-main {
	font-size: 1em;
	line-height: 1.6em;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

p {
	margin-bottom: 1em;
}

/*LINK RECOLOURS*/
a, a:visited {
	color: #B33B3B;
}

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

/*HEADER REFORMS*/
.wf-active h1 {
	color: #192930;
}

.wf-active h2 {
	color: #192930;
}

.wf-active h3 {
	color: #192930;
}

/*H4 BORDERED TITLE*/
.wf-active h4 {
	max-width: 500px;
	margin: auto;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 1.2em;
	font-weight: bold;
	background: transparent;
	color: #192930;
	border: 2px solid transparent;
	border-bottom: 2px solid #192930;
	border-radius: 50px;
	margin-bottom: .5em;
}

/*H5 BUTTON TITLE*/
.wf-active h5 {
	max-width: 500px;
	margin: auto;
	padding: .5em;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 1em;
	font-weight: bold;
	background: #192930;
	color: #fff;
	border: 2px solid #192930;
	border-radius: 50px;
	margin-bottom: .5em;
}

.wf-active h5 a {
	color: #fff;
}

.wf-active h5 a:hover {
	color: #74BBE5;
	text-decoration: none;
}

.wf-active h6 {
	color: #192930;
}

/*PARAGRAPH FORMATTERS*/
.margin-left-1 {
	margin-left: 1em;
}

.margin-left-2 {
	margin-left: 2em;
}

.margin-left-3 {
	margin-left: 3em;
}

/*BUTTONS/FORMS*/
.wp-block-button__link {
	background: #192930;
	text-transform: uppercase;
	justify-content: center;
	min-width: 200px;
}

.wp-block-button__link:hover {
	background: #B33B3B !important;
}

.contact-form .contact-form__select-wrapper select {
	min-height: 5em;
}

.contact-form__select-wrapper:after {
	top: 2em !important;
	right: 1em !important;
}

.site-content .contact-form input[type=checkbox] {
	margin-right: 1em;
}

/*FORM CHECKBOX (with form-checkbox-fix attribute*/
.grunion-field-checkbox-wrap.is-style-list-wrap.form-checkbox-fix-wrap.grunion-field-wrap {
	background-color: #192930;
	padding: 1em 1em 0;
}

/*THUMBNAIL/FEATURE IMAGE*/
.post-thumbnail {
	margin: auto;
	max-width: 750px;
	margin-bottom: 1em !important;
}

.wpnbha .post-thumbnail {
	margin: 0 !important;
}

/*PAGE TITLES*/
.wf-active .singular .entry-title {
	color: #192930;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid transparent;
	border-bottom: 2px solid #192930;
	border-radius: 20px;
	padding-bottom: 0;
}

/*POST TAGS/LINKS*/
.entry-meta {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
}

.entry-meta .cat-links {
	font-weight: bold;
}

/*RELATED POSTS*/
#jp-relatedposts {
	padding-top: 0;
	margin: 0;
}

h4.jp-relatedposts-post-title {
	border: none;
	text-transform: uppercase !important;
	margin-top: .5em !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	opacity: .8;
	display: flex !important;
	justify-content: center;
	color: #192930;
}

/*POST COMMENTS*/
.comments-title {
	font-size: 1.5em;
	font-weight: 700 !important;
	margin-bottom: 1em !important;
	border-color: #192930;
	padding: .5em !important;
}

.comment-author b.fn {
	font-size: 1.1em;
	font-weight: 700;
}

.comment-metadata {
	font-weight: 700;
	font-size: 1.1em;
}

.comment-body {
	font-size: .8em;
}

.comment-list .reply {
	font-weight: 700;
}

/*COMMENT BOX*/
#respond {
	background-color: #192930;
	margin-bottom: 1.8em !important;
}

#respond h3 {
	color: #fff;
	font-size: 1em;
	font-weight: 700 !important;
	border: none;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
	padding: 1em !important;
}

/*POST NAVIGATION BUTTONS*/
.post-navigation .nav-next a {
	color: #192930;
	font-size: 1em;
	padding: 1em;
}

.post-navigation .nav-previous a {
	color: #192930;
	font-size: 1em;
	padding: 1em;
}

.post-navigation a:hover {
	background-color: #192930 !important;
	color: #fff;
}

/*FOOTER*/
.footer-widgets .widget a {
	color: #fff;
}

.footer-widgets .widget a:hover {
	color: #74BBE5;
}

.site-footer {
	border: none;
	background-color: rgba(25,41,48,.7);
}

.footer-widgets .widget {
	background-color: transparent;
}

.wp-block-jetpack-instagram-gallery__grid {
	background-color: rgba(25,41,48,.5);
	padding: 10px;
	margin: auto;
	margin-top: -1em;
	max-width: 800px;
}

/*SITE LOGO*/
.custom-logo {
	transition: .3s;
}

.custom-logo:hover {
	filter: invert(1);
	transition: .3s;
}

/*ACTION/DONATE BUTTON*/
.callout-button {
	background-color: #B33B3B;
	color: #fff;
}

.callout-button:hover {
	background-color: #fff;
	color: #192930;
}

/*HEADER OVER/UNDERLAY*/
.header-overlay {
	background-color: #192930;
}

.header-overlay:before {
	background-color: #192930;
}

.wpnbha.image-alignbehind .post-has-image .post-thumbnail:after {
	background: #192930 !important;
	opacity: .7 !important;
}

/*SOCIAL/IMAGE ANIMATE*/
.social-custom {
	transition: transform .2s;
}

.social-custom:hover {
	transform: scale(1.3);
}

.image-expander-custom.wp-block-image img {
	transition: transform .2s;
}

.image-expander-custom.wp-block-image img:hover {
	transform: scale(1.05);
}

.image-expander-customR.wp-block-image img {
	transition: transform .2s;
}

.image-expander-customR.wp-block-image img:hover {
	transform: scale(1.05) rotate(15deg);
}

/*ARROW ANIMATE*/
.arrow-animate-l {
	position: relative;
	animation-name: move-left;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes move-left {
	0% {
		left: 0;
		transform: rotate(0);
	}
	
	50% {
		left: -10px;
		transform: rotate(3deg);
	}
	
	100% {
		left: 0;
		transform: rotate(0deg);
	}
}

.arrow-animate-r {
	position: relative;
	animation-name: move-right;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes move-right {
	0% {
		right: 0;
		transform: rotate(0);
	}
	
	50% {
		right: -10px;
		transform: rotate(-3deg);
	}
	
	100% {
		right: 0;
		transform: rotate(0deg);
	}
}

/*BORDER/BG REMOVERS*/
.utility-container {
	border: none;
}

.site-header {
	border: none;
}

.widget {
	background-color: transparent;
}

.front-page-wrapper {
	border: none;
	margin-bottom: 0;
}

.primary {
	border: none;
}

.no-sidebar .hentry {
	max-width: 900px;
}

.site-info {
	display: none;
}

.recent-posts {
	display: none;
}

.wp-block-table.is-style-stripes {
	border: none;
}

/*EXPANDERS*/
.wp-block-details summary {
	max-width: 500px;
	margin: auto;
	line-height: 2.5em;
	text-align: center;
	font-weight: bold;
	background: #192930;
	color: #fff;
	border: 2px solid #192930;
	border-radius: 50px;
}

.wp-block-details[open] summary {
	background: transparent;
	color: #192930;
	border: 2px solid transparent;
	border-bottom: 2px solid #192930;
	margin-bottom: 1em;
}

.wp-block-details summary:hover {
	color: #74BBE5;
}

.footer-expander-custom.wp-block-details summary {
	max-width: 300px;
}

.footer-expander-custom.wp-block-details[open] summary {
	color: #fff;
}

.footer-expander-custom.wp-block-details summary:hover {
	color: #74BBE5;
}

.expander-no-border.wp-block-details summary {
	border: none !important;
	margin-bottom: 0;
}

.details-h2.wp-block-details summary {
	max-width: 900px;
	margin: 0 0 1em;
	line-height: 1.5em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: none;
	color: #192930;
	border: none;
	border-radius: 0;
}

.details-h2.wp-block-details[open] summary {
	color: #192930;
	text-decoration: underline;
	margin-bottom: 0;
}

.details-h2.wp-block-details summary:hover {
	color: #74BBE5;
}

.wp-block-details.details-h3.is-layout-flow.wp-block-details-is-layout-flow summary {
	margin: 0 0 1em 1em;
	text-decoration: none;
	text-transform: none;
	color: #192930;
}

.wp-block-details.details-h3.is-layout-flow.wp-block-details-is-layout-flow[open] summary {
	text-decoration: underline;
	color: #192930;
}

.wp-block-details.details-h3.is-layout-flow.wp-block-details-is-layout-flow summary:hover {
	color: #74BBE5;
}

/*DONATIONS WIDGET*/
.wp-block-jetpack-donations .donations__container {
	max-width: 600px !important;
	border: 20px solid #192930 !important;
	margin: auto !important;
	text-align: center !important;
}

.wp-block-jetpack-donations .donations__nav {
	border-bottom: none !important;
}

.wp-block-jetpack-donations .donations__nav-item {
	background: none !important;
	border: none !important;
	text-transform: uppercase;
}

.wp-block-jetpack-donations .donations__nav-item.is-active {
	background: #192930 !important;
}

.wp-block-jetpack-donations .donations-content {
	padding: 16px !important;
}

.wp-block-jetpack-donations .donations-content p {
	font-size: 2em;
}

.wp-block-jetpack-donations .donations__amounts {
	justify-content: center;
}

.wp-block-jetpack-donations .donations__amount {
	border: none !important;
}

.wp-block-jetpack-donations .donations__amount.is-selected {
	background: #192930;
	color: #fff;
	border: none;
}

.wp-block-jetpack-donations .donations__separator {
	display: none;
}

.wp-block-jetpack-donations .donations__donate-button {
	font-size: 1em;
	font-weight: 700;
}

.wp-block-jetpack-donations .donations__donate-button:hover {
	text-decoration: none;
}

.wp-block-separator {
	height: 2px;
}

/*EVENTS FIXER*/
.wp-block-post-template.wp-block-post-template {
	margin-left: 0;
	padding-top: 1.5em;
}

.no-sidebar [class^=wp-block] .alignwide, .no-sidebar [class^=wp-block] .alignfull {
	max-width: 95%;
}

/*COLUMNS FIXER*/
.wp-container-core-columns-layout-1 {
	margin-bottom: 0;
}

/*SLIDESHOW FIXER*/
.wp-block-jetpack-slideshow {
	max-width: 500px;
}

/*IMAGE COMPARE FIXER*/
div.juxtapose {
	max-height: 700px !important;
	max-width: 500px !important;
	margin: auto;
}

/*DESKTOP ONLY*/
@media screen and (min-width: 50em) {
	.mobile-only {
		display: none !important;
	}
	
	/*BACKGROUND*/
	body.custom-background {
		background-attachment: fixed;
	}
	
	/*HEADER*/
	.branding-container {
		display: block;
		max-width: 65%;
		margin-top: -1.5em;
		margin-bottom: -1em;
	}
	
	.custom-logo-link {
		display: block;
		width: 300px;
		margin: 0 auto;
	}
	
	.custom-logo {
		display: block;
		max-height: 300px;
		margin: -3em auto 1.5em;
	}
	
	.site-title {
		display: none;
	}
	
	header#masthead.site-header {
		margin-bottom: 0;
	}
	
	/*MENU*/
	.main-navigation ul {
		justify-content: flex-start;
		margin-top: -1em;
	}
	
	.main-navigation ul li {
		display: block;
		margin: auto;
		padding: .5em;
	}
	
	.main-navigation ul li a {
		transition: .5s;
	}
	
	.main-navigation ul li.current_page_item a {
		color: #192930;
	}
	
	.main-navigation ul li a:hover {
		color: #192930;
		transition: .2s;
	}
	
	/*DROPS*/
	.main-navigation ul ul {
		background-color: #192930;
		border: none;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: center;
	}
	
	.main-navigation ul ul:before {
		color: #192930;
	}
	
	.main-navigation ul ul li {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	.main-navigation ul ul li a {
		color: #fff !important;
		font-family: "Montserrat", Arial, sans-serif;
	}
	
	.main-navigation ul ul  li.current_page_item a {
		font-weight: bold !important;
		color: #74BBE5 !important;
	}
	
	.main-navigation ul ul li a:hover {
		color: #74BBE5 !important;
	}
	
	/*SLOGAN*/
	.site-description {
		margin-right: 5.5em;
		font-size: 36px;
	}
	
	.wf-active .singular .entry-title {
		padding-top: 1em;
	}/*CUSTOM NAVIGATION*/
	/*	.navigation-shifter {
				margin-top: -7.2em;
				margin-bottom: 8em;
			}*/
	
}

/*TABLET & MOBILE*/
@media screen and (max-width: 50em) {
	/*background changer*/
	body.custom-background {
		background-image: url('https://apn-sa.org/wp-content/uploads/2023/12/bgmb2.jpg');
	}
	
	/*slogan*/
	.site-description {
		font-size: 2em;
	}
}

/*TABLET ONLY*/
@media screen and (max-width: 50em) and (min-width: 37.5em) {
	.mobile-only {
		display: none !important;
	}
	
	/*HEADER*/
	.branding-container {
		display: block;
		max-width: 65%;
		margin-top: -1.5em;
		margin-bottom: -1em;
	}
	
	.custom-logo-link {
		display: block;
		width: 200px;
		margin: 0 auto;
	}
	
	.custom-logo {
		display: block;
		max-height: 200px;
		margin: -4em auto .5em;
	}
	
	.site-title {
		display: none;
	}
	
	header#masthead.site-header {
		margin-bottom: 0;
	}
	
	/*MENU*/
	.main-navigation ul {
		justify-content: flex-start;
	}
	
	.main-navigation ul li {
		display: block;
		margin: auto;
		padding: .5em;
	}
	
	.main-navigation ul li a {
		transition: .5s;
	}
	
	.main-navigation ul li.current_page_item a {
		color: #192930;
	}
	
	.main-navigation ul li a:hover {
		color: #192930;
		transition: .2s;
	}
	
	/*DROPS*/
	.main-navigation ul ul {
		background-color: #192930;
		border: none;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: center;
	}
	
	.main-navigation ul ul:before {
		color: #192930;
	}
	
	.main-navigation ul ul li {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	.main-navigation ul ul li a {
		color: #fff !important;
		font-family: "Montserrat", Arial, sans-serif;
	}
	
	.main-navigation ul ul  li.current_page_item a {
		color: #74BBE5 !important;
	}
	
	.main-navigation ul ul li a:hover {
		color: #74BBE5 !important;
	}
	
	.wf-active .singular .entry-title {
		padding-top: 1em;
	}
	
	/*CUSTOM NAVIGATION*/
	.navigation-shifter {
		margin-top: -7.2em;
		margin-bottom: 8em;
	}
}

/*MOBILE ONLY*/
@media screen and (max-width: 37.5em) {
	/*yeet-content*/
	.yeet-for-mobile {
		display: none !important;
	}
	
	/*header*/
	.custom-logo {
		max-height: 200px;
		margin-top: -1em;
	}
	
	.branding-container {
		margin-bottom: -3em;
	}
	
	.site-title {
		display: none;
	}
	
	.front-page-wrapper {
		margin-top: 3em;
	}
	
	/*CUSTOM NAVIGATION*/
	.navigation-shifter {
		margin-top: -2em;
	}
	
	/*MENU*/
	/*CORNER*/
	.main-navigation .menu-toggle, button {
		background-color: transparent;
		color: white;
	}
	
	/*MAIN*/
	.main-navigation ul {
		border: none;
		margin: 0;
	}
	
	.main-navigation ul:before {
		display: none;
	}
	
	.main-navigation ul li.current_page_item a {
		color: #74BBE5;
	}
	
	.main-navigation ul li a:hover {
		color: #74BBE5;
	}
	
	/*SUB*/
	.main-navigation ul ul li a {
		color: #192930 !important;
		font-family: "Montserrat", Arial, sans-serif;
	}
	
	.main-navigation ul ul li a:hover {
		color: #74BBE5 !important;
	}
	
	.main-navigation ul ul li.current_page_item a {
		font-weight: bold !important;
		color: #74BBE5 !important;
	}
}

/*PAGE ID HEADER REMOVER TEMP*/
/*.page-id-2 .entry-header {
	display: none;
}*/
/*JOBSEEKER PAGE FEATURE IMAGE REMOVE*/
.page-id-3761 .post-thumbnail {
	display: none;
}