/*
Theme Name: APN
Text Domain: apn
Author: 89 Digital
Author URI: https://89digital.co.nz
Version: 1.0
Date last mod: 27 June 2025
*/

/*---- BODY ----*/
* {padding: 0;margin: 0;box-sizing: border-box;}
html, body {background:#FFF;margin-top:0 !important;overflow-x:hidden;color:#222;}
body {font-family: roboto, sans-serif;}

/*---- GENERAL ----*/
.bg_black {background: #000;}
.bg_white {background:#FFF;}
.bg_green {background:#0f6a46;}
.bg_charcoal {background:#34444e;}

/*---- TEXT ----*/
h1, h2, h3, h4, h5, h6 {font-family: roboto-slab, sans-serif;}
h1 {font-size:2.2rem;font-weight:600;}
h2 {font-size:2.2rem;font-weight:600;}
h3 {font-size:1.6rem;font-weight:600;}
h4 {}
h5 {}
h6 {}

/*---- ANIMATIONS ----*/
a, a.btn,
.btn,
input[type="submit"] {
transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
}
#learn_more_enis,
#register .cf_forms {
transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
-webkit-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
}

a:hover,
button:hover,
a.btn:hover {opacity: 0.6;text-decoration: none;}
button:focus {outline:0;}
strong {font-weight:600;}

blockquote p {font-family: 'roboto-slab';font-weight: 300;color:#FFF;}


/* --------------------- FRAMEWORK --------------------- */
.vc_row .container {margin: 0 auto;}


/* --------------------- BTNS --------------------- */
.btn {}
.btn.btn_register {
	font-family: 'roboto-slab';
	font-size: 1.5rem;
	background-color: #c9071e;
	color: #FFF;
	border-radius: 1rem;
	padding: 0.6rem 1.2rem;
}
.btn.btn_learn_more {
	font-family: 'roboto-slab';
	font-size: 1.5rem;
	background-color: #c9071e;
	color: #FFF;
	border-radius: 1rem;
	padding: 0.6rem 1.2rem;
}
.btn.btn_learn_more.open {
	opacity:0.5;
}
.btn.btn_option {
	font-family: 'roboto-slab';
	font-size: 1.5rem;
	background-color: #FFF;
	color: #c9071e;
	border-radius: 1rem;
	border:1px solid #c9071e;
	padding: 0.6rem 1.2rem;
	margin: 1rem;
}
.btn.btn_option.open {
	background-color: #c9071e;
	color: #FFF;
}
.btn.btn_option.inactive {
	opacity:0.3;	
}

/* --------------------- ICONS --------------------- */
#register:before,
#register:after,
#stands_for:before,
#stands_for:after,
#footer:after {
	content: '';
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3Ni40IDE4LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc2LjQgMTguNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNFMTI2MUI7fQoJLnN0MntmaWxsOiMwMDc5MzU7fQo8L3N0eWxlPgo8Zz4KCTxyZWN0IHg9IjI1LjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjE4LjQiLz4KCTxyZWN0IHg9IjUwLjkiIGNsYXNzPSJzdDEiIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjE4LjQiLz4KCTxyZWN0IGNsYXNzPSJzdDIiIHdpZHRoPSIyNS41IiBoZWlnaHQ9IjE4LjQiLz4KPC9nPgo8L3N2Zz4K');
	background-size: 100%;
	height: 32px;
	width: 200px;
	background-repeat: no-repeat;
	margin: 0 auto;
	display: inline-block;
	position: absolute;
}
#register:before,
#stands_for:before {
	left: 0;
	right: 0;
	top: 0;
}
#register:after,
#stands_for:after,
#footer:after {
	left: 0;
	right: 0;
	bottom: 0;
}

/* --------------------- SECTIONS --------------------- */
#header {color:#FFF;}
#header_txt {padding:2rem 0;}
#header_txt .header {}
#header_txt .header h1 {color:#FFF;}

#intro {background-color: #FFF;padding:0 0 5rem;}
#intro h3 {margin:2rem 0 0;}

.logos {}
.logos .logo {margin:0;padding: 3rem;}
.logos .logo img {}

.icons {}
.icons .icon {margin:0;padding: 4rem 4rem 10px;}
.icons .icon img {}

#about {background-color: #c9071e;color:#FFF;padding:5rem 0;}
#about .header {}
#about .lst {margin: 1rem auto 3rem;font-family: 'roboto-slab';font-size: 1.2rem;width: fit-content;}
#about .txt {margin-bottom:0;}
#about .txt p {text-align:center;}

#statement {padding:5rem 0;}
#statement .blockquote {}
#statement .blockquote blockquote {	margin: 30rem 0 10rem;}
#statement .blockquote blockquote p {text-align: center;font-size: 2.2rem;}
#statement .blockquote blockquote p:before,
#statement .blockquote blockquote p:after {color:#FFF;font-size: 4rem;position: absolute;opacity: 0.6;}
#statement .blockquote blockquote p:before {content: '\201c';margin: -20px 0 0 -20px;}
#statement .blockquote blockquote p:after {content: '\201d';margin: -20px -20px 0 0;}

#stands_for {padding:5rem 0;}
#stands_for .item {margin-bottom: 1rem;}
#stands_for .item .step {}
#stands_for .item .step img {border-radius: 1rem 1rem 0rem 0rem;}
#stands_for .item .step_num {}
#stands_for .item .step_num h3 {font-size: 2rem;margin: 0 0 1rem;color: #c9071e;}

#world {padding:20rem 0 15rem;}
#world .header {color:#FFF;text-align:left;}
#world .blockquote {margin: 0 0 1rem;}
#world .blockquote blockquote p:before,
#world .blockquote blockquote p:after {color:#FFF;position: absolute;opacity: 0.6;}
#world .blockquote blockquote p:before {content: '\201c';}
#world .blockquote blockquote p:after {content: '\201d';}
#world .author p {color:#FFF;font-size: 1.5rem;font-family: 'roboto-slab';font-weight: 600;margin:0;}

#ambassador {background-color: #000;color:#FFF;padding:5rem 0;}
#ambassador .profile {margin: 0;}
#ambassador .profile img {width: 100%;max-width: 300px;border-radius: 50%;margin: 0 0 2rem;}
#ambassador .hdr {margin:0 0 1rem;}
#ambassador .hdr h2 {}
#ambassador .txt {}
#ambassador .txt p {}
#ambassador .blockquote {margin: 0 0 3rem;}
#ambassador .blockquote blockquote p {text-align: center;}
#ambassador .blockquote blockquote p:before,
#ambassador .blockquote blockquote p:after {color:#FFF;position: absolute;opacity: 0.6;}
#ambassador .blockquote blockquote p:before {content: '\201c';}
#ambassador .blockquote blockquote p:after {content: '\201d';}
#ambassador .cta {margin: 0 auto 3rem;}

#learn_more_enis {max-height: 0;overflow: hidden;}
#learn_more_enis.open {max-height:30rem;}
#learn_more_enis .hdr {margin:0 0 1rem;}
#learn_more_enis .hdr h2 {}
#learn_more_enis .txt {}
#learn_more_enis .txt p {text-align:center;}
#learn_more_enis .blockquote {margin: 0 0 1rem;}
#learn_more_enis .blockquote blockquote p {text-align: center;font-size: 1.7rem;}
#learn_more_enis .blockquote blockquote p:before,
#learn_more_enis .blockquote blockquote p:after {color:#FFF;font-size: 2.6rem;position: absolute;opacity: 0.6;}
#learn_more_enis .blockquote blockquote p:before {content: '\201c';margin: -10px 0 0 -15px;}
#learn_more_enis .blockquote blockquote p:after {content: '\201d';margin: -10px -15px 0 0;}
#learn_more_enis .author p {color:#FFF;text-align: left;font-size: 1.5rem;font-family: 'roboto-slab';font-weight: 600;margin:0;}

#philosophy {padding:24rem 0 19rem;}
#philosophy .hdr {color:#FFF;text-align:left;}
#philosophy .hdr h2 {font-size:3rem;}
#philosophy .hdr h3 {font-size:2rem;}
#philosophy .blockquote {margin: 0 0 1rem;}
#philosophy .blockquote blockquote p {text-align: center;font-size: 1.4rem;}
#philosophy .blockquote blockquote p:before,
#philosophy .blockquote blockquote p:after {color:#FFF;font-size: 2.6rem;position: absolute;opacity: 0.6;}
#philosophy .blockquote blockquote p:before {content: '\201c';margin: -10px 0 0 -15px;}
#philosophy .blockquote blockquote p:after {content: '\201d';margin: -10px -15px 0 0;}

#register {padding:5rem 0;}
#register .txt {margin: 0 auto 2rem;}
#register .txt p {text-align:center;margin:0;font-size: 1.5rem;}
#register .forms {}
#register .forms .cta {width: 100%;margin: 0 auto;}
#register .forms .cta .options {text-align: center;margin: 0 auto 3rem;}
#register .cf_forms {max-height: 0;overflow: hidden;}
#register .cf_forms.open {max-height:80rem;}
#register .cf_forms .wpcf7 {margin: 0 auto;max-width: 480px;width: 100%;}
#register .cf_forms .wpcf7 form {width: 100%;background-color: #f7f7f7;padding: 1.4rem 1.5rem 1rem;border-radius: 0.5rem;}
#register .cf_forms .wpcf7 form .name {}
#register .cf_forms .wpcf7 form label {width:100%;font-size: 1rem;font-weight: 500;margin: 0 0 0.5rem;}
input[type="email"],
input[type="tel"],
input[type="text"],
textarea {padding: 0.6rem 0.8rem;border-radius:0.5rem;border: 1px solid #CCC;background: #FFF;color:#000;font-size:1rem;width: 100%;margin: 0.4rem 0 0;}
#register .cf_forms .wpcf7 form .wpcf7-checkbox {}
#register .cf_forms .wpcf7 form .wpcf7-checkbox .wpcf7-list-item {
	margin: 0.2rem 0;
	display: block;
}
input[type="submit"] {border: 1px solid #000;background:#000;color:#FFF;margin: 1rem 0 0.2rem;font-family: 'roboto-slab';font-size: 1.3rem;border-radius: 1rem;padding: 0.5rem 1.2rem;}
input[type="submit"]:hover {opacity: 0.75;text-decoration: none;background:#000;color:#FFF;}

#text {padding:5rem 0;}
#text h4 {font-size:1.3rem;margin: 2.4rem 0 0.3rem;}
#text ul {margin: 0 0 1rem;}
#text ul li {margin-left: 1rem;}

#explore {background-color: #c9071e;color:#FFF;padding:8rem 0;}
#explore .img {margin: 0 0 1rem;padding: 1rem 4rem 0;}
#explore .img.profile {}
#explore .img.profile img {border-radius:50%;border:3px solid #FFF;}
#explore p,
#explore a {font-family: 'roboto-slab';color:#FFF;font-size: 1.5rem;font-weight: 700;}

#footer {padding: 0rem 0 2rem;}
#footer .logos {}
#footer .logos .logo {padding: 2rem 3rem 2rem 3rem;}
#footer .logos .logo img {}
#footer .txt {text-align:center;font-size: 1rem;margin: 0 0 1rem;}
#footer .txt a {font-family: 'roboto-slab';color:#000;font-size: 1.5rem;font-weight: 700;text-decoration: underline;}
#footer .lnks {text-align:center;}
#footer .lnks a {font-size:0.85rem;color:#000;}


/* --------------------- RESPONSIVE --------------------- */
@media screen and (min-width: 1400px) {
}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
}

@media screen and (min-width: 992px) {
	#header {padding-top:40vh;min-height:60vh;}
	#header.page {padding-top:15vh;min-height:30vh;}
	#header_txt .hdr {}
	#header_txt .hdr h1 {font-size:3.2rem;}
	
	#intro {min-height:40vh;}
	#stands_for .header h2 {font-size:3rem;margin:0 0 5rem;}
	#stands_for .item .step_num p {font-size: 1.2rem;font-weight: 300;}
	
	#world .header {}
	#world .header > .wpb_column {padding-left:45%;}
	#world .header h2 {font-size:3rem;}
	#world .header p {font-size:1.5rem;}
	
	#world .blockquote blockquote p {text-align:left;}
	#ambassador .blockquote blockquote p,
	#world .blockquote blockquote p {font-size:2rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before,
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {font-size:4rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before {margin: -20px 0 0 -20px;}
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {margin: -20px -20px 0 0;}
	#world .author p {text-align:left;}
	
	#philosophy .header {}
	#philosophy .header > .wpb_column {padding-left:45%;}

	#register .hdr h2 {font-size:3rem;}
}

@media screen and (min-width: 480px) and (max-width: 992px) {
	.vc_row.container.header {padding-left:0;padding-right:0;}
	#header {padding-top:30vh;min-height:60vh;}
	#header_txt .hdr {}
	#header_txt .hdr h1 {font-size:2.6rem;}
	.logos .logo {padding:0 1rem;}
	
	#about .lst {padding:0;}
	#about .lst ul {}
	#about .lst ul li {list-style:none;text-align:center;font-weight:700;margin:0 0 1rem;}
	
	#statement {padding:2rem 0;}
	#statement .blockquote blockquote {margin:15rem 0 10rem;}
	#statement .blockquote blockquote p {font-size:1.7rem;}
	
	#stands_for .header h2 {font-size:2rem;margin:0 0 3rem;}
	#stands_for .item .step {margin:0 0 1rem;}
	#stands_for .item .step_num h3,
	#stands_for .item .step_num p {text-align:center;}
	#stands_for .item .step_num p {font-size: 1.1rem;font-weight: 300;}
	
	#world {padding: 0;background-size: 170% !important;background-position-y: top !important;background-color: #000;}
	#world .header {margin-top: 30rem;}
	#world .header h2 {font-size: 2rem;text-align: center;}
	#world .header p {font-size:1.1rem;text-align:center;}
	
	#world .blockquote blockquote p {text-align:center;}
	#ambassador .blockquote blockquote p,
	#world .blockquote blockquote p {font-size:1.8rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before,
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {font-size:3rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before {margin: -12px 0 0 -16px;}
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {margin: -12px 0 0 0;}
	#world .author p {text-align:center;}
	
	#register .hdr h2 {font-size:2rem;}
	#explore .img {margin: 0 0 0.5rem;padding: 0rem 2rem 0;}
	#philosophy {padding:20rem 0 16rem;}
	
	#learn_more_enis.open {min-height:80rem;}
	#footer {padding:2rem 0;}
	#footer .logos .logo {padding:0 1rem;}
}

@media screen and (max-width: 480px) {
	.vc_row.container.header {padding-left:0;padding-right:0;}
	#header {min-height: 55vh;}
	#header_txt .hdr {}
	#header_txt .hdr h1 {font-size:2.6rem;}
	.logos .logo {padding:1rem 3rem;}
	
	#about .lst {padding:0;}
	#about .lst ul {}
	#about .lst ul li {list-style:none;text-align:center;font-weight:700;margin:0 0 1rem;}
	
	#statement {padding:2rem 0;}
	#statement .blockquote blockquote {margin:15rem 0 10rem;}
	#statement .blockquote blockquote p {font-size:1.7rem;}
	
	#stands_for .header h2 {font-size:2rem;margin:0 0 3rem;}
	#stands_for .item .step {margin:0 0 1rem;}
	#stands_for .item .step_num h3,
	#stands_for .item .step_num p {text-align:center;}
	#stands_for .item .step_num p {font-size: 1.1rem;font-weight: 300;}
	
	#world {padding: 0;background-size: 170% !important;background-position-y: top !important;background-color: #000;}
	#world .header {margin-top: 30rem;}
	#world .header h2 {font-size: 2rem;text-align: center;}
	#world .header p {font-size:1.1rem;text-align:center;}
	
	#world .blockquote blockquote p {text-align:center;}
	#ambassador .blockquote blockquote p,
	#world .blockquote blockquote p {font-size:1.8rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before,
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {font-size:3rem;}
	#ambassador .blockquote blockquote p:before,
	#world .blockquote blockquote p:before {margin: -12px 0 0 -16px;}
	#ambassador .blockquote blockquote p:after,
	#world .blockquote blockquote p:after {margin: -12px 0 0 0;}
	#world .author p {text-align:center;}
	
	#register .hdr h2 {font-size:2rem;}
	
	#learn_more_enis.open {min-height:80rem;}

	#philosophy {padding: 0;background-size: 170% !important;background-position-y: top !important;background-color: #000;}
	#philosophy .header {margin-top: 30rem;}
	#philosophy .header h2 {font-size: 2rem;}
	#philosophy .header p {font-size:1.1rem;text-align:center;}
	#philosophy .hdr {margin:0 0 2rem;text-align:center;}
	#philosophy .blockquote {margin:0 0 5rem;}


	#footer .logos .logo {padding:1rem 3rem;}
}