:root {
--bodytext: #fff;
--yellow: #f7b416;
--yellow-light: #fccf65;
--yellow-dark: #a57a14;
--dark1: #0c0e0f;
--dark2: #23272b;
--light1: rgba(236,239,241,0.93);
--light2: #cbd2d8;
--edge-tint1: #0f1012;
--edge-tint2: #151719;
--edge-tint3: #ced5db;
--header-height-full: 50px;
--header-height-mobile-full: 40px;
--sticky-height: 30px;
}  html,body {
margin:0;
padding:0;
}
body {
font-family: 'Montserrat', sans-serif;
color: var(--bodytext);
font-size: 20px;
}
h1, h2, h3, h4 {
color: var(--yellow);
}
h1 {
font-size: 46px;
text-align: center;
}
h2 {
font-size: 36px;
text-align: center;
margin: 0.5em 0 0.8em 0;
}
h1.is-style-fancy::after,
h2.is-style-fancy::after,
h3.is-style-fancy::after,
h4.is-style-fancy::after {
content: " ";
margin: 12px auto 0 auto;
display: block;
border-bottom: 4px solid var(--yellow);
width: 150px;   
height: 1px;
}
h3.is-style-fancy::after,
h4.is-style-fancy::after {
margin: 12px 0 0 0;
border-bottom: 3px solid var(--yellow);
}
h3 {
font-size: 25px;
}
h4 {
font-size: 20px;
}
.wp-block-cover h1 {
text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}
body .wp-block-cover h1:not(.has-text-color) {
color: #fff;
}
@media screen and (max-width: 700px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
}
@media screen and (max-width: 400px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 26px;
}
}
main {
background: transparent;
clear:both;
}
a {
color: var(--yellow-dark);
}
a:hover {
color: var(--yellow-light);
}
h1 a, h2 a {
text-decoration: none;
} 
img {
border: 0;
}
figcaption {
text-align: center;
font-weight: bold;
}
td {
vertical-align:top;
} .cols2 {
column-count: 2;
}
ul.cols2 li {
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}
.clear {
clear:both;
}
.centered {
text-align:center;
}
.profile {
background-color: rgba(255,255,255,0.1);
padding: 30px;
}
.box {
background-color: rgba(255,255,255,0.1);
width: fit-content;
padding: 15px 30px 30px 30px;
margin-left: auto;
margin-right: auto;
} body .wp-block-cover {
min-height: auto;
}
.wp-block-cover.contained {
padding: 0;
}
.wp-block-cover.contained  .wp-block-cover {
width:90%; 
max-width: 1200px; 
min-width: 300px;
margin: 0 auto;
}
@media screen and (max-width: 500px) {
.wp-block-cover.contained  .wp-block-cover {
width:100%; 
}
} section,
.is-style-section1,
.is-style-section2,
.is-style-section3,
.is-style-section4 {
overflow: hidden;
padding: 50px 0;
}
.is-style-section1 {
background: var(--dark1) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg1.jpg) center center/cover no-repeat;
border-top: 1px solid var(--edge-tint1);
border-bottom: 1px solid var(--edge-tint1);
}
.is-style-section2 {
background: var(--dark2) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg2.jpg) center center/cover no-repeat;
border-top: 1px solid var(--edge-tint2);
border-bottom: 1px solid var(--edge-tint2);
}
.is-style-section3 {
background: var(--dark1) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg3.jpg) center center/cover no-repeat;
border-top: 1px solid var(--edge-tint1);
border-bottom: 1px solid var(--edge-tint1);
}
.is-style-section4 {
background: var(--light1);
border-top: 1px solid var(--edge-tint2);
border-bottom: 1px solid var(--edge-tint2);
}
.watermark {
background-image: url(//wasp.nz/wp-content/themes/WASPtheme/images/watermark.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.calltoaction {
background: #76a73d url(//wasp.nz/wp-content/themes/WASPtheme/images/bg-green.jpg) center center no-repeat;
background-size: cover;
padding: 50px 0;
}
.calltoaction .wp-block-columns {
margin: 0;
}
.calltoaction h2 {
color: #fff;
}
.calltoaction .wp-block-button .wp-block-button__link {
background-color: #f0f0f0;
color: var(--bodytext);
}
.calltoaction .wp-block-button .wp-block-button__link:hover {
background-color: #e6e6e6;
color: var(--bodytext);
}
@media screen and (max-width: 900px) {
section,
.is-style-section1,
.is-style-section2,
.is-style-section3,
.is-style-section4 {
padding: 30px 0;
}   
} ul.is-style-fancy {
list-style-type: none;
padding: 0px;
margin: 7px 0 7px 15px;
}
ul.is-style-fancy li {
background-image: url(//wasp.nz/wp-content/themes/WASPtheme/images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 50%;
background-size: 16px 16px;
line-height: 1.571em;
padding-left: 26px;
margin: 5px 0;
} blockquote {
background: transparent url(//wasp.nz/wp-content/themes/WASPtheme/images/quote.png) 5px -6px no-repeat;
padding-left: 50px;
margin: 20px 10px;
}
@media screen and (max-width: 1000px) {
blockquote {
padding: 15px 15px 15px 70px;
margin: 20px 20px;
}
}
@media screen and (max-width: 1000px) {
blockquote {
padding: 15px 15px 15px 70px;
margin: 10px 0px;
background-size: 33px 30px;
}
}
blockquote p {
margin: 0;
}
blockquote cite {
margin-top: 10px;
display: block;
text-align: right;
} .video header {
border-bottom: 1px solid rgba(255,255,255,0.18);
}
header .contents {
height: var(--header-height-full);
display: flex;
justify-content: space-between;
align-items: center;
}
#headerleft {
flex-grow: 0;
flex-shrink: 1;
position: relative;
flex-basis: 300px;
padding: 0 20px;
}
#headerright {
flex-grow: 1;
padding: 0 20px;
}
header #logo {
display: block;
width: 270px;
height: 41px;
background: url(//wasp.nz/wp-content/themes/WASPtheme/images/logo.png) center center no-repeat;
background-size: contain;
transition: all 0.25s;
}
.darkbg #logo {
background-image: url(//wasp.nz/wp-content/themes/WASPtheme/images/logo-wh-yl.png);
}
.darkbg.sticky #logo {
background-image: url(//wasp.nz/wp-content/themes/WASPtheme/images/logo.png);
}  #header-sticky.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 99999; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
background-color: var(--light1);
}
#header-sticky.sticky a {
color: #000;
}
#header-sticky.mobile-menu-open { height: auto;
}
#header-sticky.sticky .contents {
max-height: var(--sticky-height);
}
#header-sticky.mobile-menu-open .contents {
max-height: var(--header-height-mobile-full);
}
.admin-bar #hero #header-sticky {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar #hero #header-sticky {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #hero #header-sticky {
top: 0;
}
}
#header-sticky.sticky #logo {
width: 130px;
}
#header-sticky.sticky #headertext {
display: none;
}  #header-sticky.sticky + * {
XXXpadding-top: var(--header-height-full);
} nav {
text-align: center;
}
#topnav {
float: right;
clear: right;
line-height: 30px;
}
nav a {
margin: 0 5px;
padding: 5px 15px;
text-decoration:none;
font-weight: bold;
font-size: 18px;
display: inline-block;
color: #444444;
}
.darkbg nav a {
color: #fff;
}
#topnav a:hover, nav a.current, nav li.current_page_item > a {
color: var(--yellow);
}
#topnav li:first-child a {
padding-left: 0;
margin-left: 0;
}
#topnav li:last-child a {
padding-right: 0;
margin-right: 0;
}
nav ul, #subnav ul, footer nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li, #subnav li, footer nav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background: none;
} #topnav ul.sub-menu { 
display: none; 
position: absolute; 
top: 30px;
left: 0;
min-width: 150px;
z-index: 21;
background-color: rgba(0,0,0,0.7);
padding: 3px 20px;
} #topnav ul.sub-menu ul.sub-menu { 
position: static;
padding: 0 0 0 15px;
}
#topnav ul.sub-menu ul.sub-menu a { 
padding: 0;
margin: 0;
}
#topnav ul.sub-menu ul.sub-menu a::before { 
content: " - ";
}
#topnav ul.sub-menu > li.menu-item-has-children > a {
margin-bottom: 0;
}
#topnav ul.sub-menu li { 
display: block;
text-align: left;
}
#topnav ul.sub-menu.open {
display: block;
}
#topnav ul.sub-menu a {
opacity: 0.9;
}
#menu-main-menu > li {
position: relative;
}
#menu-main-menu > li::before { position: absolute;
content: '';
width: 100%;
height: 60px;
top: -10px;
left: 0;
z-index: -1;
}
#topnav ul.sub-menu li { 
margin:0;
}
#topnav ul.sub-menu a { 
display: inline-block;
padding: 2px 0;
margin: 10px 0;
} #topnav ul:not(.sub-menu) > li.menu-item-has-children > a:after {
font-family: 'icomoon';
content: '\e90e';
font-size: 14px;
color: initial;
display: inline-block;
padding-left: 10px;
}
.darkbg #topnav ul:not(.sub-menu) > li.menu-item-has-children > a:after {
color: #fff;
}
.darkbg.sticky #topnav ul:not(.sub-menu) > li.menu-item-has-children > a:after {
color: initial;
} hr.wp-block-separator {
display:block;
padding: 0;
margin: 50px 25%;
border: 0;
border-top: 1px solid #ccc;
height: 1px;
} #hero {
padding: 0;
position: relative;
z-index: 1;
background-color: var(--dark1);
}
#hero header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
z-index: 10;
}
#hero header .contents {
color: white;
font-size: 30px;
text-align: center;
padding: 20px 0;
}
#hero .video-wrapper {
position: relative;
aspect-ratio: 16/9;
min-height: 200px;
max-height: 100vh;
overflow: hidden;
width: 100%; background: url(//wasp.nz/wp-content/themes/WASPtheme/images/static.jpg) no-repeat;
background-size: cover;    
}
#hero .video-wrapper iframe {
width: 100vw;
height: 56.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.video-controls {
position: absolute;
bottom: 5%;
right: 5%;
z-index: 3;
color: white;
font-size: 50px;
}
.video-controls div {
color: white;
text-decoration: none;
background-color: rgba(255,255,255,0.3);
border-radius: 999px;
width: 100px;
height: 100px;
display: block;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s;
}
.video-controls div:hover {
background-color: rgba(255,255,255,0.4);
transform: scale(1.2);
}
#vid-overlay-opacity,
#overlay-opacity {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.3);
}
#header-overlay-text {
position: absolute;
left: 0;
right: 0;
margin:auto;
width: 50%;
max-width: 750px;
height: auto;
bottom: 10%;
color: white;
z-index: 2; }
#header-overlay-text h4,
#hero h1 {
color: #fff;
font-size: 58px;
text-align: left;
border-left: 12px solid var(--yellow);
padding-left: 26px;
margin: 0;
}
#header-overlay-text p {
padding-left: 38px;
font-size: 25px;
}
#hero h1 a {
color: #fff;
}
@media screen and (max-width: 900px) {
.video #header-overlay-text {
width: 75%;
}
#header-overlay-text h4,
#hero h1 {
font-size: 38px;
line-height: 1.2em;
}
#header-overlay-text p {
font-size: 22px;
}
.video-controls {
font-size: 30px;
}
.video-controls div {
width: 60px;
height: 60px;
}     
}
@media screen and (max-width: 700px) {
#hero .video-wrapper {
margin-top: 80px;
}
#hero .video-wrapper iframe {
height: 100%;
min-height: 200px;
}
#vid-overlay-opacity {
display: none;
}
.video #header-overlay-text {
position: static;
width: 80%;
padding-top: 20px;
}
#header-overlay-text h4,
#hero h1 {
font-size: 28px;
}
#header-overlay-text p {
font-size: 20px;
}
} @supports (-webkit-touch-callout: inherit) {
#hero {
background-attachment: scroll;
}
} #header-image {
margin-top: 100px;
background: url(//wasp.nz/wp-content/themes/WASPtheme/images/header-photo1.jpg) center center no-repeat;
background-size: cover;
height: 400px;
position: relative;
}
#hero.photo {
background-color: var(--dark1);
}
#hero.photo #header-overlay-text {
width: fit-content;
height: fit-content;
top: 0;
bottom: 0;
}
#overlay-opacity {
background-color: rgba(0,0,0,0.3);
} .panelband .wp-block-columns {
overflow: hidden;
padding: 30px 0;
display: flex; align-items: center; display: grid;
grid-gap: 10%;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
}
.panelband .wp-block-group__inner-container {
width: auto !important;
max-width: none !important;
padding: 0 5%;
}
.panelband .wp-block-column {
aspect-ratio: 5/6;
max-width: 500px;
background-color: rgba(0,0,0,0.5);
display: flex;
flex-direction: column;
justify-content: stretch;
position: relative;
}
.panelband .wp-block-column:hover {
background-color: rgba(0,0,0,0.9);
}
.panelband h4 {
position: absolute;
left: 0;
bottom: 45px; background-color: var(--yellow);
text-align: center;
font-size: 25px;
font-weight: bold;
height: 80px;
margin: 0;
line-height: 60px;
text-align: center;
vertical-align: middle;
width: 72%;
color: #fff;
text-decoration: none;
display: inline-block;
vertical-align: middle;
line-height: 1em;
flex-grow: 1;
display:flex;
justify-content:center;
align-items:center;
}
.panelband .wp-block-column h4 a {
color: #fff;
text-decoration: none;
}
.panelband .wp-block-column h4 a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.panelband figure {
text-align: center;
margin: 0;
flex-grow: 0;
position: absolute;
width: 100%;
height: 100%;
}
.panelband .panel .icon img,
.panelband figure img {
width: 100%;
height: 100%;
}
.panelband .panel .icon a {
font-size: 125px;
text-decoration: none;
color: #fff;
}
.panelband .top a {
position: relative;
padding: 0.5rem 0.5rem 0.5rem 0;
}
@media screen and (max-width: 900px) {
.panelband .wp-block-group__inner-container {
padding: 0 2%;
}
.panelband .wp-block-columns {
grid-gap: 3%;
}
.panelband h4 {
font-size: 22px;
height: 60px;
width: 100%;
bottom: 0;
}   
}
@media screen and (max-width: 600px) {
.panelband .wp-block-columns {
flex-wrap: wrap; grid-template-columns: 1fr;
max-width: 300px;
margin: 0 auto;
}
.panelband .wp-block-column h4 {
font-size: 20px;
}   
} #slideshow-overlap .rightcol {
background-color: #23272b;
padding: 10px 30px;
position: relative;
}
@media (min-width: 782px) {
#slideshow-overlap .rightcol {
left: -80px;
}
}
@media (max-width: 782px) {
#slideshow-overlap .rightcol {
top: -80px;
margin: 0 9%;
}
} .more {
text-align: center;
margin-top: 30px;
}
.wp-block-buttons {
margin-top: 1em;   
margin-bottom: 1em;   
}
.more a, 
a.button,
.wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link,
input[type="submit"] {
text-decoration:none;
padding: 10px 25px;
color: #fff;
background: var(--yellow);
font-weight: bold;
border-radius: 5px;
font-size: 1em;
border: none;
}
.more a:hover,
a.button:hover,
.wp-block-button .wp-block-button__link:hover,
input[type="submit"]:hover {
background: var(--yellow-light);
} footer {
background: var(--dark1) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg-W.png) center center no-repeat;
background-size: cover; color: #fff;
padding-top: 50px;
overflow: hidden;
position: relative;
}
footer .contents {
}
footer .logocol {
position: relative;
width: 100%;
text-align: center;
padding-bottom: 30px;
}
#footerlogo {
max-width: 270px;
height: auto;   
padding: 0;
margin: 30px 0 0 0;   
z-index: 10;
}
footer a {
color: #fff;
text-decoration:none;
}
.footermenus {
display: flex;
padding-bottom: 30px;
justify-content: space-between;
}
.footermenucol {
padding-left: 100px;
}
.footermenucol h4 {
font-size: 24px;
margin: 0 0 5px 0;
color: var(--yellow);
}
footer nav ul {
text-align: center;
}
footer nav li {
display: block;
padding: 0;
text-align: left;
line-height: 1.5em;
}
footer nav li::before {
font-family: 'icomoon';
content: '\ea1e';
color: var(--yellow);
font-size: 14px;
padding-right: 10px;
}
footer nav li a {
font-size: 18px;
padding: 0;
margin: 0;
font-weight: normal;
}
footer nav li.current_page_item > a {
color: var(--yellow);
}
@media screen and (max-width: 900px) {
footer .contents {
flex-direction: column;
flex-direction: column-reverse;
}
footer .logocol {
width: 100%;
}
.footermenus {
width: 100%;
margin-bottom: 30px;
display: block;
}
.footermenucol {
padding: 10px 0;
width: 270px;
margin: 0 auto;
}
.footermenucol h4 {
font-size: 20px;
}
footer nav li::before {
font-size: 12px;
}   
}
@media screen and (max-width: 500px)  {
footer .affiliations img {
max-width: 120px;
}
}
#credits {
text-align: center;
font-size: 14px;
color: #555;
padding: 10px 0;
width: 100%;
padding: 25px 0;
border-top: 1px solid rgba(255,255,255,0.1)
}
#credits a {
text-decoration: none;
color: #555;
}
#credits a:hover {
text-decoration: underline;
color: #666;
text-decoration: none;
}
a.scrollup {
width: 67px;
height: 67px;
position: fixed;
bottom: 25px;
right: 25px;
display: none;
text-indent: -9999px;
background: url(//wasp.nz/wp-content/themes/WASPtheme/images/top.png) no-repeat;
opacity: 0.3;
} #single-post {
background: var(--dark1) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg1.jpg) center center/cover no-repeat;
}
#posts-index-page {
background: var(--dark2) url(//wasp.nz/wp-content/themes/WASPtheme/images/bg2.jpg) center center/cover no-repeat;
}
.article-credits {
background-color: rgba(255,255,255,0.1);
padding: 20px;
}
.postmetadata {
color: #999;
font-size: 14px;
margin: 2px 0;
border-top: 1px solid rgba(255,255,255,0.1);
}
.back-to-index {
font-weight: bold;
} #blog-categories {
background-color: #f9f9f9;
}
#blog-categories ul {
list-style: none;
margin: 0;
padding: 0;
}
#blog-categories li {
display: inline;
list-style: none;
margin: 0 20px 0 0;
padding: 0;
background: none;
color: #ccc;
}
#blog-categories li.current-cat a {
font-weight: bold;
}
#blog-posts.grid {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 40px;
overflow: visible;
}
@media screen and (max-width: 1000px) {
#blog-posts.grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
#blog-posts.grid {
grid-template-columns: 1fr;
}
}
#blog-posts article {
border-bottom: 1px dashed var(--yellow);
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
#blog-posts article::after {
content: "";
display: block;
clear: both;
}
#blog-posts.grid article {
border: none;
padding: 20px 20px 50px 20px;
-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
}
#blog-posts article h2 {
text-align: left;
}
#blog-posts.grid article h2 {
text-align: center;
font-size: 24px;
}
img.postthumbnail {
display: block;
float: right;
margin: 0 0 5px 30px;
max-width: 45%;
}
@media screen and (max-width: 500px) {
img.postthumbnail {
float: none;
margin: 0 auto 5px auto;
max-width: 100%;
}
}
#blog-posts.grid img.postthumbnail {
float: none;
margin: 0 auto 15px auto;
max-width: 100%;
}
a.more-link {
text-decoration: none;
font-weight: bold;
color: var(--yellow);
}
a.more-link:hover {
color: #fff;
}
#blog-posts.grid a.more-link {
position: absolute;
bottom: 0;
left: 0;
height: 46px;
line-height: 44px;
width: 100%;
background-color: #ddd;
text-align: center;
display: inline-block;
margin-top: 15px;
color: var(--bodytext);
border: 1px solid #ccc;
box-sizing: border-box;
}
#blog-posts.grid a.more-link:hover {
background-color: #ccc;
border-color: #bbb;
}
#blog-posts a.more-link::after {
font-family: 'icomoon';
content: '\e90a';
display: inline-block;
} #comments {
margin-top: 100px;
color: #333;
background: #f3f3f3;
padding: 10px 20px;
clear:both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding-bottom: 24px;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 14px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.reply {
font-size: 14px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 14px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 14px;
font-style: italic;
} #respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
font-style: italic;
color: #999;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 14px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
display:none;
}
#respond label {
color: #888;
font-size: 14px;
width: 80px;
display: block;
float: left;
text-align: right;
padding-right: 10px;
}
#respond input {
margin: 0 0 9px;
width: 500px;
}
#respond textarea {
width: 500px;
}
#respond .form-allowed-tags {
color: #888;
font-size: 14px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 14px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
} body .strong-view.wpmtst-default .wpmtst-testimonial {
border: 0;
border-bottom: 1px solid var(--edge-tint2);
}
.strong-view.wpmtst-default .wpmtst-testimonial-field {
font-style: italic;
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading {
background: none;
padding-left: 0;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
color: var(--yellow);
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::before {
content: "'";
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::after {
content: "'";
}
.strong-view-id-1 .readmore-toggle {
}
.strong-view-id-1 .testimonial-name,
.strong-view-id-1 .testimonial-company {
display: inline-block;
}
.strong-view-id-1 .wpmtst-testimonial-inner .wpmtst-testimonial-content {
margin-bottom: 20px !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev::before,
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next::before {
background-color: var(--yellow) !important;
height: 35px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content::before,
.strong-view.wpmtst-modern .wpmtst-testimonial-content::after {
background-color: var(--yellow) !important;
width: 26px !important;
height: 26px !important;
font-size: 26px !important;   
} div.wpcf7 {
clear: both;
overflow: hidden;
background-color: rgba(255,255,255,0.1);
border-radius: 5px;
width: 100%;
max-width: 500px;
padding: 15px 0;
margin-left: auto;
margin-right: auto;
}
div.wpcf7 form {
padding: 0 40px;
margin: 0;
}
div.wpcf7-response-output {
background: rgba(255,255,255,0.1);
}
span.wpcf7-not-valid-tip {
font-size: 0.750em !important;
}
input.wpcf7-submit {
float: right;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
border: 1px solid #ccc;
box-sizing: border-box;
width: 100%;   
height: 30px;
}
textarea.wpcf7-textarea {
height: 180px;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
border: 1px solid #999;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
border: 1px solid #666;
}
div.wpcf7 div.wpcf7-validation-errors {
border: 2px solid #f00000;
} .wpcf7-form.sent > p {
display:none;
} div.grecaptcha-badge {
visibility: hidden;
}
p.recaptchanote {
font-size: 10px;
text-align: center;
margin-top: 50px;
} body .woocommerce #respond input#submit.alt, 
body .woocommerce a.button.alt, 
body .woocommerce button.button.alt, 
body .woocommerce input.button.alt {
background-color: var(--yellow-dark);
}
body .woocommerce #respond input#submit.alt:hover, 
body .woocommerce a.button.alt:hover, 
body .woocommerce button.button.alt:hover, 
body .woocommerce input.button.alt:hover {
background-color: var(--yellow-light);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a br {
display:none;
}
.shopheader {
background: #185f09 url(//wasp.nz/wp-content/themes/WASPtheme/images/bg-green.jpg) center center no-repeat;
background-size: cover;
color: #fff;
padding: 63px 0;
}
.shopheader h2 {
margin: 0;
color: #fff;
text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
font-size: 34px;
}
.shopheader h2 a {
color: #fff;
text-decoration: none;
}
.breadcrumbs {
padding: 10px 0;
color: #999;
font-size: 14px;
background-color: var(--dark2);
}
.breadcrumbs a {
color: #999;
}
.breadcrumbs .navlinks {
float: right;
}
input.qty {
font-size: 18px;
}
.menu li.cart a {
font-size: 0;
}
.menu li.cart a::before {
font-family: 'icomoon';
content: '\e912';
font-size: 18px;
}
body .woocommerce-info {
border-top-color: var(--yellow);
}
body .woocommerce-info::before {
color: var(--yellow);
}  @supports (-webkit-touch-callout: inherit) {
.wp-block-cover .has-parallax {
background-attachment: scroll !important;
}
}
.wp-block-cover {
overflow: hidden;
}
main .wp-block-cover .wp-block-cover__image-background {
margin: auto;
}
#sww .wp-block-gutena-accordion-panel {
background-color: rgba(255,255,255,0.4);
border: none;
}
#sww .gutena-accordion-block__panel-content-inner {
color: var(--dark1) !important;
background-color: rgba(255,255,255,0.2);
padding-top: 20px;
}
#sww .gutena-accordion-block__panel-title-inner h6 {
color: var(--dark1) !important;
}  .contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section2 .wp-block-group__inner-container,
.is-style-section3 .wp-block-group__inner-container,
.is-style-section4 .wp-block-group__inner-container { 
width:90%; max-width: 1200px; min-width: 300px;
margin: 0 auto;
}
#mobile-menu-btn { display: none; }
img {
max-width: 100%; 
height: auto; 
}
.mobile {display: none; }  @media screen and (max-width: 1200px) {
body {
font-size: 18px;
}
nav a, #subnav a { margin: 0 5px; padding: 10px 15px; font-size: 16px; }
div.wpcf7 form {
margin: 0 auto;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {}
#headerleft {
flex-basis: 30%;
}
}  @media screen and (max-width: 900px) {
body { font-size: 16px; }
.contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section2 .wp-block-group__inner-container,
.is-style-section3 .wp-block-group__inner-container,
.is-style-section4 .wp-block-group__inner-container { 
width:95%;
}
header #logo {
width: 200px;
padding-left: 15px;
}
#header-image {
height: 300px;
}
nav a, #subnav a { margin: 0 5px; padding: 10px 5px; font-size: 16px; }
#hero { padding: 0; }
}  @media screen and (max-width: 700px) { header #headertext { display:none; }
header {
padding-bottom: 0;
}
header #logo {
width: 160px;
padding-left: 15px;
}
#header-image {
height: 180px;
}
header .contents {
flex-direction: column;
align-items: stretch;
height: var(--header-height-mobile-full);
}
#headerleft {
height: var(--header-height-mobile-full);
flex-basis: auto;
flex-shrink: 0;
display: flex;
align-items: center;
}   
#topnav {
background-color: rgba(255,255,255,0.95);
top: 30px;
}
#topnav a {
color: var(--dark1);
}
#topnav a:hover,
#topnav li.current_page_item > a {
color: var(--yellow);
}
#header-sticky.sticky #headerleft {
height: var(--sticky-height);
}
#header-sticky.sticky + * {
padding-top: var(--header-height-mobile-full);
}
#header-sticky .contents {
width: 100%;
}
#headerright {
padding: 0;
}
#mobile-menu-btn { 
display: inline-block;
width: 32px;
height: 32px; padding: 4px;
cursor: pointer;
position: absolute;
top: -70px;
right: 15px;
}
#mobile-menu-btn::after { 
font-family: 'icomoon';
content: '\e910';
font-size: 28px;
display: inline-block;
color: var(--yellow);
}
#mobile-menu-btn::after {
}   
header.mobile-menu-open #mobile-menu-btn::after {
content: '\e911';
}
#topnav { 
float: none; 
width: auto; 
clear: both;
position: relative;
z-index: 9999;
}
.mobile-menu-open #topnav { 
border-top: 1px solid var(--yellow-light);
}
#header-sticky.sticky #topnav {
padding-top: 0;
}   
#topnav .menu { 
padding: 15px 0;
}
#topnav ul { display:none; }
#topnav ul#menu-main-menu.open {  
width: 100%;  
display: block;  
height: auto;  
margin-top:0;
}  
#topnav li {  
width: auto;  
float: none;  
position: relative;  
}  
#topnav li a {  
display: block;
margin: 0;
padding: 6px 0px;
text-align: left;  
width: 100%;  
text-indent: 25px;  
line-height: 30px;
}
#topnav li a:hover {
background-color: var(--dark2);
}
#topnav ul.sub-menu { 
display: block; 
position: static; 
background-color: transparent !important;
padding: 3px 10px;
}
#topnav ul.sub-menu a {
margin: 0 0 0 10px;
padding: 0;
}
#topnav ul li.menu-item-has-children > a:after {
content: '';
padding: 0;
}
.quartercol { float: none; width: auto; margin: 20px 0 0 0;}  
section { padding: 40px 0; } div.wpcf7 { margin: 10px auto !important;  }
div.wpcf7 form { padding: 0 25px; }
textarea.wpcf7-textarea { height: 120px; }     
}  @media screen and (max-width: 400px) {	
body .strong-view.wpmtst-modern.controls-type-sides .wpmtst-testimonial-inner {
padding-left: 30px;
padding-right: 30px;
}
body .strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
right: 0;
}
body .strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
left: 0;
}
}