@font-face {font-family:"Open Sans";src:url('OpenSans-Regular.ttf')}
html {line-height:1;background-color:#fefefe;background-image:none;margin:0;padding:0}
html,body {font-family:'Open Sans',Arial,sans-serif;color:#111;font-weight:400;text-align:left;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth}
body {max-width:1440px;margin:0 auto;padding:0;line-height:1.3;background-color:#f0f0f0;border:1px solid #ababab}
header {margin:0;padding:0;background-color:#0f0f0f;background-size:cover;background-position:-1px 0;background-image:url(https://www.thesecondwitness.com.au/teimg/bgte.webp)}
.row {position:relative;max-width:1140px;margin:0 auto;padding:0}
.row:after {clear:both}
.logo {display:block;position:absolute;top:0;height:100%;padding:2px;z-index:100;color:white}
.logo img {height:100%}
.section-heading {display:block;margin-bottom:1px}
.video {position:relative;padding-bottom:56.25%;height:0;margin:auto}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.dn {display:block}
.db {display:none}
@media handheld, only screen and (min-width:0px) and (max-width:599px), only screen and (min-device-width:0px) and (max-device-width:599px) { h4 {margin: .16em 0} .dn {display:none} .db {display:block} }
.htxt {position:relative;top:0;padding:0}
h1 {font-size:1.96em;padding:.1em 0 0 0;color:orange;font-weight:700;text-align:center;letter-spacing:.025em;word-spacing:.11em;margin:0}
h2 {font-size:1.2em;color:#87CEFA;text-align:center;padding:.25em 0 .25em 0;letter-spacing:.025em;word-spacing:.11em;margin:0;font-weight:500}
h3 {font-size:1.42em;font-weight:500;padding:.33em;color:#f1f1f1;text-align:center;background-color:#0f0f0f;background-image:url(https://www.thesecondwitness.com.au/teimg/bgte.webp)}
h4 {font-size:1.15em;line-height:1.15em;margin: .66em 0}
a:link, a:hover, a:visited {background-color: transparent;text-decoration:none}
img {border-style:none;color:gray}
.col {display:block;float:left;margin:1%}
.span-1-of-2 {width:48%}
.span-1-of-3 {width: 31%}
@media only screen and (max-width: 480px) {.span-1-of-2, .span-1-of-3 {width:99%} .col {margin:0} }
.box {background-color:#fefefe;box-shadow: .06em .06em .25em #999; -webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;text-align:left;padding:2%}
.bw30 {width:30%;margin:0 auto}
.bw50 {width:50%;margin:0 auto}
.bw60 {width:60%;margin:0 auto}
.bw70 {margin:0 auto;padding-left:.09em}
.bw80 {width:80%;margin:0 auto}
.bw580 {width:100%;max-width:580px;margin:0 auto}
@media only screen and (max-width:899px), only screen and (max-device-width:899px) {.box {padding:1%}}
@media handheld, only screen and (min-width:640px) and (max-width:899px), only screen and (min-device-width:640px) and (max-device-width:899px){ .bw60, .bw50 {width:76%;margin:0 auto} .box {padding:1%}}
@media only screen and (max-width:639px), only screen and (max-device-width:639px) { .bw60, .bw50 {width:97%;margin:0 1%} .box {padding:1%}}
@media only screen and (max-width:1023px), only screen and (max-device-width:1023px) 

p {font-size:1;line-height:1.3}
.fs80 {font-size:80%}
.fs90 {font-size:90%}
.fs100 {font-size:100%}
.fs110 {font-size:110%}
.clr {color:red}
.clo {color:orange}
.cllb {color:#87CEFA}
.cln {color:navy}
.clm {color:maroon}
.clgld {color:gold}
.clbl {color:blue}
.clgryl {color:#999}
.clgdd {color:#666}
.clgvd {color:#333}
.cllbb {color:#87CEFA;background-color:#111;border-radius:8px;padding:0 4px;font-size:90%}
.tac {text-align:center}
.tal {text-align:left}
.pointer {cursor:pointer}
ul {list-style:none}
.ccab {clear:both}
ol {padding:.12em}
ol li {padding:.05em 0 .05em 0;margin-left:1em}
.long-copy {width:80%;margin:.8em auto;text-align:center}
.btn:link,.btn:visited {display:inline-block;font-weight:300;text-decoration:none;border-radius:20px}
.btn-full:link,.btn-full:visited {background-color:#0a417d;border:2px solid gray;color:#ffcc33}
.btn:hover,.btn:active:hover:active {background-color:#333;border:2px solid gray;color:#fefefe}
// .btn-480:link,.btn-480:visited {display:inline-block;font-weight:300;text-decoration:none;background-color:#111;color:#fefefe;border-radius:16px;border:1px solid gray}
// .btn-480:hover,.btn-480:active:hover:active {background-color:#444;border:1px solid gray}
.author-box {background-color:#fff;border:1px solid #999;border-radius:12px; box-shadow: 0 4px 4px #e6e6e6;margin-bottom:12px;text-align:center}
.author-box {padding:.15em}
.bio-photo img {width:98%;padding:2px}
.bio-detail {margin-top:8px}
.bio-detail:last-of-type {padding-bottom:6px}
.bio-detail img {max-width:22px;max-height:22px}
.footer {margin:0 auto;padding:0;color:#fff;background-color:#0f0f0f;text-align:center;background-position:-2px 0;background-image:url(https://www.thesecondwitness.com.au/teimg/bgte.webp)}
.fmen {margin:.6em 0 .6em 0;padding:.3em 0 .3em 0;font-size:1em}
.fmen ul {margin:0;padding:0;list-style:none}
.fmen li {display:inline-block;padding:0 7px 0 7px}
.fmen li a:link,.fmen li a:visited {color:#87CEFA;padding:8px 0;text-decoration:none;border-bottom: 2px solid transparent}
.fmen li a:hover,.footer-nav li a:active {border-bottom:2px solid transparent}
.wbd {text-align:left;font-size:80%}
.wbd img {width:auto;float:left;font-size:.85em;color:gray}
#st {position:absolute;top:-1000px;left:-1000px;z-index:-123}

#trms {display:none;position:relative}
#ntrm {display:block;position:relative}
form {font-size:100%;line-height:1.5}
button {display:inline-block;margin:15px 5px 15px 5px;font-weight:300;text-decoration:none;border-radius:200px;color:#fff; -webkit-transition:background-color 0.2s, border 0.2s;transition:background-color 0.2s, border 0.2s;background-color:#00008b;border:2px solid #00008b;font-size:110%}
button:hover {background-color:#ffff55;border:2px solid #000055;color:#111}

.col-25 {float:left;width:20%;margin-bottom:.06em}
.col-75 {float:left;width:75%;margin-bottom:.06em}

.fnapc {border-radius:7px;background-color:#f2f2f2;padding:20px;max-width:900px;margin:0 auto;font-size:100%}
.fnapc input[type=text] {width:98%;margin-bottom:1em;padding:.64em;font-size:100%;border:1px solid #ccc;border-radius:7px;resize:vertical}
.fnapc select {width:60%;padding:.64em;border:1px solid #ccc;border-radius:7px;resize:vertical}
.bw66 {width:66%;margin:0 auto}
.box6 {background-color:#fff;border-radius:12px;box-shadow: 0 2px 2px #999;margin:1%;padding:26px}
.box6 img {border:none}
@media only screen and (min-width:950px) and (max-width:1069px), only screen and (min-device-width:950px) and (max-device-width:1069px) {.bw66 {width:72%} .box6 {padding:16px} }
@media only screen and (min-width:800px) and (max-width:949px), only screen and (min-device-width:800px) and (max-device-width:949px) {.bw66 {width:86%} .box6 {padding:12px} }
@media only screen and (max-width:799px), only screen and (max-device-width:799px) {.bw66 {width:95%;margin:0} .box6 {padding:8px} }
.website, #website {opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1;}

@media handheld, only screen and (min-width:1366px), only screen and (min-device-width:1366px){
body {font-size:18px}
.logo {height:72px}
h1 {font-size:200%}
.bw70 {width:65%}
.btn:link,.btn:visited {font-size:110%;padding:14px 14px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:530px}
.wbd img {height:130px;padding:0 10px 1px 0}
}

@media handheld, only screen and (min-width:1200px) and (max-width:1365px), only screen and (min-device-width:1200px) and (max-device-width:1365px){
body {font-size:17px}
.logo {height:66px}
h1 {font-size:200%}
.bw70 {width:63%}
.btn:link,.btn:visited {font-size:108%;padding:13px 13px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:510px}
.wbd img {height:102px;padding:0 18px 0 0}
}

@media handheld, only screen and (min-width:900px) and (max-width:1199px), only screen and (min-device-width:900px) and (max-device-width:1199px) {
body {font-size:16px}
.logo {height:58px}
h1 {font-size:180%}
h3 {font-size:140%}
.bw70 {width:74%}
.btn:link,.btn:visited {font-size:106%;padding:12px 12px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:460px}
.wbd img {height:114px;padding:0 16px 1px 0}
}

/*following fix just for iPad pro in landscape and iOS devices below*/
@media only screen and (max-width: 1024px) {
    header { background-attachment: scroll; }
}

@media handheld, only screen and (min-width:768px) and (max-width:899px), only screen and (min-device-width:768px) and (max-device-width:899px) {
body {font-size:16px}
.logo {height:50px}
h1 {font-size:170%}
h3 {font-size:140%}
.bw70 {width:86%}
.btn:link,.btn:visited {font-size:104%;padding:11px 11px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:460px}
.wbd img {height:110px;padding:0 16px 0 0}
}

@media handheld, only screen and (min-width:600px) and (max-width:767px), only screen and (min-device-width:600px) and (max-device-width:767px) {
body {font-size:16px}
.logo {height:40px;/display:none}
h1 {font-size:130%}
h3 {font-size:130%}
.bw70 {width:96%}
.btn:link,.btn:visited {font-size:102%;padding:8px 8px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:450px}
.wbd img {height:96px;padding:0 14px 0 0}
}

@media handheld, only screen and (min-width:480px) and (max-width:599px), only screen and (min-device-width:480px) and (max-device-width:599px) {
body {font-size:16px}
.logo {display:none}
h1 {font-size:140%}
h3 {font-size:130%}
.bw70 {width:96%}
.btn:link,.btn:visited {font-size:102%;padding:8px 8px}
.bio-detail {font-size:95%}
#wbd {margin:15px auto;max-width:470px}
.wbd img {height:96px;padding:0 16px 0 0}
}

@media handheld, only screen and (min-width:320px) and (max-width:479px), only screen and (min-device-width:320px) and (max-device-width:479px) {
body {font-size:14px;border:none}
.logo {display:none}
h1 {font-size:110%;padding-bottom:2px}
h3 {font-size:125%}
.bw30 {width:40%;margin:0 1%}
.bw70 {width:96%}
.bw80 {width:98%}
.fmen {font-size:1.2em}
.btn:link,.btn:visited {font-size:1.2em;padding:8px 8px}
#wbd {margin:2px auto;max-width:360px}
.wbd {font-size:70%;padding-left:4px}
.wbd img {height:86px;padding:0 8px 0 0}
}

@media handheld, only screen and (min-width:0px) and (max-width:319px), only screen and (min-device-width:0px) and (max-device-width:319px) {
body {font-size:14px;border:none}
.logo {display:none}
h1 {font-size:110%}
h3 {font-size:120%}
.bw30 {width:40%;margin:0 1%}
.bw70 {width:96%}
.bw80 {width:98%}
.fmen {font-size:1.1em}
.btn:link,.btn:visited {font-size:1.2em;padding:6px 6px}
#wbd {margin:2px auto;max-width:320px}
.wbd {font-size:70%;padding:8px}
.wbd img {height:80px;padding:0 8px 0 0}
}