@charset "utf-8";
/* FONT AWESOME v4.7.0 required for Unordered Fancy Bullet Lists */
@import url("font-awesome.min-2.css");
@import url("webfonts.css");

body {
	font-family: "Lexend", sans-serif;
	font-weight: 400;
	color: #222222;
	font-size: 100%;
	line-height: 1.5;
}

a {
	color: #0000ff;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #b00000;
}

a img {
	border: none;
}

h2, h3, h4, h5, h6 {
	font-family: "Besley", serif;
	font-weight: 700;
	text-align: left;
	color: #003366;
	font-size: 1.7rem;
	line-height: 1.3;
	padding: 0;
	margin: 1em 0 0.75em 0;
}

p {
	line-height: 1.6;
	padding: 0;
	margin: 0 0 1em 0;
}

p.intro {
	font-size: 1.1em;
	font-weight: 700;
	color: #333333;
}

p.photo-center {
	text-align: center;
}

p.photo-caption {
	text-align: center;
	line-height: 1.2;
	font-weight: 700;
	font-size: 0.95em;
	font-style: italic;
	color: #555555;
	margin: 0 0 1.25rem 0;
}

p.video {
	text-align: center !important;
	width: 80%;
	margin: 0 auto 1rem auto;
	z-index: 90
}
p.video100 {
	text-align: center !important;
	width: 100%;
	margin: 0 auto 1rem auto;
	z-index: 90
}

p.text-left, .text-left {
	text-align: left;
}

p.text-center, .text-center {
	text-align: center;
}

p.text-right, .text-right {
	text-align: right;
}

p.text-justify, .text-justify {
	text-align: justify;
}

ol {
	padding: 0;
	margin: 0 0 1em 2em;
}

ul {
	padding: 0;
	margin: 0 0 1em 2.5em;
}

li {
	padding: 0;
	margin: 0 0 0.8em 0;
}

ul.tickall,
ul.tickboxall,
ul.tickcircleall,
ul.crossall,
ul.crossboxall,
ul.crosscircleall,
ul.arrowall,
ul.handrightall,
ul.thumbsupall,
ul.thumbsdownall,
ul.starall,
ul.boxall,
ul.paintbrushall,
ul.pencilall {
	list-style-type: none;
	margin-left: 2.5rem;
	position: relative
}

ul.tickall li::before,
ul.tickboxall li::before,
ul.tickcircleall li::before,
ul.crossall li::before,
ul.crossboxall li::before,
ul.crosscircleall li::before,
ul.arrowall li::before,
ul.handrightall li::before,
ul.thumbsupall li::before,
ul.thumbsdownall li::before,
ul.starall li::before,
ul.boxall li::before,
ul.paintbrushall li::before,
ul.pencilall li::before {
	font-family: "FontAwesome";
	font-size: 110%;
	font-style: normal;
	line-height: 1.2;
	position: absolute;
	left: -1.6em;
}

ul.tickall li::before {
	content: "\f00c";
	font-weight: 400;
	color: #0c0
}
ul.tickboxall li::before {
	content: "\f046";
	font-weight: 400;
	color: #0c0;
}
ul.tickcircleall li::before {
	content: "\f05d";
	font-weight: 400;
	color: #0c0;
}

ul.crossall li::before {
	content: "\f00d";
	font-weight: 400;
	color: #b00000
}

ul.crossboxall li::before {
	content: "\f2d4";
	font-weight: 400;
	color: #b00000
}
ul.crosscircleall li::before {
	content: "\f05c";
	font-weight: 400;
	color: #b00000;
}
ul.arrowall li::before {
	content: "\f061";
	font-weight: 400;
	color: #003366
}
ul.handrightall li::before {
	content: "\f0a4";
	font-weight: 400;
	color: #365899
}
ul.thumbsupall li::before {
	content: "\f087";
	font-weight: 400;
	color: #365899
}
ul.thumbsdownall li::before {
	content: "\f088";
	font-weight: 400;
	color: #8a3ab9
}
ul.starall li::before {
	content: "\f005";
	font-weight: 400;
	color: #ff8c00
}
ul.boxall li::before {
	content: "\f096";
	font-weight: 400;
	color: #222222
}
ul.paintbrushall li::before {
	content: "\f1fc";
	font-weight: 400;
	color: #cc9900
}
ul.pencilall li::before {
	content: "\f040";
	font-weight: 400;
	color: #996600
}

li.tick,
li.tickbox,
li.tickcircle,
li.cross,
li.crossbox,
li.crosscircle,
li.arrow,
li.handright,
li.thumbsup,
li.thumbsdown,
li.star,
li.box,
li.paintbrush,
li.pencil {list-style-type: none}

li.tick::before,
li.tickbox::before,
li.tickcircle::before,
li.cross::before,
li.crossbox::before,
li.crosscircle::before,
li.arrow::before,
li.handright::before,
li.thumbsup::before,
li.thumbsdown::before,
li.star::before,
li.box::before,
li.paintbrush::before,
li.pencil::before {
	list-style-type: none;
	font-family: "FontAwesome";
	font-size: 110%;
	font-style: normal;
	position: absolute;
	left: 1.6em;
}

li.tick::before {
	content: "\f00c" !important;
	font-weight: 400 !important;
	color: #0c0 !important
}
li.tickbox::before {
	content: "\f046" !important;
	font-weight: 400 !important;
	color: #0c0 !important
}
li.tickcircle::before {
	content: "\f05d" !important;
	font-weight: 400 !important;
	color: #0c0 !important
}
li.cross::before {
	content: "\f00d" !important;
	font-weight: 400 !important;
	color: #b00000 !important
}
li.crossbox::before {
	content: "\f2d4" !important;
	font-weight: 400 !important;
	color: #b00000 !important
}
li.crosscircle::before {
	content: "\f05c" !important;
	font-weight: 400 !important;
	color: #b00000 !important
}
li.arrow::before {
	content: "\f061" !important;
	font-weight: 400 !important;
	color: #036 !important
}
li.handright::before {
	content: "\f0a4" !important;
	font-weight: 400 !important;
	color: #365899 !important
}
li.thumbsup::before {
	content: "\f087" !important;
	font-weight: 400 !important;
	color: #365899 !important
}
li.thumbsdown::before {
	content: "\f088" !important;
	font-weight: 400 !important;
	color: #8a3ab9 !important
}
li.star::before {
	content: "\f005" !important;
	font-weight: 400 !important;
	color: #ff8c00 !important
}
li.box::before {
	content: "\f096" !important;
	font-weight: 400 !important;
	color: #222 !important
}
li.paintbrush::before {
	content: "\f1fc" !important;
	font-weight: 400 !important;
	color: #cc9900 !important
}
li.pencil::before {
	content: "\f040" !important;
	font-weight: 400 !important;
	color: #996600 !important
}

span.red, .red {
	color: #f90000
}

span.redb, .redb {
	color: #f90000;
	font-weight: 700
}

span.darkred, .darkred {
	color: #b00000
}

span.darkredb, .darkredb {
	color: #b00000;
	font-weight: 700
}

span.blue, .blue {
	color: #0000ff
}

span.blueb, .blueb {
	color: #0000ff;
	font-weight: 700
}

span.lightblue, .lightblue {
	color: #008cba
}

span.lightblueb, .lightblueb {
	color: #008cba;
	font-weight: 700
}

span.darkblue, .darkblue {
	color: #003366
}

span.darkblueb, .darkblueb {
	color: #003366;
	font-weight: 700
}

span.green, .green {
	color: #12bc00
}

span.greenb, .greenb {
	color: #12bc00;
	font-weight: 700
}

span.lightgreen, .lightgreen {
	color: #009966
}

span.lightgreenb, .lightgreenb {
	color: #009966;
	font-weight: 700
}

span.darkgreen, .darkgreen {
	color: #007236
}

span.darkgreenb, .darkgreenb {
	color: #007236;
	font-weight: 700
}

span.purple, .purple {
	color: #5170b0
}

span.purpleb, .purpleb {
	color: #5170b0;
	font-weight: 700
}

span.orange, .orange {
	color: #f26522
}

span.orangeb, .orangeb {
	color: #f26522;
	font-weight: 700
}

span.gold, .gold {
	color: #dcc76a
}

span.goldb, .goldb {
	color: #dcc76a;
	font-weight: 700
}

span.yellow, .yellow {
	color: #fffc11
}

span.yellowb, .yellow {
	color: #fffc11;
	font-weight: 700
}

span.facebook, .facebook {
	color: #365899
}

span.facebookb, .facebookb {
	color: #365899;
	font-weight: 700
}

span.twitter, .twitter {
	color: #00aced
}

span.twitterb, .twitterb {
	color: #00aced;
	font-weight: 700
}

span.instagram, .instagram {
	color: #8a3ab9
}

span.instagramb, .instagramb {
	color: #8a3ab9;
	font-weight: 700
}

span.pinterest, .pinterest {
	color: #c8232c
}

span.pinterestb, .pinterestb {
	color: #c8232c;
	font-weight: 700
}

div.left {
	float: left;
	margin-right: 15px;
}

div.right {
	float: right;
	margin-left: 15px;
}

img.photo-left {
	float: left;
	text-align: left;
	margin-right: 15px;
	margin-bottom: 0.5rem;
}

img.photo-right {
	float: right;
	text-align: right;
	margin-left: 15px;
	margin-bottom: 0.5rem;
}

div.code {
	clear: both;
	box-sizing: border-box;
	padding: 0.8em;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	font-family: "Consolas", "Menlo", "Courier", monospace;
	line-height: 1.2;
	color: #000000;
	margin: 0 0 1rem 0;
}

p.hide, div.hide {
	display: none
}

table {
	width: auto;
	max-width: 100%;
	border-collapse: initial;
	border-spacing: 2px;
	margin-bottom: 1rem;
	border-radius: 3px
}

table thead, table tbody, table tfoot {
	border: 1px solid #f2f2f2;
	background-color: #fff
}

table caption {
	font-weight: 700;
	padding: 0.5rem 0.625rem 0.625rem
}

table thead, table tfoot {
	background: #f9f9f9;
	color: #333
}

table thead tr, table tfoot tr {
	background: transparent
}

table thead th, table thead td, table tfoot th, table tfoot td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: 700;
	text-align: left
}

table tbody tr:nth-child(even) {
	background-color: #f2f2f2
}

table tbody th, table tbody td {
	padding: 0.5rem 0.625rem 0.625rem
}

table.hover tr:hover {
	background-color: #fafafa
}

table.hover tr:nth-of-type(even):hover {
	background-color: #ededed
}

.table-scroll {
	overflow-x: auto
}

.table-scroll table {
	width: auto
}

div.callout {
	position: relative;
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	background-color: #ffffff;
	color: #333
}

.callout>:first-child {
	margin-top: 0
}

.callout>:last-child, .callout ul li:last-child, .callout ol li:last-child {
	margin-bottom: 0
}

div.white-bg, .white-bg {
	background-color: #ffffff
}

div.gray-bg, .gray-bg {
	background-color: #f6f6f6
}

div.lightning-bg, .lightning-bg {
	background-image: url("https://itzap.com.au/pics/lightning-gray-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
div.lightning-orange-bg, .lightning-orange-bg {
	background-image: url("https://itzap.com.au/pics/lightning-orange-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
div.lightning-blue-bg, .lightning-blue-bg {
	background-image: url("https://itzap.com.au/pics/lightning-blue-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

div.blue-bg, .blue-bg {
	background-color: #dfeffe;
	border: 1px solid #b4d7f5;
}

div.skyblue-bg, .skyblue-bg {
	background-color: #b8e1f6;
	border: 1px solid #8ccdfa;
}

div.red-bg, .red-bg {
	background-color: #fae6e6;
	border: 1px solid #ffb4b4;
}

div.orange-bg, .orange-bg {
	background-color: #fde8de;
	border: 1px solid #ffcdb4;
}

div.yellow-bg, .yellow-bg {
	background-color: #ffffcc;
	border: 1px solid #fffc11;
}

div.green-bg, .green-bg {
	background-color: #dcf0e1;
	border: 1px solid #a5e3b4;
}

div.no-bg, .no-bg {
	background-color: transparent
}

div.noborder, .noborder, div.no-border, .no-border {
	border: none
}

/* ==== ACCORDION are elements that help you organize and navigate multiple documents in a single container. */
.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 4px 4px 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 4px 4px;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #ccc;
  border-bottom: 0;
  font-size: 1rem;
  line-height: 1;
  color: #0000ff;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #ccc;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  /* display: none; */
  padding: 1rem;
  border: 1px solid #ccc;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #ccc;
}
/* ==== END ACCORDION */